Heim >Web-Frontend >HTML-Tutorial >Outlook und Code von HTML6

Outlook und Code von HTML6

零下一度Original: 2017-05-02 15:28:433047Durchsuche

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>

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, <media> 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. <br></media>

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>

<!DOCTYPE html>

 <html:html>

 <html:head>

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

 </html:head>

 </html:html>

3. <br>

<!DOCTYPE html>

 <html:html>

 <html:head>

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

 </html:head>

 </html:html>

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

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

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

<!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. deckt alle Funktionen von Outlook und Code von HTML6 , 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  type="image">

 <!-- Video doesn&#39;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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Welchen Nutzen hat die Einführung von HTML-Frames (Frames)?Nächster Artikel：Welchen Nutzen hat die Einführung von HTML-Frames (Frames)?

In Verbindung stehende Artikel

Mehr sehen