Home >Web Front-end >HTML Tutorial >HTML6 Outlook_html/css_WEB-ITnose
HTML6 Outlook_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:47:291304browse
HTML5 Overview
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 a51b086c0889ec14afa9bf38b94c6df2 and a5544fdb4072b802663425b85a46abf1 to organize pages. In HTML6, we hope to directly use customizations like 53a242729f514007e759e47ee2429b4a and 618d5c346957085eade432fbb0384458 Label.
Like XML, HTML6 should support namespace, such as: xmlns:xhtml="http://www.w3.org/1999/xhtml"
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, which are tags defined in the namespace in the W3C and HTML6 specifications. 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 and b2386ffb911b14667cb8f0f91ea547a7 tags are similar.
<!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 pre-HTML6 versions.
<!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 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 3499910bf9dac5ae3c52d5ede7383485 tags, 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. f4e5c60e283ae3b9ca3064532d0340f8 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'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 and double tag
<html:meta type="author" content="single tag"> <html:meta type="author" content="double tag" />
Single tags do not require the end character '/' Or some new features he hopes HTML6 can support.