Home > Article > Web Front-end > Outlook and code of html6

Outlook and code of html6

零下一度Original: 2017-05-02 15:28:432880browse

HTML5 is one of the most popular versions of the HTML language. It supports audio and video, offline storage, mobile terminals, tag attributes, and more. Tags such as 23c3de37f2f9ebcb477c4a90aac6fffd, 2f8332c8dcfd5c7dec030a070bf652c3, 1aa9e5d373740b65a0cc8f0a02150c53 are also provided to help developers better organize page content. However, the HTML5 specification is still not finalized, and it is not a truly semantic markup language.

HTML6 Outlook

Have you ever wished you could use custom tags in HTML? For example: use 8362cb02e0cfc24a3b7574ffd3d04706 to display your website logo, and use 355ac7d41ec9425e0b523a42df5495a6 to display the toolbar, etc. We often use fe8d3930e6ebc67a2fdcf1abd780aacd and 7de2cfddf1547af3b4082f1304ae97f2 to organize pages. In HTML6, we hope to directly use customizations like 53a242729f514007e759e47ee2429b4a and 618d5c346957085eade432fbb0384458 Label.

HTML6 Code Sample:

<!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>

In the above code, you may have noticed some strange 9f1901cbef829148640481a4b796b711 tags, they are W3C and HTML6 Tags defined in the namespace in the specification. For example: de56f4350541ab58ccd2e3add393ec58 is responsible for setting the title bar text of your browser, da005c9d6ea36d36dee037b1dc138ac7 is responsible for displaying images, etc. Users can define their own tags for JavaScript and CSS to recognize and process, so that the page code will be more readable and the semantics will be clearer.

HTML6 APIs

HTML6 tags are preceded by namespaces, such as: 9cefc18c4ef67f59e12f99d842fc12b9, e1ad80c5840292c8ac332506b20e11b6, etc.

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 is the same as the 93f0f5c25f18dab9d176bd4f6de5d30e tag.

<!DOCTYPE html>

 <html:html>

 <html:head>

 <!-- Main content would come here, like the <html:title> tag -->

 </html:head>

 </html:html>

3. de56f4350541ab58ccd2e3add393ec58 is similar to b2386ffb911b14667cb8f0f91ea547a7 tags.

<!DOCTYPE html>

 <html:html>

 <html:head>

 <html:title>A Look Into HTML6</html:title>

 </html:head>

 </html:html>

4. 8f97d1848fdafee8fdbeb4e8004dfb9e is similar to the e8e496c15ba93d81f6ea4fe5f55a2244 tag. The difference is that in HTML5 you can only use standard metadata types, such as: "keywords", "description", "author", etc., whereas in HTML6 you can use any metadata type.

<!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 is similar to the 2cdf5bf648cf2f33323966d7f58a7f3f tag in previous versions of HTML6.

<!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 is the same as the 6c04bd5ca3fcae76e30b72ad730ca86d tag.

<!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 is similar to the 3499910bf9dac5ae3c52d5ede7383485 tag, the difference is that 500c9e8a1c4d47c8a809c72b457ba5f9 only has one attribute: "href".

<!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. 28ad71e16cd43634e5252b7334a08309 is the same as bb9345e55eb71822850ff156dfde57c8 and cc1b85ff6b69bb8921b86168e23b12e1 .

<!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 covers all functions of a1f02c36ba31691bcfe87b2722de723b, 39000f942b2545a5315c57fa3276f220, d8e2720730be5ddc9c2a3782839e8eb6 and other tags. The advantage of da005c9d6ea36d36dee037b1dc138ac7 is that you don't have to use different tags for different media file types. The media type is determined by the browser from the file content (type attribute, extension, and MIME type).

<!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&#39;t need a type -->

 <html:media src="videos/slide.mov">

 </html:body>

 </html:html>

Overview of Tag types

Like HTML5, HTML6 also has two tag types: single tag (single tag) and double tag (double tag)

<html:meta type="author" content="single tag">

 <html:meta type="author" content="double tag" />

Single tags do not require the terminator '/'

Conclusion

HTML6 specifications have not yet been released. Oscar Godson, the original author of this article, just provided us with an explanation The outlook for the HTML6 specification, or some new features he hopes HTML6 can support.

The above is the detailed content of Outlook and code of html6. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：What is the use of introducing HTML frames (Frames)?Next article：What is the use of introducing HTML frames (Frames)?

See more