HTML:超文字標記語言

HTML(超文字標記語言)是 Web 最基本的構建塊。它定義了網頁內容的含義和結構。除了 HTML,通常還會使用其他技術來描述網頁的外觀/呈現(CSS)或功能/行為(JavaScript)。

“超文字”指的是將網頁彼此連線起來的連結,這些連結可以在一個網站內部,也可以在不同網站之間。連結是 Web 的一個基本方面。透過將內容上傳到網際網路並將其連結到其他人建立的頁面,您就成為了全球資訊網的積極參與者。

HTML 使用“標記”來標註文字、影像和其他內容,以便在 Web 瀏覽器中顯示。HTML 標記包括特殊的“元素”,例如 <head><title><body><header><footer><article><section><p><div><span><img><aside><audio><canvas><datalist><details><embed><nav><search><output><progress><video><ul><ol><li> 等等。

HTML 元素透過“標籤”與文件中的其他文字區分開來,標籤由元素名稱及其周圍的 <> 組成。標籤內的元素名稱不區分大小寫。也就是說,它可以寫成大寫、小寫或大小寫混合。例如,<title> 標籤可以寫成 <Title><TITLE> 或任何其他方式。然而,慣例和推薦的做法是使用小寫字母編寫標籤。

以下文章可以幫助您瞭解更多關於 HTML 的資訊。

新手教程

我們的學習 Web 開發核心模組包含涵蓋 HTML 基礎知識的現代、最新的教程。

您的第一個網站:建立內容

本文簡要介紹了什麼是 HTML 以及如何使用它,面向完全不瞭解 Web 開發的人。

使用 HTML 構建內容結構

本模組涵蓋 HTML 語言的基礎知識,然後探討文件結構、連結、列表、影像、表單等關鍵領域。

指南

HTML 指南幫助您使用 HTML 構建 Web,涵蓋表單、CORS、內容預載入和響應式影像等主題。

HTML 表單

表單是 Web 的一個非常重要的組成部分——它們提供了與網站互動所需的大部分功能,例如註冊和登入、傳送反饋、購買產品等等。本模組將幫助您開始建立表單的客戶端/前端部分。

支援 CORS 的影像

crossorigin 屬性與適當的 CORS 頭部結合使用,允許由 <img> 元素定義的影像從外部源載入,並在 <canvas> 元素中使用,就像它們是從當前源載入的一樣。

CORS 設定屬性

一些支援 CORS 的 HTML 元素,例如 <img><video>,具有 crossorigin 屬性(crossOrigin 屬性),允許您配置元素的獲取資料的 CORS 請求。

使用 rel="preload" 預載入內容

<link> 元素的 rel 屬性的 preload 值允許您在 HTML <head> 中編寫宣告性獲取請求,指定您的頁面在載入後很快就需要使用的資源,因此您希望在頁面載入生命週期的早期開始預載入,在瀏覽器主渲染機制啟動之前。這確保它們更早可用,並且不太可能阻塞頁面的首次渲染,從而提高效能。本文提供了關於 preload 如何工作的基本指南。

響應式圖片

在本文中,我們將學習響應式影像的概念——在具有各種螢幕尺寸、解析度和其他此類功能的裝置上都能很好地工作的影像——並瞭解 HTML 提供了哪些工具來幫助實現它們。這有助於提高不同裝置上的效能。

參考

HTML 參考

HTML 由元素組成,每個元素都可以透過一些屬性進行修改。HTML 文件透過連結相互連線。

HTML 元素參考

瀏覽所有 HTML 元素的列表。

HTML 屬性參考

HTML 中的元素具有屬性。這些是附加值,以各種方式配置元素或調整其行為。

全域性屬性

全域性屬性可以指定在所有 HTML 元素上,甚至那些不在標準中指定的元素。這意味著任何非標準元素都必須仍然允許這些屬性,即使這些元素使文件不符合 HTML5 標準。

行內元素塊級元素

HTML 元素通常是“行內元素”或“塊級元素”。行內元素僅佔用由定義它的標籤包圍的空間。塊級元素佔用其父元素(容器)的整個空間,從而建立一個“塊框”。

HTML 註釋

HTML 註釋用於在標記中新增解釋性說明,或阻止瀏覽器解釋文件的特定部分。

Web 媒體型別和格式指南

<audio><video> 元素允許您在內容中本地播放音訊和影片媒體,而無需外部軟體支援。

HTML 內容類別

HTML 由幾種內容組成,每種內容都允許在某些上下文中使用,而在其他上下文中不允許使用。同樣,每個上下文都有一組它可以包含的其他內容類別以及可以在其中使用或不能使用的元素。這是這些類別的指南。

怪異模式和標準模式

關於怪異模式和標準模式的歷史資訊。

使用 CSS 將顏色應用於 HTML 元素

本文涵蓋了使用 CSS 為 HTML 內容新增顏色的主要方式,列出了 HTML 文件的哪些部分可以著色以及在這樣做時使用哪些 CSS 屬性。