HTML 5 中哪些元素的標(biāo)簽是可以省略的

我們知道,在HTML語言中,HTML元素是HTML文檔的基本組成單元。在HTML語法中,大多數(shù)元素包含一個(gè)開始標(biāo)簽、一個(gè)結(jié)束標(biāo)簽,以及標(biāo)簽中的內(nèi)容,類似于:<xxx>內(nèi)容</xxx>。
但是在HTML 5中,有一些元素的標(biāo)簽是可以省略的,下面本文就對(duì)這些元素做一個(gè)大致的介紹。

  1. <html>元素
    如果<html>元素中的第一個(gè)內(nèi)容不是注釋,則可以省略起始標(biāo)簽。 如果<html>元素后面沒有緊接一個(gè)注釋,則可以省略結(jié)束標(biāo)簽。

  2. <head>元素
    如果<head>元素為空,或者<head>元素中的第一個(gè)內(nèi)容是一個(gè)HTML元素,則可以省略起始標(biāo)簽。 如果<head>元素后不緊跟空格字符或注釋,則可以省略結(jié)束標(biāo)簽。

  3. <base>元素
    沒有結(jié)束標(biāo)簽。

  4. <link>元素
    沒有結(jié)束標(biāo)簽。

  5. <meta>元素
    沒有結(jié)束標(biāo)簽。

  6. <body>元素
    如果<body>元素為空,或者<body>元素中第一個(gè)內(nèi)容不是空格或注釋,則起始標(biāo)簽可以省略,除非<body>元素中第一個(gè)內(nèi)容是一個(gè)<meta>,<link>,<script>,<style>或者<template>元素。如果<body>元素后面不是緊跟一個(gè)注釋,則結(jié)束標(biāo)簽可以省略。

  7. <p>元素
    如果一個(gè)<p>元素后面緊跟一個(gè)<address><article>,<aside>,<blockquote>,<details>,<div>,<dl>,<fieldset><figcaption>,<figure>,<footer><form>,<h1><h2>,<h3>,<h4><h5>,<h6><header>,<hr>,<main><menu>,<nav><ol>,<p>,<pre>,<section>,<table><ul>元素,或者在父元素中沒有更多內(nèi)容,且該父元素不是一個(gè)<a><audio>,<del><ins>,<map><nonscript><video>元素,則結(jié)束標(biāo)簽可以省略。

  8. <hr>元素
    沒有結(jié)束標(biāo)簽。

  9. <li>元素
    如果一個(gè)<li>元素之后緊跟另一個(gè)<li>元素,或在父元素中沒有其他更多內(nèi)容,則結(jié)束標(biāo)簽可以省略。

  10. <dt>元素
    如果一個(gè)<dt>元素后面緊跟另一個(gè)<dt>元素或<dd>元素,則結(jié)束標(biāo)簽可以省略。

  11. <dd>元素
    如果一個(gè)<dd>元素后面緊跟另一個(gè)<dd>元素或<dt>元素,或者父元素中沒有更多其他內(nèi)容,則結(jié)束標(biāo)簽可以省略。

  12. <rb>元素
    如果一個(gè)<rb>元素后面緊跟一個(gè)<rb>,<rt>,<rtc><rp>元素,或者父元素中沒有更多其他內(nèi)容,則結(jié)束標(biāo)簽可以省略。

  13. <rt>元素
    如果一個(gè)<rt>元素后面緊跟一個(gè)<rb>,<rt>,<rtc>或<rp>元素,或者父元素中沒有更多其他內(nèi)容,則結(jié)束標(biāo)簽可以省略。

  14. <rtc>元素
    如果一個(gè)<rtc>元素后面緊跟一個(gè)<rb><rtc>元素,或者父元素中沒有更多其他內(nèi)容,則結(jié)束標(biāo)簽可以省略。

  15. <rp>元素The rp element
    如果一個(gè)<rp>元素后面緊跟一個(gè)<rb>,<rt><rtc><rp>元素,或者父元素中沒有更多其他內(nèi)容,則結(jié)束標(biāo)簽可以省略。

  16. <br>元素
    沒有結(jié)束標(biāo)簽。

  17. <wbr>元素
    沒有結(jié)束標(biāo)簽。

  18. <picture>元素一起使用的<source>元素。
    沒有結(jié)束標(biāo)簽。

  19. <img>元素
    沒有結(jié)束標(biāo)簽。

  20. <embed>元素
    沒有結(jié)束標(biāo)簽。

  21. <param>元素
    沒有結(jié)束標(biāo)簽。

  22. <source>元素
    沒有結(jié)束標(biāo)簽。

  23. <track>元素
    沒有結(jié)束標(biāo)簽。

  24. <area>元素
    沒有結(jié)束標(biāo)簽。

  25. <colgroup>元素
    如果一個(gè)<colgroup>元素之后不是緊跟一個(gè)空格或注釋,則結(jié)束標(biāo)簽可以省略。

  26. <col>元素
    沒有結(jié)束標(biāo)簽。

  27. <tbody>元素
    如果一個(gè)<tbody>元素中的第一個(gè)內(nèi)容是一個(gè)<tr>元素,且這個(gè)<tbody>元素之后不是緊跟在一個(gè)已省略結(jié)束標(biāo)簽的<tbody><thead>,<tfoot>元素之后,則<tbody>元素的起始標(biāo)簽可以省略(如果這個(gè)<tbody>元素是空的,則不可以省略)。如果一個(gè)<tbody>元素之后緊跟一個(gè)<tbody>元素或者<tfoot>元素,且父元素中沒有更多其他元素,則結(jié)束標(biāo)簽可以省略。

  28. <thead>元素
    如果一個(gè)<thead>元素之后緊跟一個(gè)<tbody><tfoot>元素,則結(jié)束標(biāo)簽可以省略。

  29. <tfoot>元素
    如果一個(gè)<tfoot>元素之后緊跟一個(gè)<tbody>元素,或者父元素中沒有更多其他元素,則結(jié)束標(biāo)簽可以省略。

  30. <tr>元素
    如果一個(gè)<tr>元素之后緊跟另一個(gè)<tr>元素,或者父元素中沒有更多其他元素,則結(jié)束標(biāo)簽可以省略。

  31. <td>元素
    如果一個(gè)<td>元素之后緊跟另一個(gè) <td><th>元素,或者父元素中沒有更多其他元素,則結(jié)束標(biāo)簽可以省略。

  32. <th>元素
    如果一個(gè)<th>元素之后緊跟另一個(gè) <td><th>元素,或者父元素中沒有更多其他元素,則結(jié)束標(biāo)簽可以省略。

  33. <colgroup>元素
    如果一個(gè)<colgroup>元素之后沒有緊跟一個(gè)空格或注釋,則結(jié)束標(biāo)簽可以省略。

  34. <col>元素
    沒有結(jié)束標(biāo)簽。

  35. <input>元素
    沒有結(jié)束標(biāo)簽。

  36. <optgroup>元素
    如果一個(gè)<optgroup>元素之后緊跟另一個(gè)<optgroup>元素,或在父元素中沒有更多內(nèi)容,則結(jié)束標(biāo)簽可以省略。

  37. <option>元素
    如果一個(gè)<option>元素之后緊跟另一個(gè)<option>元素,或者緊跟一個(gè)<optgroup>元素,或者在父元素中沒有更多的內(nèi)容,則結(jié)束標(biāo)簽可以省略。

  38. <keygen>元素
    沒有結(jié)束標(biāo)簽。

  39. <menuitem>元素
    沒有結(jié)束標(biāo)簽。

