html5的文档结构
<!DOCTYPE html> <!--声明文档类型为htmL5-->
[html] <!-- htmL标签为htmL文件的根标签-->
<head> <!-- head标签为头部标签，一般用来放置meta和title标签等-->
<meta charset="UTF-8"> <!--声明当前文件字符集编码为utf-8-->
<title>认识html文件基本结构</title> <!--titLe标签设置浏览器标题-->
</head>
<body> <!--body标签为我们网页的内容-->
<h1>在本小节中，你将学会认识html文件基本结构</h1>
</body>
</head>
[/html]
为什么要写：<!DOCTYPE html> ？
注解：可以看到最上面有一行关于“DOCTYPE”（文档类型）的声明，它就是告诉浏览器，使用哪种规范来解释这个文档中的规范。你知道如果没有它，浏览器在渲染页面的时候会使用怪异模式（各个浏览器在怪异模式下对各个元素渲染时有差异，因此会导致同一个样式在不同浏览器上看到的效果不同）。
非html5的声明是这样的：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
//或
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
显然html5的声明更简洁
1. <!DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前
2. <html></html>标签对：<html>标签位于HTML文档的最前面，用来标识HTML文档的开始；</html>标签位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。
3.<head></head>标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如<title></title>，<link /><meta />，<style></style>，<script></script>等，但是浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示head元素内的其他任何内容。
4.<body></body>标签对：它是HTML文档的主体部分，在此标签中可以包含<p><h1><br>等众多标签，<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。
style标签：<style></style>双标签中设置当前文件样式
| 
发表于 2024-7-7 10:17:26
