의견 : HTML 5는 기존 HTML 4.01, XHTML 1.0 및 DOM 레벨 2 레벨 HTML 표준을 대체하는 새로운 네트워크 표준입니다.
Adobe Flash, Microsoft Silverlight 및 Sun Javafx와 같이 플러그인이 필요한 플러그인 기반 RIC (RIC)에 대한 브라우저의 요구를 줄이기를 희망합니다.HTML 5는 전형적인 현대 사용 웹 사이트를 반영하는 몇 가지 새로운 요소와 속성을 제공합니다. 그들 중 일부는 기술적으로 <div> 및 <span> 태그와 유사하지만 <av> (웹 사이트 내비게이션 블록) 및 <fumer>와 같은 의미가 있습니다. 이 태그는 검색 엔진 인덱싱, 소형 스크린 장치 및 시각 장애인에 도움이됩니다. 또한 <Audio> 및 <video> 태그와 같은 표준 인터페이스를 통해 다른 브라우징 요소에 대한 새로운 기능을 제공합니다.
CSS로 대체 된 <font> 및 <centre>와 같은 디스플레이 효과로 순전히 사용되는 것들을 포함하여 일부 구식 HTML 4 태그가 취소됩니다. DOM을 통한 일부 네트워크 동작 (Via)도 있습니다.
HTML 5에서 제공하는 새로운 태그 사용 중 일부와 HTML 4의 차이점을 살펴 보겠습니다.
<article> 태그는 외부 컨텐츠를 정의합니다. 예를 들어, 외부 뉴스 제공 업체, 블로그 또는 포럼의 새 기사. 또는 다른 외부 소스에서 나옵니다.
html5 : <article> </article>
html4 : <div> </div>
<따로> 태그는 기사 이외의 내용을 정의합니다. 따로 내용은 기사의 내용과 관련이 있어야합니다.
html5 : <따로 옆으로 내용은 독립적 인 내용이지만 문서의 내용과 관련이 있어야합니다. </제쳐두고>
html4 : <div> 제외는 내용이 독립적이지만 문서의 내용과 관련이 있어야합니다. </div>
<audio> 태그는 음악 또는 기타 오디오 스트림과 같은 사운드를 정의합니다.
html5 : <audio src = someaudio.wav> 브라우저는 오디오 태그를 지원하지 않습니다. </오디오>
html4 : <객체 유형 = 응용 프로그램/ogg data = someaudio.wav> <param name = src value = someaudio.wav> </object>
<canvas> 태그는 차트 및 기타 이미지와 같은 그래픽을 정의합니다. 이 HTML 요소는 클라이언트 벡터 그래픽을 위해 설계되었습니다. 스크립트가 캔버스에 그릴 수 있도록 스크립트를 사용하여 클라이언트 JavaScript에 드로잉 API를 제시합니다.
html5 : <canvas id = mycanvas 너비 = 200 높이 = 200> </canvas>
html4 : <객체 데이터 = inc/hdr.svg type = image/svg+xml 너비 = 200 높이 = 200> </object>
<command> 태그는 라디오 버튼, 확인란 또는 버튼과 같은 명령 버튼을 정의합니다.
html5 : <command onclick = cut () label = cut>
html4 : 없음
<datalist> 태그는 선택적 데이터 목록을 정의합니다. 입력 요소와 함께 사용하여 입력 값의 드롭 다운 목록을 작성합니다.
html5 : <datalist> </datalist>
HTML4 : Combobox를 참조하십시오.
<ELITALD> 태그는 사용자가 클릭하여 보거나 숨길 수있는 요소의 세부 사항을 정의합니다. <Legend>와 함께 사용하여 세부 사항의 제목을 만듭니다. 제목은 사용자에게 표시되며 클릭하면 세부 사항을 켜거나 끕니다.
html5 : <세부 사항> </details>
html4 : <dl style = display : hidden> </dl>
<ement> 태그는 플러그인과 같은 임베디드 컨텐츠를 정의합니다.
html5 : <embed src = horse.wav />
html4 : <객체 data = flash.swf type = application/x-shockwave-flash> </object>
<figcaption> 태그는 그림 요소의 제목을 정의합니다. 그림 요소는 그림 요소의 첫 번째 또는 마지막 자식 요소의 위치에 배치해야합니다.
html5 : <fig> <figcaption> prc </figcaption> </figure>
html4 : 없음
<Figure> 태그는 요소를 결합하는 데 사용됩니다. <figcaption> 요소를 사용하여 요소 그룹에 제목을 추가하십시오.
html5 : <fig> <figcaption> prc </figcaption> <p> 중국 인민 공화국은 1949 년에 태어났습니다 ... </p> </figure>
html4 : <dl> <h1> prc </h1> <p> 중국 인민 공화국은 1949 년에 태어났습니다 ... </p> </dl>
<FUTER> 태그는 섹션 또는 문서의 바닥 글을 정의합니다. 일반적으로 제작자 이름, 문서 작성 날짜 및/또는 연락처 정보가 포함됩니다.
html5 : <fuxer> </buter>
html4 : <div> </div>
<header> 태그는 섹션 또는 문서의 헤더를 정의합니다.
html5 : <header> </header>
html4 : <div> </div>
<hgroup> 태그는 웹 페이지 또는 섹션의 제목을 결합하는 데 사용됩니다.
html5 : <hgroup> </hgroup>
html4 : <div> </div>
<keygen> 태그는 생성 키를 정의합니다.
html5 : <keygen>
html4 : 없음
<mark>는 주로 사용자에게 강조 해야하는 텍스트를 시각적으로 제시하는 데 사용됩니다. <mark> 태그의 일반적인 응용 프로그램은 검색 결과에서 사용자에게 검색 키워드를 강조하는 것입니다.
html5 : <mark> </mark>
html4 : <span> </span>
<meter> 태그는 가중치와 측정을 정의합니다. 알려진 최대 및 최소값의 메트릭에만 사용하십시오. 메트릭의 범위는 요소의 텍스트 또는 최소/최대 속성에서 정의되어야합니다.
html5 : <meter> </meter>
html4 : 없음
<av> 태그는 내비게이션 링크의 일부를 정의합니다.
html5 : <av> </nav>
html4 : <ul> </ul>
<output> 태그는 스크립트의 출력과 같은 다양한 유형의 출력을 정의합니다.
html5 : <output> </output>
html4 : <span> </span>
<Progress> 태그 실행 프로세스. <Progress> 태그를 사용하여 JavaScript에서 시간 소모적 인 기능의 프로세스를 표시 할 수 있습니다.
html5 : <진행> </progress>
html4 : 없음
<RP> 태그는 루비 댓글에 사용되어 루비 요소를 지원하지 않는 브라우저에 표시되는 내용을 정의합니다.
html5 : <ruby> han <rt> <rp> (</rp> <rp>) </rp> </rt> </ruby>
html4 : 없음
<rt> 태그는 문자의 해석 또는 발음을 정의합니다 (중국어 발음 또는 문자).
html5 : <ruby> han <rt> </rt> </ruby>
html4 : 없음
<Ruby> 태그 정의 루비 댓글 (중국어 발음 또는 문자).
html5 : <ruby> han <rt> <rp> (</rp> <rp>) </rp> </rt> </ruby>
html4 : 없음
<섹션> 태그는 문서의 섹션 (섹션, 섹션)을 정의합니다. 예를 들어, 챕터, 헤더, 바닥 글 또는 문서의 다른 부분.
html5 : <섹션> </섹션>
html4 : <div> </div>
<source> 태그는 <video> 및 <audio>와 같은 미디어 요소의 미디어 리소스를 정의합니다.
html5 : <source>
html4 : <param>
<summary> 태그에는 문서 또는 문서 조각에 대한 자세한 정보를 설명하는 세부 사항 요소의 제목이 포함되어 있습니다. 요약 요소는 세부 사항 요소의 첫 번째 자식 요소 여야합니다.
html5 : <edetly> <summary> html 5 </summary>이 문서는 html 5에 대해 배워야 할 모든 것을 가르쳐줍니다. </details>
html4 : 없음
<time> 태그는 날짜 또는 시간 또는 둘 다를 정의합니다.
html5 : <time> </time>
html4 : <span> </span>
<video> 태그는 영화 클립 또는 기타 비디오 스트림과 같은 비디오를 정의합니다.
html5 : <video src = movie.ogg controls = controls> 브라우저가 비디오 태그를 지원하지 않습니다. </video>
html4 : <객체 유형 = video/ogg data = movie.ogv> <param name = src value = movie.ogv> </object>