最短的 HTML5 文件

  1. FAQ
  2. 最短的 HTML5 文件

最短的 html5：

<!DOCTYPE html><title></title>

網站 HTML5 驗證器 可以測試：

HTML5 不應再使用哪些元素、特性？ps1
  1. Validator Input，selector 選擇 "Text Field"，
  2. 以 "下列"（錯誤的）標記取代原本輸入欄位中 HTML 的 <p></p> 標記：
<center>
  <acronym>WHATWG</acronym>
</center>
  1. 最後按下 "Validate" 按鈕, 就會傳回如下錯誤訊息（-- 至少在 本書 寫作時的確如此）:
1. Error: The center element is obsolete. Use CSS instead.
// 錯誤: center 元素已經不再使用,請改用 CSS

2. Error: The acronym element is obsolete. Use the abbr element instead.
// 錯誤: acronym 元素已經不再使用,請改用 abbr 元素

錯誤訊息中有一個 "Use CSS instead 超連結"，可以讓我們直接連到 WHATWG Wiki 的《Presentational elements and attributes》頁面，有如何正確使用 CSS 的細節。

顯示 HTML5 語法錯誤

以下示範：

<!DOCTYPE html><title>

結果會得到如下的錯誤訊息:

1. Error: End of file seen when expecting text or an end tag.
// 錯誤:缺少文字或結束標籤

如果加入結束標籤 </title> 來修正這項錯誤, 錯誤訊息就會消失, 而這也是最短的 HTML5 文件:

<!DOCTYPE html><title></title>

此驗證器裡的錯誤識別, 是根據稱為 HTML 解析器的 HTML5 重要功能。

這個小例子會產生 1 個包括 html、head、body 等元素的完整 HTML5 DOM 樹, 利用如 HTML5 Live DOM Viewer 工具可以證明。 輸入結構後 點擊下面有一行 "innerHTML view: (show, refresh):"，可以看到依照標準會建立的 dom。

ps1. “不應再使用”： 因為 HTML5 具備回溯相容，就算是不再使用的功能，瀏覽器也應該要理解，所以，應以 absent（缺席）一詞替代 deprecated（反對）。

ps2. 本書網站： http://html5.komplett.cc/welcome

本書使用 GitBook 釋出 · Last edit June 21st 2019

results for ""

    No results matching ""