HTML基本结构
1. HTML结构代码展示
<!DOCTYPE HTML> <!-- HTML5标准网页声明 -->
<HTML> <!-- HTML为根标签,代表整个网页 -->
<head> <!-- head为头部标签,一般用来描述文档的各种属性和信息, 包括标题等-->
<meta charset="UTF-8"> <!-- 设置字符集为utf-8 -->
<title>my HTML</title> <!-- 设置浏览器的标题 -->
</head>
<!-- 网页所有的内容都写在body标签内 -->
<body>
我的第一个HTML网页
</body>
</HTML>
Tips:
<!-- -->
为 HTML 文件的注释, 注释的内容写在<!-- -->
内,但不会在页面中显示。
2. HTML 文件结构详解
-
<!DOCTYPE HTML>
标签:为文档类型声明,表示该文件为 HTML5 文件。
<!DOCTYPE>
声明必须是 HTML 文档的第一行,位于<HTML>
标签之前。 -
<HTML></HTML>
标签对:<HTML>
标签位于 HTML 文档的最前面,用来标识 HTML 文档的开始;</HTML>
标签位于 HTML 文档的最后面,用来标识 HTML 文档的结束;这两个标签对成对存在,中间的部分是文档的头部和主题。 -
<head></head>
标签对:标签包含有关 HTML 文档的信息,可以包含一些辅助性标签。如
<title></title>
,<link /><meta />
,<style></style>
,<script></script>
等,但是浏览器除了会在标题栏显示<title>
元素的内容外,不会向用户显示head
元素内的其他任何内容。 -
<body></body>
标签对:它是 HTML 文档的主体部分,在这个标签中可以包含
<p><h1><br>
等众多标签,<body>
标签出现在</head>
标签之后,且必须在闭标签</HTML>
之前闭合。
3. HTML <!DOCTYPE> 声明
<!DOCTYPE>
声明必须是 HTML 文档的第一行,位于 <html> </html>
标签之前。
<!DOCTYPE>
声明没有结束标签,对大小写不敏感。
<!DOCTYPE>
声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
Tips:请始终向 HTML 文档添加
<!DOCTYPE>
声明,这样浏览器才能获知文档类型。
3-1 不同版本的 !DOCTYPE 声明
在 HTML 4.01 中,<!DOCTYPE>
声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
在 HTML 4.01 中有三种 <!DOCTYPE>
声明。在 HTML5 中只有一种:
HTML版本 | 声明模式 | 描述 |
---|---|---|
HTML5 | / | HTML5 不基于 SGML,不需要引用 DTD |
/ | Strict 严格模式 | 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。 |
HTML 4.01 | Transitional 普通模式 | 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。 |
/ | Frameset 框架模式 | 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。允许框架集内容。 |
/ | Strict 严格模式 | 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。 |
XHTML 1.0 | Transitional 普通模式 | 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。 |
/ | Frameset 框架模式 | 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。允许框架集内容。必须以格式正确的 XML 来编写标记。 |
XHTML 1.1 | / | 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。允许添加模型(例如提供对东亚语系的 ruby 支持) |
HTML 5
<!DOCTYPE html>
HTML 4.01 Strict
该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。