HTML 역사와 HTML5

미분류
  1. HTML의 역사
    • CERN(유럽입자물리 연구소)에서 연구중이던 팀 버너스리(Tim Berners-Lee)에 의해 개발.
    • 시대별 HTML 버전 :
      – 1991년 – HTML
      – 1993년 – HTML+
      – 1995년 – HTML 2.0
      – 1997년 – HTML 3.2
      – 1999년 – HTML 4.01
      – 2000년 – XHTML 1.0
      – 2012년 – HTML5
      – 2013년 – XHTML5
    • 3

  2. HTML5

      • 차세대 웹 표준으로 확정(2014년 10월 28일)되었으며, 기존 텍스트와 하이퍼링크만 표시하던 HTML이 멀티미디어 등 다양한 애플리케이션까지 표현·제공하도록 진화한 “웹 프로그래밍 언어“입니다. 예로, 오디오·비디오·그래픽 처리, 위치정보 제공 등 다양한 기능을 제공함으로써, 웹 자체에서 처리할 수 있는 기능이 대폭 향상 되었습니다.

    • 새로운 HTML5 요소

      새로운 의미 요소 <header>, <footer>, <article> 및 <section> 등을들 수있다.

      새로운 폼 요소의 속성 번호, 날짜, 시간, 일정 및 범위 등을들 수있다.

      새로운 그래픽 요소 : <SVG>와 <canvas>.

      새로운 멀티미디어 요소 : <audio> 및 <video>.

    • 새로운 HTML5의 API의 (응용 프로그래밍 인터페이스)

      HTML5에서 가장 흥미로운 새로운 API의의는 다음과 같습니다

        • HTML의 위치 정보
        • HTML의 드래그 앤 드롭
        • HTML 로컬 저장소

    • HTML5 브라우저 지원

      HTML5는 모든 최신 브라우저에서 지원됩니다.
      인터넷 익스플로러8 이하 버전에서는 지원되지않기때문에 만약 IE8에서 HTML5을 지원하고자하면 HTML5Shiv 자바스크립트를 다운받아 문서에 연결해서 사용하시면됩니다.
      (CDN : https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js).

    • HTML5 기본구조

      • <!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Page Title</title>
  </head>
  <body>
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
  </body>
</html>

    • HTML5Shiv 연결

      • <!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Page Title</title>
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
  </body>
</html>

    • <! DOCTYPE> 선언

      <! DOCTYPE> 선언 문서 유형을 나타내고, 올바르게 웹 페이지를 표시하는 브라우저를 돕는다.

      그것은 단지 페이지 상단 (HTML 태그 전에), 한 번에 표시되어야합니다.

      <! DOCTYPE> 선언은 대소 문자를 구분하지 않습니다.

      HTML5의 <! DOCTYPE> 선언은 다음과 같습니다