Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Tags
more
Archives
Today
Total
관리 메뉴

waitedForU

[01] HTML5 소개 본문

HTML5

[01] HTML5 소개

Mr.Bini 2016. 5. 24. 15:15

1. HTML5 소개

 
 
1) HTML5의 특징
 
 - HTML5는 HTML의 최신 표준.
 - HTML5는 HTML 4, XHTML 및 HTML DOM 레벨 2등 모두를 대체하기 위하여 설계됨
 - 특별히 추가 플러그인이 필요없이 다양한 콘텐츠를 제공 할 수 있도록 설계됨
 - 애니메이션에서 그래픽, 영화, 음악, 또한 복잡한 웹 응용 프로그램을 구축하는 데 사용할 수있는 모든 것을 제공함
 - HTML5는 크로스 플랫폼이므로,  PC 나 태블릿, 스마트 폰, 또는 스마트 TV를 사용해도 똑같이 작동하도록 설계됨
 - HTML5는 <!DOCTYPE HTML>로 시작함
 
 
 
 
2) HTML5의 새로운 태그
 - semantic elements (의미있는 요소) :
   <header>, <footer>, <article>, and <section>.
 
 - form를 제어하는 속성들 :
   number, date, time, calendar, and range.
 
 - graphic 요소들: 
   <svg> and <canvas>.
 
 - multimedia(다중매체) 요소: 
   <audio> and <video>.
 
 
 3) HTML5의 API's( Application Programming Interfaces)
 - HTML Geolocation
 - HTML Drag and Drop
 - HTML Local Storage
 - HTML Application Cache
 - HTML Web Workers
 - HTML SSE
 
 
4) HTML5에서 삭제된 요소와 대체요소
   
    


5)  새로운 스타일 선언 지원

>>>>> style.html

<!DOCTYPE html>
<html>
<head>
  <title>Styling the article element</title>
  <script>document.createElement("myHero")</script>
  <style>
  myHero {
      display:block;
      background-color:#ddd;
      padding: 50px;
      font-size: 30px;
  }  
  </style>
</head>
<body>
 
<h1>My First Heading</h1>
 
<p>My first paragraph.</p>
 
<myHero>My First Hero</myHero>
 
</body>
</html>


'HTML5' 카테고리의 다른 글

[04] HTML5 Graphics  (0) 2016.05.24
[03] HTML5 Forms  (0) 2016.05.24
[02] Semantic Elements(의미가 있는 요소)  (0) 2016.05.24
Comments