html6的展望與程式碼-html教學-PHP中文網

首頁

web前端

html教學

html6的展望與程式碼

零下一度

May 02, 2017 pm 03:28 PM

html

HTML5 是 HTML 語言最受歡迎的版本之一，它支援音訊和視訊、離線儲存、行動端、和標籤屬性等等。也提供了

這樣的標籤來幫助開發者更好地組織頁面內容。然而 HTML5 規範仍然沒有最後定稿，而且它並不是一個真正意義上的語意標記語言。

HTML6 展望

你有沒有曾經希望能在 HTML 中使用自訂標籤？例如：使用來顯示你的網站logo，還有使用來顯示工具列等等。我們經常使用

和

來組織頁面，在 HTML6 裡我們希望可以直接使用象和這樣的自定義標籤。

HTML6 程式碼範例：

<!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 id="Heading-nbsp-of-nbsp-main-nbsp-article">Heading of main article</h1>
 <h2 id="Sub-heading-nbsp-of-nbsp-main-nbsp-article">Sub-heading of main article</h2>
 <p>[...]</p>
 <p>[...]</p>
 </article>
 <article>
 <h1 id="The-nbsp-concept-nbsp-of-nbsp-HTML">The concept of HTML6</h1>
 <h2 id="Understanding-nbsp-the-nbsp-basics">Understanding the basics</h2>
 <p>[...]</p>
 </article>
 </content>
 <footer>
 <copyright>This site is © to Anonymous 2014</copyright>
 </footer>
 </html:body>
 </html:html>

在上面的程式碼中，你也許注意到了一些奇怪的標籤，它們是 W3C 和 HTML6規範中在命名空間裡定義的標籤。例如：負責設定你瀏覽器的標題列文字，<media>負責顯示圖片等等。使用者可以自行定義標籤以便 JavaScript 和 CSS 辨識和處理，這樣頁面程式碼會更易讀，語意更清楚。 <br></media>

HTML6 APIs

HTML6 的標籤前有命名空間，如：, 等等。

1.

<!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. 和 <title> 標籤類似。 <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>

6. 和標籤一樣。

<!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. 和標籤類似，差異是只有「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. 和

<!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. 涵蓋 html6的展望與程式碼 ,

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

標籤類型(Tag types)概述

就像 HTML5 一樣， HTML6 也有兩種標籤類型：單一標籤（single tag) 和雙標籤（double tag）

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

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

單標籤不需要結束符'/'

結語

HTML6 規範尚未發布，本文原作者Oscar Godson 只是為我們提供了一個對HTML6 規範的展望，或說他希望 HTML6 能夠支援的一些新特性。

以上是html6的展望與程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

HTML文檔中的根標籤是什麼？Apr 29, 2025 am 12:10 AM

theroottaginanhtmldocumentis.servesasthetop-levellementThateNcapsulatesAllotherContent，確保properdocumentstrumentstrumentsureandbrowserparserparsing。

HTML標籤和元素是同一件事嗎？Apr 28, 2025 pm 05:44 PM

文章解釋說，HTML標籤是用於定義元素的語法標記，而元素是完整的單位，包括標籤和內容。他們一起工作以構建網頁。查拉克計數：159

＆lt; head＆gt;的意義是什麼。＆＆lt;身體＆gt;在html中標記？Apr 28, 2025 pm 05:43 PM

本文討論了Lt; Head＆gt; ＆＆lt;身體＆gt; HTML中的標籤，它們對用戶體驗的影響以及SEO的影響。正確的結構增強了網站功能和搜索引擎優化。

＆lt; strong＆gt;，lt; b＆gt;有什麼區別標籤和lt; em＆gt;，＆lt; i＆gt;標籤？Apr 28, 2025 pm 05:42 PM

本文討論了HTML標籤，和和關注其語義與表現用途及其對SEO和可訪問性的影響之間的差異。

請說明如何指示HTML中文檔使用的字符集？Apr 28, 2025 pm 05:41 PM

文章討論了在HTML中指定字符，重點介紹了UTF-8。主要問題：確保正確顯示文本，防止亂七八糟的字符，並增強SEO和可訪問性。

HTML中的各種格式標籤是什麼？Apr 28, 2025 pm 05:39 PM

本文討論了用於構建和造型Web內容的各種HTML格式標籤，強調了它們對文本外觀的影響以及語義標籤對可訪問性和SEO的重要性。

HTML元素的' ID”屬性與'類”屬性之間有什麼區別？Apr 28, 2025 pm 05:39 PM

本文討論了HTML的“ ID”和“類”屬性之間的差異，重點是它們的獨特性，目的，CSS語法和特異性。它解釋了它們的使用如何影響網頁樣式和功能，並為

HTML中的'類”屬性是什麼？Apr 28, 2025 pm 05:37 PM

本文解釋了HTML“類”屬性在分組樣式和JavaScript操縱元素中的作用，將其與唯一的“ ID”屬性進行對比。

See all articles

熱AI工具

熱工具

html6的展望與程式碼

HTML6 展望

HTML6 程式碼範例：

HTML6 APIs

標籤類型(Tag types)概述

結語

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

EditPlus 中文破解版

SublimeText3漢化版

WebStorm Mac版

ZendStudio 13.5.1 Mac

SublimeText3 Mac版

熱門話題