<!DOCTYPE html>
<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>
<!--
一、语义化标签：就是标签的含义，根据标签的含义可以使页面的结构更清晰，更有利于搜索引擎的优化
1.标题标签 h1-h6
显示效果上h1最大，h6最小，但是我们并不关心显示效果，更关心语义
对于搜索引擎来说，h1的作用仅次于title
2.段落标签 p
可以将文本分成若干个段落，使文本更有条理性
段落与段落之间有一定的间距
每个段落各占一行
文本在一个段落中会根据浏览器窗口的大小自动换行
3.换行标签 br
在HTML中，无论写多少个空格，都会解析成一个空格，换行也会解析成一个空格
br可以使页面中的内容强制换行
br是一个单标签
4.水平线标签 hr
hr可以使在页面中生成一条水平线
hr也是一个自结束标签
-->
<p>这是一个p标签</p>
<p>这是一个p <br> 标签</p>
<hr>
<p>一、语义化标签：就是标签的含义，根据标签的含义可以使页面的结构更清晰，更有利于搜索引擎的优化</p>
<p>1.标题标签 h1-h6
显示效果上h1最大,h6最小,但是我们并不关心显示效果,更关心语义
对于搜索引擎来说,h1的作用仅次于title</p>
<p>2.段落标签 p
可以将文本分成若干个段落，使文本更有条理性</p>
<hr>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
</body>
</html>
版权属于：
yu
作品采用：
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
评论 (0)