HTML 屬性
HTML 屬性提供了關於 HTML 元素的額外資訊。
HTML 屬性
- 所有 HTML 元素都可以擁有 屬性
- 屬性提供關於元素的附加資訊
- 屬性始終在起始標籤中指定
- 屬性通常以名稱/值對的形式出現，例如：name="value"
href 屬性
標籤 <a> 定義一個超連結。 href 屬性指定連結指向的頁面的 URL
您將在我們的 HTML 連結章節 中瞭解更多關於連結的資訊。
src 屬性
標籤 <img> 用於在 HTML 頁面中嵌入影像。 src 屬性指定要顯示的影像的路徑
在 src 屬性中有兩種指定 URL 的方法
1. 絕對 URL - 連結到託管在另一個網站上的外部影像。例如：src="https://w3schools.tw/images/img_girl.jpg"。
注意：外部影像可能受版權保護。如果您未獲得使用許可，您可能會侵犯版權法。此外，您無法控制外部影像；它可能會突然被移除或更改。
2. 相對 URL - 連結到託管在網站內的影像。這裡，URL 不包含域名。如果 URL 以斜槓開頭，則它相對於當前頁面。例如：src="img_girl.jpg"。如果 URL 以斜槓開頭，則它相對於域名。例如：src="/images/img_girl.jpg"。
提示：幾乎總是最好使用相對 URL。如果您更改域名，它們不會中斷。
width 和 height 屬性
標籤 <img> 也應包含 width 和 height 屬性，它們指定影像的寬度和高度（以畫素為單位）
alt 屬性
標籤 <img> 所需的 alt 屬性為影像指定了替代文字，以防影像因某種原因無法顯示。這可能是由於連線速度慢、src 屬性錯誤，或者使用者使用了螢幕閱讀器。
您將在我們的 HTML 影像章節 中瞭解更多關於影像的資訊。
style 屬性
style 屬性用於向元素新增樣式，例如顏色、字型、大小等。
您將在我們的 HTML 樣式章節 中瞭解更多關於樣式的資訊。
lang 屬性
您應該始終在 <html> 標籤內包含 lang 屬性，以宣告網頁的語言。這旨在幫助搜尋引擎和瀏覽器。
以下示例指定英語作為語言
<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>
在 lang 屬性中也可以為語言程式碼新增國家程式碼。因此，前兩個字元定義了 HTML 頁面的語言，後兩個字元定義了國家。
以下示例指定英語作為語言，美國作為國家
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
您可以在我們的 HTML 語言程式碼參考 中檢視所有語言程式碼。
title 屬性
title 屬性定義了關於元素的額外資訊。
當您將滑鼠懸停在元素上時，title 屬性的值將顯示為工具提示
我們建議：始終使用小寫屬性
HTML 標準不要求小寫屬性名。
title 屬性（以及所有其他屬性）可以用大寫或小寫編寫，例如 title 或 TITLE。
然而，W3C 建議在 HTML 中使用小寫屬性，並要求在更嚴格的文件型別（如 XHTML）中使用小寫屬性。
在 W3Schools，我們始終使用小寫屬性名。
我們建議：始終引用屬性值
HTML 標準不要求在屬性值周圍加引號。
然而，W3C 建議在 HTML 中使用引號，並要求在更嚴格的文件型別（如 XHTML）中使用引號。
好
<a href="https://w3schools.tw/html/">訪問我們的 HTML 教程</a>壞
<a href=https://w3schools.tw/html/>訪問我們的 HTML 教程</a>有時您必須使用引號。此示例將無法正確顯示 title 屬性，因為它包含一個空格
在 W3Schools，我們始終在屬性值周圍使用引號。
單引號還是雙引號？
在 HTML 中，雙引號最常用於屬性值，但也可以使用單引號。
在某些情況下，當屬性值本身包含雙引號時，必須使用單引號
<p title='John "ShotGun" Nelson'>
反之亦然
<p title="John 'ShotGun' Nelson">
自己動手試一試 »
Chapter Summary
- 所有 HTML 元素都可以擁有屬性
<a>的href屬性指定連結指向的頁面的 URL<img>的src屬性指定要顯示的影像的路徑<img>的width和height屬性為影像提供尺寸資訊<img>的alt屬性為影像提供替代文字style屬性用於向元素新增樣式，例如顏色、字型、大小等<html>標籤的lang屬性聲明瞭網頁的語言title屬性定義了關於元素的額外資訊
HTML 屬性參考
所有 HTML 元素的完整屬性列表，列在我們的：HTML 屬性參考中。
影片：HTML 屬性
