可以省略整个标记的元素
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>