语义化
1.每个HTML元素都有具体的含义。
a元素：超链接
p元素：段落
h1元素：一级标题
2.所有元素与展示效果无关
元素展示到页面中的效果，应该由css决定。
因为浏览器自默认css样式，所以每个元素都有一些默认样式
注意：选择什么元素，取决于内容的含义，而不是显示出的效果
为什么需要语义化？
1.为了搜索引擎优化（SEO）让搜索引擎更好理解网页，每隔一段时间，搜索引擎会从互联网抓取页面源代码，语义化做得越好，搜索引擎会更容易理解页面内容。
2.为了浏览器理解网页：阅读模式，语言模式，浏览器对网页的理解越深，这些模式就更方便。
练习代码
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>语义化</title>
</head>
<body>
<h1>一级标题</h1>
<!-- css代码控制元素显示的样式 -->
<span style="font-weight: bold; font-size: 2em;">加大加粗的字体</span>
<p>
这是一个段落
</p>
<a href="diyi.html">这是超链接</a>
</body>
</html>
