HTML5超链接与基础标记标签详解.pdfVIP

一.超链接

HTML使用超链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链

接可以从一张页面跳转到另一张页面。

1.创建超链接

使用a标签来创建。

属性：

href属性：链接地址

name属性：书签

target属性：定义被链接的文档在何处显示

•_blank

•_parent

•_self

•_top

•framename

2.外部链接

3.内部链接

4.描点

二.基础文本标记标签

1.加粗（b）

注意：根据HTML5规范，在没有其他合适标签更合适时，才应该把b标签作为最后的

选项。HTML5规范声明：应该使用h1-h6来表示标题，使用em标签来表示强调

的文本，应该使用strong标签来表示重要文本，应该使用mark标签来表示标注的/

突出显示的文本。

2.强调（em）

告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段

文字用斜体来显示。

3.更强（strong）

浏览器通常会以不同于em标签的方式来显示strong标签中的内容，通常是用加

粗的字体（相对于斜体）来显示其中的内容，这样用户就可以把这两个标签区分开来了。

4.斜体（i）

i标签和基于内容的样式标签em类似。它告诉浏览器将包含其中的文本以斜体字

（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用

高亮、反白或加下划线等样式。

5.下划线（u）

6.删除线（s）

7.小号字体（small）

8.上标（sup）和下标（sub）

三.换行有关

1.强制换行（br）

2.指定单词换行（wbr）

四.与输入输出有关

1.代码文本（code）

用于表示计算机源代码或者其他机器可以阅读的文本内容。

注意：code只是用来定义里面的内容是用来显示源代码的，但是并不会对代码进行任

何的显示上的处理。这是可以搭配pre进行处理。

2.定义变量（var）

表示变量的名称，或者由用户提供的值，标记的文本通常显示为斜体。

3.样本文本（samp）

表示一段用户应该对其没有什么其他解释的文本字符。要从正常的上下文抽取这些字符

时，通常要用到这个标签。

4.键盘文本（kbd）

说到技术概念上的特殊样式时，就要提到kbd标签。正如你已经猜到的，它用来表

示文本是从键盘上键入的。

浏览器通常用等宽字体来显示该标签中包含的文本。

五.与语言有关的

1.文字注释（ruby）

2.定义字符的解释或发音（rt）

3.定义不支持ruby元素的浏览器所显示的内容（rp）

4.文本方向（bdo）

5.文本隔离（bdi）

六.其他文本标记标签

1.文本简称缩写（abbr）

2.特殊术语或短语（dfn）

3.定义引用（q）

4.定义参考文献的引用（cite）

5.定义带有记号的文本（mark）

6.定义已经被插入文档中的文本（ins），显示效果等同于下划线

7.定义文档中已被删除的文本（del），显示效果等同于删除线

8.定义公历的时间或日期（time）