html6의 전망과 코드
- 零下一度원래의
- 2017-05-02 15:28:432822검색
HTML5는 가장 널리 사용되는 HTML 언어 버전 중 하나이며 오디오 및 비디오, 오프라인 저장, 모바일 단말기, 태그 속성 등을 지원합니다. 개발자가 페이지 콘텐츠를 더 잘 구성하는 데 도움이 되도록
HTML6 Outlook
HTML에서 사용자 정의 태그를 사용할 수 있기를 바랐던 적이 있습니까? 예를 들어 웹사이트 로고를 표시하려면 8362cb02e0cfc24a3b7574ffd3d04706를 사용하고, 툴바 등을 표시하려면 355ac7d41ec9425e0b523a42df5495a6를 사용하세요. 우리는 종종 fe8d3930e6ebc67a2fdcf1abd780aacd 및 7de2cfddf1547af3b4082f1304ae97f2를 사용하여 HTML6에서 53a242729f514007e759e47ee2429b4a
HTML6 코드 샘플:
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> <html:meta type="title" value="Page Title"> <html:meta type="description" value="HTML example with namespaces"> <html:link src="css/mainfile.css" title="Styles" type="text/css"> <html:link src="js/mainfile.js" title="Script" type="text/javascript"> </html:head> <html:body> <header> <logo> <html:media type="image" src="images/xyz.png"> </logo> <nav> <html:a href="/img1">a1</a> <html:a href="/img2">a2</a> </nav> </header> <content> <article> <h1>Heading of main article</h1> <h2>Sub-heading of main article</h2> <p>[...]</p> <p>[...]</p> </article> <article> <h1>The concept of HTML6</h1> <h2>Understanding the basics</h2> <p>[...]</p> </article> </content> <footer> <copyright>This site is © to Anonymous 2014</copyright> </footer> </html:body> </html:html>
위 코드에서 몇 가지 이상한 9f1901cbef829148640481a4b796b711 태그를 발견했을 수 있습니다. 해당 태그는 다음에 정의된 W3C 및 HTML6 태그입니다. 사양의 네임스페이스입니다. 예를 들어, de56f4350541ab58ccd2e3add393ec58은 브라우저의 제목 표시줄 텍스트 설정을 담당하고, da005c9d6ea36d36dee037b1dc138ac7는 이미지 표시 등을 담당합니다. 사용자는 JavaScript 및 CSS가 인식하고 처리할 자체 태그를 정의할 수 있으므로 페이지 코드를 더 쉽게 읽을 수 있고 의미가 더 명확해집니다.
HTML6 API
HTML6 태그 앞에는 9cefc18c4ef67f59e12f99d842fc12b9, e1ad80c5840292c8ac332506b20e11b6 등과 같은 네임스페이스가 옵니다.
1. 9cefc18c4ef67f59e12f99d842fc12b9
<!DOCTYPE html> <html:html>// this is equivalent to <html> tag written in previous HTML versions <!-- sample of HTML document --> </html:html>
2. e1ad80c5840292c8ac332506b20e11b6
<!DOCTYPE html> <html:html> <html:head> <!-- Main content would come here, like the <html:title> tag --> </html:head> </html:html>
3. de56f4350541ab58ccd2e3add393ec58
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> </html:head> </html:html>
4. 8f97d1848fdafee8fdbeb4e8004dfb9e는 HTML5에서 "keywords", "description"과 같은 표준 메타데이터 유형만 사용할 수 있다는 점을 제외하고는 e8e496c15ba93d81f6ea4fe5f55a2244 , "작성자" 등을 사용할 수 있지만 HTML6에서는 모든 메타데이터 유형을 사용할 수 있습니다.
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> <html:meta type="description" value="HTML example with namespaces"> </html:head> </html:html>
5. 4f2b12bca9bfc4c585e734df581180f5는 이전 버전 HTML6의 2cdf5bf648cf2f33323966d7f58a7f3f
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> <html:link src="js/mainfile.js" title="Script" type="text/javascript"> </html:head> </html:html>
6. 8fda25cf28082d125561e4777e8daddc
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> </html:head> <html:body> <!-- This is where your website content is placed --> </html:body> </html:html>
7. 500c9e8a1c4d47c8a809c72b457ba5f9는 3499910bf9dac5ae3c52d5ede7383485 태그와 유사하지만 500c9e8a1c4d47c8a809c72b457ba5f9 속성은 하나만 있습니다.
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> </html:head> <html:body> <html:a href="http://siteurl">Go to siteurl.com!</html:a> </html:body> </html:html>
8. 28d5c76313443e9657da0ab0d5a1ba4c 및 d5dc9451a01a875bdcac201cf3837af1
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> </html:head> <html:body> <html:button>Click Here</html:button> </html:body> </html:html>
9. da005c9d6ea36d36dee037b1dc138ac7에는 a1f02c36ba31691bcfe87b2722de723b, d8e2720730be5ddc9c2a3782839e8eb6 태그의 모든 기능이 포함됩니다. da005c9d6ea36d36dee037b1dc138ac7의 장점은 다양한 미디어 파일 유형에 대해 다른 태그를 사용할 필요가 없다는 것입니다. 미디어 유형은 파일 콘텐츠(유형 속성, 확장자 및 MIME 유형)를 통해 브라우저에 의해 결정됩니다.
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> </html:head> <html:body> <!-- Image would come here --> <html:media src="img1/logo.jpg" type="image"> <!-- Video doesn't need a type --> <html:media src="videos/slide.mov"> </html:body> </html:html>
태그 유형 개요
HTML5와 마찬가지로 HTML6에도 단일 태그와 이중 태그의 두 가지 태그 유형이 있습니다.
<html:meta type="author" content="single tag"> <html:meta type="author" content="double tag" />
단일 태그에는 필요하지 않습니다. 터미네이터 '/'
결론
HTML6 사양은 아직 공개되지 않았습니다. 이 기사의 원저자인 Oscar Godson이 방금 설명을 제공했습니다. HTML6 사양 또는 HTML6이 지원할 수 있기를 바라는 몇 가지 새로운 기능입니다.
위 내용은 html6의 전망과 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.