您好!欢迎访问家园网-www.jy.wang!

家园网

讲解html5中可以省略整个标记的元素

网络 作者:本站 点击:

可以省略整个标记的元素

  • html‌:词源为Hyper - Text Markup Language(超文本标记语言)的首字母缩写,代表整个HTML文档的根元素。用法是作为HTML文档的顶级元素,包裹整个页面内容。例如:

<!DOCTYPE html>
<html>
  <head>
    <title>页面标题</title>
  </head>
  <body>
    页面内容
  </body>
</html>

省略情况:当文档内容不以注释开始且后面不跟随注释时,<html>和</html>可省略。如:

<!DOCTYPE html>
<head>
  <title>页面标题</title>
</head>
<body>
  页面内容
</body>
  • head‌:词源为头部,用于定义HTML文档的头部,包含文档的元数据等。用法是在html元素中,放置如title、meta等元素。例如:

<!DOCTYPE html>
<html>
  <head>
    <title>我的页面</title>
    <meta charset="UTF - 8">
  </head>
  <body>
    主体内容
  </body>
</html>

省略情况:当head为空,或者内容以元素开始且nextSibling不是空白字符或注释时,<head>和</head>可省略。如:

<!DOCTYPE html>
<title>我的页面</title>
<body>
  主体内容
</body>
  • body‌:词源为主体,用于定义HTML文档的主体部分,包含页面可见内容。用法是在html元素中,放置页面的实际内容,如文本、图片、链接等。例如:

<!DOCTYPE html>
<html>
  <head>
    <title>页面</title>
  </head>
  <body>
    <p>这是页面主体内容</p>
  </body>
</html>

省略情况:当body为空,或者内容不以空白字符、注释、script元素、style元素开始且后面不跟随注释时,<body>和</body>可省略。如:

<!DOCTYPE html>
<p>这是页面主体内容</p>
  • colgroup‌:词源为列组。用法是在table元素中用于对表格的列进行分组。例如:

<table>
  <colgroup>
    <col span="2" style="background - color:lightblue;">
  </colgroup>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>20</td>
  </tr>
</table>

省略结束标记情况:在table元素中,</colgroup>可省略。如:

<table>
  <colgroup>
    <col span="2" style="background - color:lightblue;">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>20</td>
  </tr>
</table>
  • tbody(table body)‌:词源为表格主体。用法是在table元素中定义表格的主体内容部分。例如:

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>20</td>
    </tr>
  </tbody>
</table>

省略结束标记情况:在table元素中,</tbody>可省略。如:

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  <tbody>
    <tr>
      <td>张三</td>
      <td>20</td>
    </tr>
</table>


列表总结

类别词源及含义用法举例注意事项
htmlHyper - Text Markup Language(超文本标记语言)的首字母缩写,代表整个HTML文档的根元素作为HTML文档的顶级元素,包裹整个页面内容html<!DOCTYPE html><html><head><title>页面标题</title></head><body>页面内容</body></html>当文档内容不以注释开始且后面不跟随注释时,<html></html>可省略;尽管可以省略,但为了代码的清晰性和可维护性,通常建议完整写出
head头部,用于定义HTML文档的头部,包含文档的元数据等在html元素中,放置如title、meta等元素html<!DOCTYPE html><html><head><title>我的页面</title><meta charset="UTF - 8"></head><body>主体内容</body></html>当head为空,或者内容以元素开始且nextSibling不是空白字符或注释时,<head></head>可省略;实际编写时建议完整书写以保证代码规范和易读性
body主体,用于定义HTML文档的主体部分,包含页面可见内容在html元素中,放置页面的实际内容,如文本、图片、链接等html<!DOCTYPE html><html><head><title>页面</title></head><body><p>这是页面主体内容</p></body></html>当body为空,或者内容不以空白字符、注释、script元素、style元素开始且后面不跟随注释时,<body></body>可省略;虽然可省,但在DOM树上它是隐式存在的,为便于理解和维护建议完整书写
colgroup列组在table元素中对表格的列进行分组html<table><colgroup><col span="2" style="background - color:lightblue;"></colgroup><tr><th>姓名</th><th>年龄</th></tr><tr><td>张三</td><td>20</td></tr></table>在table元素中符合一定条件时,整个<colgroup>及其结束标记可省略;实际开发中为明确结构建议写全
tbodytable body,表格主体在table元素中定义表格的主体内容部分html<table><thead><tr><th>姓名</th><th>年龄</th></tr></thead><tbody><tr><td>张三</td><td>20</td></tr></tbody></table>在table元素中符合一定条件时,整个<tbody>及其结束标记可省略;为使表格结构清晰,通常完整书写


标签: