HTML5架構（HTML5 Boilerplates ）
阿新 • • 發佈：2018-02-07
earch itl 谷歌 title html foo 頁面 內核 rip 為什麽HTML5會成今天炙手可熱的前端語言，而不是2022年後呢，本文會給出一系列的HTML5架構，你現在就可以在你的項目小試牛刀了。
HTML5簡易例子
一個完整的html5頁面，不需要很多復雜的標簽
html5文檔的快速建立
html5文檔非常容易建立，你只需要改變文檔頭部的DOCTYPE聲明。
復制內容到剪貼板
<!DOCTYPE html>
這樣你就已經建立好一個HTML5文檔了，看看谷歌首頁是怎麽做的吧
復制內容到剪貼板
<!doctype html>
<head>
<title> HTML 5 - Google Search </ title>
<script>
..
但是谷歌的驗證和搜索結果頁面都沒有使用，因為那些頁面還存在很多無效標簽，如<font>等，但是沒關系還是可以使用一些正確的標簽比如<script>在當前HTML5 DOCTYPE下解析
HTML5簡易例子
一個完整的html5頁面，不需要很多復雜的標簽
復制內容到剪貼板
<!DOCTYPE html>
<title> Small HTML 5</title>
<p> Hello world </p>
這就是一個簡單而完整的例子了。
（有趣的是，當我刪除了 <title> 標記。 Hixie‘s DOM viewer 解析是通過W3C驗證器的。但 Henri Sivonen‘s 驗證器說這是無效的無的標記。）
HTML5的完整性和兼容性
最好，這裏提供一個完整的HTML5例子，加入了樣式和新的標簽，為了解決一些IE內核的瀏覽器無法觀看，這裏插入了解決這個問題的JS腳本
復制內容到剪貼板
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML 5 complete</title>
Hello World!