翻譯不完整。請協助 翻譯此英文文件

HTML 意指「超文件標示語言」(HyperText Markup Language),是打造網頁的基石,用來撰寫與視覺化地呈現網頁。它定義了網頁的內容,但不定義網頁的功能。

HTML 新增了「標記」(markup)到標準英文文件中。「超文件」是指從原網頁到另一網頁的連結,而這項技術造就了今日的全球資訊網。藉由撰寫與上載網頁到網際網路中,一旦您的網站上線,您就變成全球資訊網的積極參與者。HTML 不僅支援顯示影像,也支援其他媒體。借助於 HTML,每一個人都能創建靜態以及動態網站。HTML 是一種描述網路文件的結構和語意內容的語言。網頁內容被加上的 HTML 元素標記,包括 <head><title><body><article><section><p><div><span><img><picture> 等等。這些元素構成了網站的基石。

以下這些文章為網路開發提供了參考資料。

  • HTML 參考資料

    在我們的 extensive reference 中,您將會找到構成 HTML 的每個元素和屬性的細節。

  • HTML 指南

    關於如何使用 HTML 以及 HTML 指導與完整例子,請參考我們的 HTML developer guide

  • HTML 介紹

    如果您是網站開發的新手,請先閱讀我們的 introduction,以知道 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 開發上的編輯課程、技巧與資訊。

Join the Web layout community

Choose your preferred method for joining the discussion:

文件標籤與貢獻者

 最近更新: EtienneC,