HTML标签(1)

标签语义化

所谓标签语义化，就是指标签的含义。

1.为什么要有语义化标签

1. 方便代码的阅读和维护
2. 同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容
3. 使用语义化标签会具有更好地搜索引擎优化

2.核心： 合适的地方给一个最为合理的标签。
3.遵循的原则： 先确定语义的HTML ，再选合适的CSS。

标题标签

单词缩写： head 头部. 标题

标题标签语义： 作为标题使用，并且依据重要性递减

 <h1>、<h2>、<h3>、<h4>、<h5>和<h6>

语法格式

// n的取值为1到6
<hn>   标题文本   </hn>

段落标签

单词缩写： paragraph 段落

段落标签语义： 在网页中要把文字有条理地显示出来，，情况下，文本在一个段落中会根据浏览器窗口的大小自动换行

语法格式

<p>  文本内容  </p>

水平线标签

单词缩写： horizontal 横线

水平线标签语义： 创建横跨网页水平线的标签

语法格式

<hr />

换行标签

单词缩写： break 打断 ,换行

换行标签语义： 在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签

语法格式

<br />

ps ：这时如果还像在word中直接敲回车键换行就不起作用了。

div span标签

div span 是没有语义的 是我们网页布局主要的2个盒子

div：
单词缩写：division 分割， 分区

<div> 这是一个div标签</div>

span：
跨度，跨距；范围

<span>这是一个span标签</span>

文本格式化标签

文本格式化标签语义： 有时需要为文字设置粗体、斜体或下划线效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。

注意：

b i s u 只有使用 没有 强调的意思

strong em del ins 语义更强烈