HTML

參考資料

區塊層級元素(Block-Level Elements)

HTML (Hypertext Markup Language) 元素通常分為「區塊層級」（block-level）元素或是「行內」（inline）元素。一個區塊層級的元素會佔據它的父級元素（container）的所有空間。因而創造了「區塊」（block）。這篇文章將會解釋這是什麼意思。

跨來源資源共享圖片(CORS enabled image)

HTML5 規格為圖片導入了跨來源（crossorigin）的屬性，它搭配合適的 CORS 標頭（CORS header），允許從外站載入由 <img> 元素所定義的圖片被用在畫布（canvas）上，看起來就像從本站載入。

跨來源資源共享設定屬性(CORS settings attributes)

在HTML5中，有些HTML元素是支援 CORS 的，如 <img> 或 <video>，它們具有 crossorigin 的屬性(attribute)，可以讓你幫元素的接收資訊設定CORS的要求。

在HTML表單中控制拼字檢查

Firefox 2 在表單中為 text areas 和 text fields 提供了拼字檢查的支援。使用者可以利用分頁 about:config 的介面設定是否要開啟拼字檢查，以及個別設定 text areas 與 text fields 是否要開啟。

DASH - 為HTML 5 Video 而生的自適性串流

Dynamic Adaptive Streaming over HTTP (DASH) 是一個自適性串流協定。這意味著它允許影音串流基於當下網路情況調整自己的位元速率，以讓影片持續播放。

HTML中的 焦點(Focus) 管理

在HTML5的草案中，activeElement DOM 屬性與 hasFocus() DOM 方法給予開發者有能力去掌握網頁與使用者的互動。舉例來說，這兩者都可以拿來做統計的目的，追蹤網頁中特定連結的點擊次數，評估某個元素被使用者聚焦的時間......等。甚至如果與AJAX結合，它們可以幫助最小化向伺服器發出請求的次數(因使用者動作與網頁設計而定)。

全域屬性

全域屬性是可以被應用在所有的 HTML elements 上的，即使它們可能沒有被列為標準。這意味著那些非標準的元素依然會具有這些屬性，即使這代表使用了它們就不再是HTML5相容的。舉例來說，HTML5相容的瀏覽器會隱藏類似 ... 的內容，即使這並不是一個合法的HTML元素。

HTML 屬性參考

HTML的元素都具有屬性(attribute)，可以用來給予額外的值以調整元素或是行為來符合使用者的需求。

HTML 元素參考

本頁列出所有的 HTML 元素。

HTML reference

HTML is the language that describes the structure and the semantic content of a Web document; it consists of elements, each of which may be modified by some number of attributes.

行內元素

HTML (Hypertext Markup Language) elements are usually "inline" elements or "block-level" elements. An inline element occupies only the space bounded by the tags that define the inline element. The following example demonstrates the inline element's influence:

鏈結類型

In HTML, the following link types indicate the relationship between two documents, in which one links to the other using an , , or element.

HTML audio及video元素支援多媒體格式

<audio> 及 <video> 元素針對播放音樂及影像等多媒體檔案提供支援，且不需要任何附加元件

Microformats

Microformats (sometimes abbreviated μF) are small patterns of HTML for marking up entities like people, organizations, events, locations, blog posts, products, reviews, resumes, recipes, etc.
They are simple conventions to embed semantics in HTML and quickly provide an API to be used by search engines, aggregators, and other tools.

Optimizing your pages for speculative parsing

Traditionally in browsers the HTML parser has run on the main thread and has blocked after a tag until the script has been retrieved from the network and executed. The HTML parser in Firefox 4 and later supports speculative parsing off the main thread. It parses ahead while scripts are being downloaded and executed. As in Firefox 3.5 and 3.6, the HTML parser starts speculative loads for scripts, style sheets and images it finds ahead in the stream. However, in Firefox 4 and later the HTML parser also runs the HTML tree construction algorithm speculatively. The upside is that when a speculation succeeds, there's no need to reparse the part of the incoming file that was already scanned for scripts, style sheets and images. The downside is that there's more work lost when the speculation fails.

Using the application cache

HTML5 provides an application caching mechanism that lets web-based applications run offline. Developers can use the Application Cache (AppCache) interface to specify resources that the browser should cache and make available to offline users. Applications that are cached load and work correctly even if users click the refresh button when they are offline.

View All...

Guides and tutorials

HTML 開發者指南

在 MDN 的文章中，不僅教導了用 HTML 撰寫網站的明確技術，也展示了其他您可能會覺得易於使用的文章與指導。 這個指南可以提供 HTML 開發上的編輯課程、技巧與資訊。