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

HTML(HyperText Markup Language,超文本標記語言)是打造網頁的基石。它表述並定義網頁的內容。伴隨 HTML 而來的技術還有描述網頁外觀(CSS)及功能性的程式語言(JavaScript)。

「超文本」(HyperText)是指從某個網頁連到其他網頁的連結,不管它連結到站內抑或站外。連結連結 Web 的核心概念。藉由撰寫與上載網頁到網際網路中,你就積極參與了全球資訊網(World Wide Web)。

HTML 使用「標記」(markup)來詮釋文字、圖像、或是其他能在瀏覽器裡面顯示的內容。HTML 標記還包括一些特殊「元素」(element),例如:<head><title><body><header><footer><article><section><p><div><span><img>……等等。

HTML 標籤不分英文大小寫。也就是說,它們可以寫成英文全大寫、全小寫、或是混在一起。像是 <title> 能寫成 <Title>,<TiTlE>……等等。

以下這些文章將幫助你理解 HTML。

  • HTML 介紹

    如果是網站開發的新手,請先閱讀我們的 HTML 基礎文章以理解 HTML 是什麼還有它怎麼使用。

  • HTML 教學

    有關如何使用 HTML、教學、完整範例,請參考我們的 HTML 學習專區

  • HTML 參考資料

    在我們廣泛的 HTML 參考資料章節,你可以找到構成 HTML 每個元素和屬性的細節。.

初學者教學

我們的HTML 學習專區提供數個從頭開始的 HTML 教學單元:你不需要任何先備知識。

HTML介紹
本單元會為你打下基礎,帶你熟悉重要概念和語法,像是如何把 HTML 套用到文本、如何建立超連結、還有如何使用 HTML 構建網頁。
多媒體與嵌入
本模塊探究如何使用HTML在你的網頁裡置入多媒體,包含多種不同載入圖片的方式,如何嵌入影音,甚至是另外一整個網頁。
HTML 表格
要以簡單易懂的方式將表格式的資訊呈現在網頁上會是一件挑戰。本模組涵蓋了基本的表格使用與更複雜的功能,例如標題和總結。
HTML 表單
表單是網頁相當重要的部分,能夠提供與網頁互動時所需的各式的功能性。例如:註冊和登入、發送回饋意見、購買產品以及更多實用的功能。這個單元將帶領你建立網頁端的表單功能。
用 HTML 解決常見問題
Provides links to sections of content explaining how to use HTML to solve very common problems when creating a web page: dealing with titles, adding images or videos, emphasizing content, creating a basic form, etc.

進階部份

CORS 圖像
The crossorigin attribute, in combination with an appropriate CORS header, allows images defined by the <img> element to be loaded from foreign origins and used in a <canvas> element as if they were being loaded from the current origin.
設定 CORS 屬性
Some HTML elements that provide support for CORS, such as <img> or <video>, have a crossorigin attribute (crossOrigin property), which lets you configure the CORS requests for the element's fetched data.
Focus management in HTML
The activeElement DOM attribute and the hasFocus() DOM method help you track and control a user's interactions with elements on a web page.
使用 application cache
Application caching lets web-based applications run offline. You 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.
Preloading content with rel="preload"
The preload value of the <link> element's rel attribute allows you to write declarative fetch requests in your HTML <head>, specifying resources that your pages will need very soon after loading, which you therefore want to start preloading early in the lifecycle of a page load, before the browser's main rendering machinery kicks in. This ensures that they are made available earlier and are less likely to block the page's first render, leading to performance improvements. This article provides a basic guide to how preload works.

參考資料

HTML 參考資料
HTML 包含元素,每個元素都可以被幾個屬性修飾。HTML 文件透過連結把彼此連結在一起。
HTML 元素參考
瀏覽 HTML 所有元素的清單。
HTML 屬性參考
HTML 元素都有屬性。這些額外屬性能透過數種方法設定元素、調整行為。
全域屬性
HTML 元素能指定全域屬性,就算它不是標準元素。也就是說,即使是與 HTML5 標準不相容的非標準元素,依舊允許全域屬性。
行內元素塊級元素
HTML 元素通常為行內區塊。行內元素佔據由標籤所定義的其餘空白位置,區塊元素則占據母元素的所有空白位置。
超連結類型
在 HTML 中有多種超連結類型能夠使用,並解定義兩個頁面間的關係,超連結元素包含了<a>, <area><link>
Media formats supported by the HTML audio and video elements
The <audio> and <video> elements allow you to play audio and video media. These elements provide a browser-native alternative to similar capabilities found in Adobe Flash and other plug-ins.
Kinds of HTML content
HTML is comprised of several kinds of content, each of which is allowed to be used in certain contexts and is disallowed in others. Similarly, each has a set of other content categories they can contain and elements which can or can't be used in them. This is a guide to these categories.
怪異模式與標準模式
有關怪異模式與標準模式的歷史。

相關焦點

使用 CSS 把色彩套用到 HTML 元素
本文章概括了把 CSS 加到 HTML 內容的方法,列出 HTML 文件的哪些部份可以套用色彩、而 CSS 有哪些屬性搬到這種事。裡面有示範、色彩選擇器的連結......等等。
View All...

Join the Web layout community

Choose your preferred method for joining the discussion:

文件標籤與貢獻者

最近更新: xerviam,