1、適用于任何項目的基本html5模板在本文中，我們將看看如何開頭。讓我們從容易的開頭，用一個最基本的html5頁面:thehtml5herald有了基本的模板，現在讓我們檢查標志的一些重要部分，以及這些部分與在html5之前編寫html的方式有何不同。doctype首先，我們有文檔類型聲明或doctype。這只是告知掃瞄器（或任何其他解析器）正在查看的文檔類型的一種方式。對于html文件，它表示html的特定版本和風格。doctype應當始終是任何html文件頂部的第一項。許多年前，doctype聲明是一個丑陋且難以記憶的混亂。對于xhtml1.0strict：html4轉換:盡管文檔頂部的那一

2、長串文本并沒有真正損害到我們(除了迫使我們網站的掃瞄者下載一些額外的字節之外)，html5已經消退了那些難以辨認的礙眼的東西。現在你需要的是:容易而中肯。doctype可以用大寫、小寫或混合大小寫編寫。你會注重到5在聲明中顯然缺失。盡管當前的web標志迭代被稱為html5，但它事實上只是以前html標準的演變——將來的規范將只是我們今日所擁有的東西的進展。因為通常要求掃瞄器支持web上的全部現有內容，因此無需依賴文檔類型來告知他們給定文檔應支持哪些功能。換句話說，僅doctype不會使您的頁面兼容html5。這徹低取決于掃瞄器。事實上，您可以在頁面上用法

3、具有新html5元素的這兩個舊文檔類型之一，并且該頁面將展現與用法新doctype時相同的外觀。html元素下一個html文檔是html元素，它在html5中沒有顯著變幻。在我們的示例中，我們將lang屬性的值設為en，它指定文檔是英文的。在基于xhtml的語法中，需要包含xmlns屬性。在html5中，這不再是必須的，甚至lang屬性對于文檔的驗證或正確運行也是不須要的。這就是我們目前的成績，包括關閉的標簽:head元素頁面的下一部分是部分。head中的第一行定義文檔的字符編碼。這是自xhtml和html4以來簡化的另一個元素，是一個可選特性，但推舉用法。在過去，你可以這樣寫:html5改進

4、了這一點，將字符編碼標簽削減到最少:在幾乎全部狀況下，utf-8都是您將在文檔中用法的值。對字符編碼的完整說明超出了本文的范圍，您可能對它也不感愛好。盡管如此，假如您想更深化地討論，您可以閱讀關于w3c或whatwg的主題。注重:為了確保全部掃瞄器都能正確讀取字符編碼，囫圇字符編碼聲明必需包含在文檔的前512個字符中。它還應當浮現在任何基于內容的元素之前(比如在我們的示例站點中尾隨它的元素)。關于這個主題，我們還有無數可以寫的，但是我們想讓你保持蘇醒——所以我們就不告知你那些詳情了!現在，我們滿足于接受這個簡化的聲明，然后進入文檔的下一部分:thehtm

5、l5herald在這些行中，html5與以前的語法幾乎沒有區分。頁面標題(頭部中惟一必需的元素)的聲明與以前一樣，而我們所包含的元標志只是一些可選的示例，用于指示這些標志的位置;您可以在這里放置隨意多的有效元元素。這個標志塊的關鍵部分是樣式表，它是用法慣用的link元素包含的。除了href和rel之外，link不需要其他屬性。type屬性(在舊版本的html中很常見)不是必須的，也不需要它來指示樣式表的內容類型。公正競爭當html5被引入時，它包含了許多新元素，比如article和section。您可能認為這是舊掃瞄器對無法識別的元素的支持的主要問題，但是您錯了。這是由于大多數掃瞄器事實上并不

6、關懷您用法什么標志。假如您有一個html文檔，其中有一個recipe標志(甚至是一個ziggy標志)，并且您的css將一些樣式附加到該元素上，那么幾乎每個掃瞄器都會將其當作徹低正常的操作，毫無怨言地應用您的樣式。固然，這樣的假設文檔將無法驗證，并且可能存在可拜訪性問題，但是它將在幾乎全部掃瞄器中正確展現-internetexplorer（ie）的舊版本除外。在版本9之前，ie阻擋無法識別的元素接收樣式。這些奧秘元素被渲染引擎視為未知元素，因此您無法更改它們的外觀或行為方式。這不僅包括我們想象的元素，還包括那些掃瞄器版本開發時尚未定義的任何元素。這意味著新的html5元素。好消息是，ie的用法率

7、已經下降了，ie11的全球用法率已經下降到2.7%左右(截至2018年)，在此之前的版本幾乎已經從地圖上消逝了。但是，假如您的確需要支持古老的掃瞄器，則仍然可以用法值得信賴的html5shiv，這是johnresig最初開發的十分容易的javascript。受sjoerdvisscher的主意啟發，它使新的html5元素可在ie的舊版本中舉行樣式設置。不過，事實上，現在不需要了。全部現代掃瞄器，甚至是最新的較舊版本都支持html5元素。一個例外是某些掃瞄器無法識別較新的主要元素。但是，對于這些掃瞄器，只要添加適當的樣式（例如將其設置為block元素），您仍然可以用法此元素。接下來就是歷史了查看

8、開頭模板的其余部分，我們有頻繁的body元素及其結束標志和結束html標志。我們還在腳本元素中引用了一個javascript文件。與前面研究的link標志十分相像，標志不需要聲明類型屬性。假如你曾經寫過xhtml，你可能會記得你的腳本標簽是這樣的:因為javascript事實上是web上用法的唯一一種真正的腳本語言，而且全部的掃瞄器都假定您在用法javascript，即使您沒有明確聲明這一事實，type屬性在html5文檔中是不須要的:我們將script元素放在頁面的底部，以符合嵌入javascript的最佳實踐。這與頁面加載速度有關;當掃瞄器碰到腳本時，它將暫停下載并在解析腳本時展現頁面的其余部分。這將導致在加載任何內容之前在頁面頂部包含大型腳本時，頁面加載速度看起來要慢得多。這就是為什么大多數腳本應當放在頁面的最底部，這樣它們只會在頁面的其余部分加載之后才會被解析。然而，在某些狀況下(如用法html5shiv)，腳本可能需要放在文檔的頭部，由于您希翼在掃瞄器開頭展現頁面之前生效。下一步使html5邁上新臺階的一種辦法是嘗試html5boilerplate。這個定期更新的資源為您的項目提供了便利的起點，其中包含由數