以上介紹的這39種元素,或是無條件省略結(jié)束標(biāo)簽,或是滿足某一條件下可省略開始或結(jié)束標(biāo)簽,其省略的原則皆為不會(huì)造成文檔的歧義。在實(shí)際應(yīng)用中,需要多加練習(xí)才能熟練掌握,對(duì)于入門者,在無法確定某個(gè)元素的標(biāo)簽是否可以省略的情況下,還是建議寫全,以免一旦出現(xiàn)錯(cuò)誤,在標(biāo)簽眾多的情況下排查起來比較困難。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 要以省略全部標(biāo)記的元素: 1.html:如果html第一個(gè)內(nèi)容不是注釋就可以省略html開始標(biāo)簽,如果html末尾...
    PYFang閱讀 2,077評(píng)論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,090評(píng)論 1 92
  • 作者:彭志明 日期:2017年4月29日 HTML5中部分標(biāo)簽在特定條件下可以省略,而不影響文檔的正確性與規(guī)范...
    pz明閱讀 511評(píng)論 0 0
  • 熊志軍~【日精進(jìn)打卡第383天】 6月2號(hào)卡 付達(dá)新商貿(mào)~眾德營(yíng)銷 沈陽盛和塾道盛組/稻芽七組 【知~學(xué)習(xí)】 誦讀...
    熊志軍閱讀 179評(píng)論 0 0
  • 想象江河是一個(gè)悲劇,是一個(gè)無聊人失眠時(shí)的臆想,他狹窄的思維無法想象到江河大部分的真相。 自遠(yuǎn)古洪荒之際,江河就見證...
    大江翻騰神曳煙閱讀 325評(píng)論 0 0

友情鏈接更多精彩內(nèi)容