Outlook und Code von HTML6-HTML-Tutorial-php.cn

Outlook und Code von HTML6

零下一度

Freigeben： 2017-05-02 15:28:43

Original

2880 Leute haben es durchsucht

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

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 , um Ihr Website-Logo anzuzeigen, und verwenden Sie , um die Symbolleiste usw. anzuzeigen. Wir verwenden häufig

, um Seiten zu organisieren. Wir hoffen, dass wir Anpassungen wie

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>

Nach dem Login kopieren

Im obigen Code sind Ihnen möglicherweise einige seltsame -Tags aufgefallen, es handelt sich um W3C- und definierte Tags in Namespaces in der HTML6-Spezifikation. Zum Beispiel: ist für die Festlegung des Titelleistentextes Ihres Browsers verantwortlich, 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: , usw.

1.

<!DOCTYPE html>

 <html:html>// this is equivalent to <html> tag written in previous HTML versions

 <!-- sample of HTML document -->

 </html:html>

Nach dem Login kopieren

<!DOCTYPE html>

 <html:html>

 <html:head>

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

 </html:head>

 </html:html>

Nach dem Login kopieren

<!DOCTYPE html>

 <html:html>

 <html:head>

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

 </html:head>

 </html:html>

Nach dem Login kopieren

4. ähnelt dem . 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>

Nach dem Login kopieren

5. ähnelt dem

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

Nach dem Login kopieren

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

Nach dem Login kopieren

7. ähnelt den Tags , der Unterschied besteht darin, dass

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

Nach dem Login kopieren

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

Nach dem Login kopieren

9. deckt alle Funktionen von , ab. Der Vorteil von 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&#39;t need a type -->

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

 </html:body>

 </html:html>

Nach dem Login kopieren

Ü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" />

Nach dem Login kopieren

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!