HTML常用的屬性知識點總結

這次帶給大家HTML常用的屬性知識點總結，使用HTML常用屬性的注意事項有哪些，以下就是實戰案例，一起來看一下。

在HTML中，屬性也是整個HTML內容比較重要的，那麼對於HTML屬性大家又了解多少呢？ HTML的屬性又有哪些？下面文章講給大家詳細介紹下HTML的屬性。

定義：

HTML屬性：HTML元素提供的額外資訊

# 簡單的理解HTML屬性：

1.HTML元素可以設定屬性

# 2.屬性可以在元素中加入附加資訊

# 3.屬性一般描述與開始標籤

# 4.屬性總是以名稱或是值對的形式出現，例：name：「value」

簡單實例了解屬性：

一個連結

HTML 連結由 標籤定義，連結的位址在 href 屬性中指定。

HTML常用引用屬性值：

屬性值應該始終被包括在引號內。

雙引號是最常用的，不過使用單引號也沒問題。

註：在某些個別的情況下，例如屬性值本身就含有雙引號，那麼您必須使用單引號，例如：name='John "ShotGun" Nelson'

HTML提示：使用小寫屬性

屬性和屬性值對大小寫不敏感。

不過，萬維網聯盟在其 HTML 4 建議標準中建議小寫的屬性/屬性值。

而新版本的 (X)HTML 則要求使用小寫屬性。

HTML 屬性參考手冊

標籤

描述

#

定義註解

#

定義文檔類型

#

定義超文本連結

#

定義縮寫

#

定義只取首字母的縮寫，不支援HTML5

#

定義文檔作者或擁有者的聯絡資訊

#

HTML5中不贊成使用。定義嵌入的 applet。

#

定義影像映射內部的區域

#

（New）

定義一個文章區域

#

（New）

定義頁面的側邊欄內容

#

定義音訊內容

#

定義文字粗體

#

定義頁面中所有連結的預設位址或預設目標。

#

HTML5不支持，不贊成使用。定義頁面中文字的預設字體、顏色或尺寸。

# （New）

允許您設定一段文本，使其脫離其父元素的文本方向設定。

#

定義文字方向

#

定義大號文本，HTML5不支援

#

定義長的引用

#

定義文檔的主體

#

定義換行

#

定義一個點擊按鈕

# （New）

定義圖形，例如圖表和其他圖像,標籤只是圖形容器，您必須使用腳本來繪製圖形

#

定義表格標題

#

HTML5不支持，不贊成使用。定義居中文本。

#

定義引用(citation)

#

定義電腦程式碼文字

#

定義表格中一個或多個欄位的屬性值

#

定義表格中供格式化的列組

# （New）

定義指令按鈕，例如單選按鈕、複選框或按鈕

#

定義選項清單。請與 input 元素搭配使用該元素，來定義 input 可能的值。

#

定義定義清單中項目的描述

#

定義被刪除文字

#

（New）

用於描述文件或文件某個部分的細節

#

定義定義項目

#

定義對話框，例如提示框

#

HTML5不支持，不贊成使用。定義目錄列表。

#

定義文檔中的節

#

定義列表詳情

#

定義清單中的項目

#

定義強調文字

# （New）

定義嵌入的內容，例如插件。

#

定義圍繞表單中元素的邊框

#

定義

元素的標題

#

（New）

規定獨立的串流內容（圖像、圖表、照片、程式碼等等）。

#

HTML5不支持，不贊成使用。定義文字的字體、尺寸和顏色。

#

（New）

定義 section 或 document 的頁尾。

#

定義了HTML文件的表單

#

定義框架集的視窗或框架

#

定義框架集

#

to

定義 HTML 標題

#

定義關於文檔的資訊

#

（New）

定義了文檔的頭部區域

#

---

定義水平線

#

定義 HTML 文件

#

定義斜體字

#

定義內嵌框架

#

定義圖像

#

定義輸入控制項

#

定義被插入文字

#

定義鍵盤文字

# （New）

規定用於表單的金鑰對產生器欄位。

#

定義 input 元素的標註

#

定義 fieldset 元素的標題。

#

定義清單的項目

#

定義文件與外部資源的關係

#

定義影像映射

# （New）

定義帶有記號的文字。請在需要反白文字時使用 標籤。

#

不贊成使用。定義菜單列表。

#

定義關於 HTML 文件的元資訊。

# （New）

定義度量衡。僅用於已知最大值和最小值的度量。

#

（New）

定義導航連結的部分

#

定義針對不支援框架的使用者的替代內容。 HTML5不支援

#

定義針對不支援客戶端腳本的使用者的替代內容。

#

定義內嵌物件

#

定義有序列表。

#

定義選擇清單中相關選項的組合。

#

定義選擇清單中的選項。

#

（New）

定義不同類型的輸出，例如腳本的輸出。

#

定義段落。

#

定義物件的參數。

#

定義預格式文字。

# （New）

定義運行中的進度（進程）。

#

定義短的引用。

# （New）

標籤在 ruby​​ 註解中使用，以定義不支援 ruby​​ 元素的瀏覽器所顯示的內容。

# （New）

標籤定義字元（中文註音或字元）的解釋或發音。

# （New）

標籤定義 ruby​​ 註解（中文注音或字元）。

#

不贊成使用。定義加刪除線的文字。

#

定義計算機代碼樣本。

# <script> </script>

定義客戶端腳本。

#

（New）

標籤定義文件中的節（section、區段）。例如章節、頁首、頁尾或文件中的其他部分。

#

定義選擇清單（下拉清單）。

#

定義小號文字。

# （New）

標籤為媒介元素（如

#

定義文檔中的節。

#

HTML5不支持，不贊成使用。定義加刪除線文字。

#

定義強調文字。

#

定義文檔的樣式資訊。

#

定義下標文字。

#

#

定義上標文字。

#

定義表格。
#
定義表格中的主體內容。
#		定義表格中的單元。
#	定義多行的文字輸入控制項。
#
定義表格中的表註內容（註腳）。
#		定義表格中的表頭儲存格。
#
定義表格中的表頭內容。
# （New）	定義日期或時間，或兩者。
#	定義文檔的標題。
#
定義表格中的行。
# （New）	標籤為諸如 video 元素之類的媒介規定外部文字軌道。
#	定義打字機文字。
#	不贊成使用。定義下劃線文字。
#	定義無序列表。
#	定義文字的變數部分。
#
# （New）	規定在文本中的何處適合添加換行符。

#

全域屬性

屬性	描述
# accesskey	設定存取元素的鍵盤快速鍵。
# class	規定元素的類別名稱（classname）
# contenteditable（New）	規定是否可編輯元素的內容。
# contextmenu（New）	指定一個元素的上下文選單。當使用者右鍵點選該元素，出現上下文選單
# data-*（New）	用於儲存頁面的自訂資料
# dir	設定元素中內容的文字方向。
# draggable（New）	指定某個元素是否可以拖曳
# dropzone（New）	指定是否將資料複製，移動，或鏈接，或刪除
# hidden（New）	hidden 屬性規定對元素進行隱藏。
# id	規定元素的唯一 id
# lang	設定元素中內容的語言代碼。
# spellcheck（New）	偵測元素是否拼字錯誤
# style	規定元素的行內樣式（inline style）
# tabindex	設定元素的 Tab 鍵控制次序。
# title	規定元素的額外資訊（可在工具提示中顯示）
# translate（New）	指定是否一個元素的值在頁面載入時是否需要翻譯

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

H5 C3 JS實作樓層跳躍特效

##H5連結的使用

#

以上是HTML常用的屬性知識點總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！