外层结构
html文档的外层结构由两个元素确定:DOCTYPE、html
- DOCTYPE:让浏览器明白其处理的是html文档。
- html:它告诉浏览器,从<html>到</html>,所有的元素内容都应作为html处理。
🌰
<!DOCTYPE HTML>
<html>
…
</html>
元数据
写在head元素之中的代码是元数据。元数据部分可以给浏览器提供文档的一些信息。
比如
- 编码格式
- 本文档引用了哪些外部资源(比如CSS样式表)
- 定义内嵌CSS样式
- 放置和载入脚本程序
- 文档的标题。
🌰🌰
<!DOCTYPE HTML>
<html>
<head>
…
</head>
</html>
内容
是指放在body元素之中的代码。
🌰🌰🌰
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<p>这是内容</p>
</body>
</html>
父元素、子元素、后代元素、兄弟元素
以上述🌰🌰🌰为例
- 父元素:body是p的父元素,html是head,body的父元素。
- 子元素:p是body的子元素,head和body是html的子元素。
- 后代元素:head,body,p是html的后代元素。
- 兄弟元素:head,body是兄弟元素。
总结:因为元素与元素之间允许嵌套,即存在着包含与被包含的关系,被包含的元素是包含元素的子元素,反之是父元素。
一个元素可以有很多子元素,但是它的父元素只能有一个。
同属于一个父元素的元素之间互为兄弟元素。