什么是HTML元素？浅谈元素的语法规则-木庄网络博客

本文摘自PHP中文网，作者奋力向前，侵删。

什么是HTML元素？本篇文章带大家了解一下HTML元素，介绍一下html 元素的语法规则。

相关推荐：《什么是CSS语法？详细介绍使用方法及规则》

HTML元素

HTML 元素指的是从开始标签到结束标签的所有代码。

如：<p></p>,这就是一个HTML元素。

代码示例

<head>
<body>
<p></p>
</body>
</html>

以及内容元素里面随便写，我写是本站php中文网。

元素的内容是开始标签与结束标签之间的内容

代码示例

1	`<p>php中文网</p>`

html 元素的语法规则：

html 元素以开始标签开始，也叫起始标签
html 元素以结束标签结束，也叫闭合标签
开始标签和结束标签之间的内容是元素内容
有的元素没有元素内容可理解为空元素，空元素一般在开始标签内关闭，即以开始标签的结束而结束；
例<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
大多数元素都有属性
标签对大小写不敏感，但是万维网推荐使用小写

实例讲解

<p> 元素

1	`<p>php中文网</p>`

元素拥有一个开始标签 <p>，一个结束标签</p>

元素内容是: php中文网

<body> 元素

<body>
<p>php中文网</p>
</body>

<body> 元素定义了HTML文档的主体。

这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>

元素内容是: <p>php中文网</p>

<html> 元素

<html>
 
<body>
<p>php中文网</p>
</body>
 
</html>

<html> 元素定义了整个 HTML 文档。

这个元素拥有一个开始标签 <html> ，以及一个结束标签 </html>。

元素内容是另一个 HTML 元素（body 元素）

<head> 元素

<head> 元素是所有头部元素的容器

<head> 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息以及其他更多的信息。

以下列出的元素能被用在 <head> 元素内部：

所有主流浏览器都支持 <head> 标签

注意事项

推荐学习：HTML视频教程

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者