HTML Lesson_03 标记文字

第三章 标记文字

该章节经常用的标签基本不会超过5个，其他的可作一般性了解

 

3.1 标题  h1~h6

<h1>标题</h1>

<h2>标题</h2>

<h3>标题</h3>

<h4>标题</h4>

<h5>标题</h5>

<h6>标题</h6>

h1最大，h6最小。默认全都是加粗文本

标题标签为块级标签，默认状态占据一整行。

 

3.2 关键字  <b></b>

表示重要的文本，外观表现为加粗的文本

 

3.3 强调  <em></em>

强调，外观表现为斜体文本

 

3.4 表示外文词语或科技词语  <i></i>

<i>与<em>表现的效果相同，都是斜体字体

 

3.5 表示重要的文字  <strong></strong>

<strong>和<em>一样都表示强调，不过strong表示的更强一些，还有strong表现为加粗字体，em表现为倾斜字体

 

3.6 表示不正确或校正  <s></s>  <del></del>

外观表现为给文本添加删除线。

html5中不支持该标签，可使用<del>标签代替。

 

3.7 为文本添加下划线  <u></u> <ins></ins>

为文本添加下划线

通常，该效果一般将元素的text-decoration样式属性设置为underline值即可。

注意 HTML5中不支持该标签 请尽量避免为文本添加下划线，因为用户通常会把它混淆成一个超链接。

 

3.8 小号字体 <small></small>

通常在页面中，免责声明、注意事项、法律限制或版权声明的特征通常都是小号文本，另外新闻来源、许可要求等通常也使用小号文本显示。

 

3.9 上标 下标

<sub>和<sup>实际作用就是数学的上标和下标

 

3.10 强制换行<br />

在文本任意位置键入<br /> 都会换行

 

3.11 指明可以安全换行的建议位置<wbr>

在英文单词过长的情况下，可以使用<wbr>，它会根据浏览器的宽度适当的裁切换行

 

3.12 表示输入和输出<code><var><samp><kbd>

code：表示计算机代码片段

var：表示编程语言中的变量

samp：表示程序或计算机的输出

kbd：表示用户的输入

注意：这都是英文范畴，需要将设置lang="en" 才能体现效果

 

3.13 表示缩写<abbr></abbr>

abbr没有实际作用，从语义上看就是一段文本的缩写

但是可以通过css样式来对所有的缩写文字进行统一的设置

 

3.14 定义术语<dfn></dfn>

具体体现就是一般倾斜

 

3.15 引用来自它处的内容<q></q>

具体体现就是加一个双引号

 

3.16 引用其他作品的标题<cite></cite>

具体体现就是一般倾斜

 

3.17 表示时间和日期<time></time>

没有任何实际效果，可通过css样式统一设置

3.18 ruby、rt、rp

ruby用来为非西方语言提供支持。

<rt><rp>用来帮助读者掌握表意语言文字的正确发音。比如汉语拼音

<rt>表示提供的信息，比如汉语拼音

<rp>表示在不支持ruby标签的情况显示的内容，比如括号

<ruby>

饕<rp>(</rp><rt>tāo</rt><rp>)</rp>

餮<rp>(</rp><rt>tiè</rt><rp>)</rp>

</ruby>

 

3.19 设置文字方向<bdo></bdo>

<bdo dir="rtl">html1</bdo>

dir有两个属性值

rtl：从右往左

ltr：从左往右 （默认）

 

3.20 bdi

该属性也是处理方向的，不过大部分浏览器都不支持，忽略

 

3.21 表示一段一般性的内容<span></span>

没有任何实际效果，可通过css样式统一设置

 

3.22 突出显示文本<mark></mark>

马克一下就是这个意思，表示突出文本，作标记

表面显示为，一个黄色背景，黑色字的文本