HTML学习笔记002 - HTML元素

HTML元素

HTML文档由HTML元素定义,HTML元素由开始标签和结束标签以及元素内容组成。开始标签常被称为起始标签(opening tag),结束标签常被称为闭合标签(closeing tag)

HTML元素语法

HTML元素以开始标签起始,以结束标签终止,元素内容是开始标签和结束标签之间的内容。

某些HTML元素具有空内容(empty content),空元素在开始标签中进行关闭(以开始标签的结束而结束)

大多数HTML元素可拥有属性

嵌套的HTML元素

HTML文档由嵌套的HTML元素构成

HTML文档实例

<!DOCTYPE html>
<html>
<body>
	<p>这是一个段落</p>
</body>
</html>

HTML实例解析

<p>元素:
<p>这是一个段落</p>
这个<p>元素定义了HTML文档中的一个段落
这个元素拥有一个开始标签<p>以及一个结束标签</p>
元素内容是:这是一个段落
<body>元素:
<body>
	<p>这是一个段落</p>
</body>

<body>元素定义了HTML文档的主体
这个元素拥有了一个开始标签<body>以及一个结束标签</body>

元素内容是另一个HTML元素(p元素)
<html>元素:
<html>
<body>
	<p>这是一个段落</p>
</body>
</html>

<html>元素定义了整个HTML文档
这个元素拥有一个开始标签<html>,以及一个结束标签</html>
元素内容是另一个HTML元素(body元素)

不要忘记结束标签

即使忘记了使用结束标签,大多数浏览器也会正确地显示HTML:
<P>这是一个段落
<p>这是一个段落
以上实例在浏览器中也能正常显示,因为关闭标签是可选的
但不要依赖这种做法,忘记使用结束标签会产生不可预料的结果或错误

HTML空元素

没有内容的HTML元素就是空元素,空元素是在开始标签中关闭的

<br>就是没有关闭标签的空元素(<br>标签定义换行)
在XHTML,XML以及未来版本的HTML中,所有元素必须被关闭,在开始标签中添加斜杠,比如<br/>,是关闭空元素的正确方法,HTML,XHTML和XML都接受这种方式
即使<br>在所有浏览器中都是有效的,但使用<br/>其实是更长远的保障

使用小写标签

HTML对大小写不敏感:<P>等同于<p>,但万维网联盟在HTML4中推荐使用小写,在未来HTML版本中将限制使用小写

猜你喜欢

转载自blog.csdn.net/guchengyixin/article/details/106471589