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）。
最低0.47元/天 解锁文章
7161
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
