Heim > Artikel > Web-Frontend > Outlook und Code von HTML6
Outlook und Code von HTML6
- 零下一度Original
- 2017-05-02 15:28:432879Durchsuche
HTML5 ist eine der beliebtesten Versionen der HTML-Sprache. Sie unterstützt Audio und Video, Offline-Speicher, mobile Endgeräte, Tag-Attribute und mehr. Tags wie 23c3de37f2f9ebcb477c4a90aac6fffd, 2f8332c8dcfd5c7dec030a070bf652c3, 1aa9e5d373740b65a0cc8f0a02150c53 werden ebenfalls bereitgestellt, um Entwicklern dabei zu helfen, den Seiteninhalt besser zu organisieren. Allerdings ist die HTML5-Spezifikation noch nicht fertiggestellt und es handelt sich nicht um eine wirklich semantische Auszeichnungssprache.
HTML6 Outlook
Haben Sie sich jemals gewünscht, Sie könnten benutzerdefinierte Tags in HTML verwenden? Beispiel: Verwenden Sie 8362cb02e0cfc24a3b7574ffd3d04706, um Ihr Website-Logo anzuzeigen, und verwenden Sie 355ac7d41ec9425e0b523a42df5495a6, um die Symbolleiste usw. anzuzeigen. Wir verwenden häufig fe8d3930e6ebc67a2fdcf1abd780aacd, um Seiten zu organisieren. Wir hoffen, dass wir Anpassungen wie 53a242729f514007e759e47ee2429b4a
HTML6-Codebeispiel:
<!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>
Im obigen Code sind Ihnen möglicherweise einige seltsame 9f1901cbef829148640481a4b796b711-Tags aufgefallen, es handelt sich um W3C- und definierte Tags in Namespaces in der HTML6-Spezifikation. Zum Beispiel: de56f4350541ab58ccd2e3add393ec58 ist für die Festlegung des Titelleistentextes Ihres Browsers verantwortlich, da005c9d6ea36d36dee037b1dc138ac7 ist für die Anzeige von Bildern usw. verantwortlich. Benutzer können ihre eigenen Tags für die Erkennung und Verarbeitung durch JavaScript und CSS definieren, sodass der Seitencode besser lesbar und die Semantik klarer wird.
HTML6-APIs
Vor HTML6-Tags stehen Namespaces wie: 9cefc18c4ef67f59e12f99d842fc12b9, e1ad80c5840292c8ac332506b20e11b6 usw.
1. 9cefc18c4ef67f59e12f99d842fc12b9
<!DOCTYPE html> <html:html>// this is equivalent to <html> tag written in previous HTML versions <!-- sample of HTML document --> </html:html>
2.
<!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 ähnelt dem e8e496c15ba93d81f6ea4fe5f55a2244. Der Unterschied besteht darin, dass Sie in HTML5 nur Standard-Metadatentypen verwenden können. , „Beschreibung“, „Autor“ usw., während Sie in HTML6 jeden Metadatentyp verwenden können.
<!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 ähnelt dem 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 ähnelt den Tags 3499910bf9dac5ae3c52d5ede7383485, der Unterschied besteht darin, dass 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. aba4351daefe5564f3fd3db2dae0af53
<!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 deckt alle Funktionen von a1f02c36ba31691bcfe87b2722de723b, d8e2720730be5ddc9c2a3782839e8eb6 ab. Der Vorteil von da005c9d6ea36d36dee037b1dc138ac7 besteht darin, dass Sie keine unterschiedlichen Tags für verschiedene Mediendateitypen verwenden müssen. Der Medientyp wird vom Browser anhand des Dateiinhalts (Typattribut, Erweiterung und MIME-Typ) bestimmt.
<!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>
Übersicht über Tag-Typen
Wie HTML5 verfügt auch HTML6 über zwei Tag-Typen: Einzel-Tag und Doppel-Tag
<html:meta type="author" content="single tag"> <html:meta type="author" content="double tag" />
Einzel Tags erfordern nicht das Endzeichen '/'
Fazit
HTML6-Spezifikationen wurden noch nicht veröffentlicht, der ursprüngliche Autor dieses Artikels, Oscar Godson, gibt uns nur einen Ausblick auf die HTML6-Spezifikation oder einige neue Funktionen, von denen er hofft, dass HTML6 sie unterstützen kann.
Das obige ist der detaillierte Inhalt vonOutlook und Code von HTML6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!