對於大多數HTML元素,當您編寫HTML代碼以在頁面上顯示它們時,您首先打開標記並以結束標記結束。 這兩個標籤之間將是元素的內容。 例如:
這是文字內容 p>
這個簡單的段落元素顯示瞭如何使用打開和關閉標籤。 大多數HTML元素遵循相同的模式,但是有一些HTML標籤沒有開始標籤和結束標籤。
什麼是虛空元素?
HTML中的void元素或singleton標籤是那些不需要結束標籤才有效的標籤。 這些元素通常是獨立存在於頁面上的元素,或者是頁面本身的上下文中明顯的內容結尾。
HTML Void元素列表
有幾個HTML 5標籤是無效元素。 當你編寫有效的HTML時,你應該忽略這些標籤的尾部斜線 - 這是如下所示。 如果您正在編寫XHTML,則需要使用尾部斜線。
- 用於圖像地圖內的區域
- 文檔中所有相對URL的基本URL。 這些文檔中不能超過1個,它必須位於頁面的
- 這是換行符,通常用於在文本內容中創建單行換行而不是段落。 這不應該用於通過堆疊多個
標籤來在頁面上創建可視分隔,因為這是一種視覺需求,因此CSS的領域
- 為 元素內的每個列指定列屬性 - 指定用戶可以調用的命令
- 一條水平線,它是頁面上的一條直線。 在很多情況下,CSS邊框用於創建分隔線而不是此HTML元素
- HTML的主要元素之一,這是圖片標籤。 它用於將圖形圖像添加到網頁。
- 用於捕獲訪問者信息的表單元素。 有許多有效的輸入類型,從表單多年使用的常見“文本”輸入到一些新的輸入類型,這些輸入類型是HTML5的一部分
- 這用於指定用於表單的密鑰對生成器字段 <鏈接> - 不要與“超鏈接”或錨點()標記混淆,該鏈接將設置文檔和外部資源之間的連接。 例如,您將使用它鏈接到外部CSS文件
- meta標籤是“關於內容的信息”。 它們位於文檔的
中,用於將頁面信息傳遞給瀏覽器。 您可以在網頁上使用許多可能的元標籤- 用於定義插件的參數
- 這代表Word Break Opportunity。 它指定在文本中添加換行符可以接受的位置。
再次,這些單例標籤是規則的一個例外,與規則相反,因為大多數HTML元素的確需要打開和關閉標籤。 在這些單件元素中,有些可能會經常使用(如img,meta或input),而另一些則可能是您在網頁設計工作中可能永遠不需要使用的元素(keygen,wbr和command是三個元素,當然是在網頁上不常見)。 儘管如此,在HTML頁面中常見或罕見,熟悉這些標籤並了解HTML單例標籤背後的想法是有幫助的。 您可以使用此列表作為您Web開發的參考。
Jennifer Krynin的原創文章。 在5/5/17由Jeremy Girard編輯。