《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》 课件 第4章 HTML5超链接.pptxVIP

内容提要《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》超链接即超文本是指从一个网页的信息节点指向一个目标的链接关系，当浏览者单击信息节点时，链接目标将显示在浏览器上，并且根据目标的类 型来打开或运行。本章首先详细介绍超链接标签<a>，接下来简单介绍HTML5字符集，最后介绍如何使用MathML。 4.1 <a>标签《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》a是锚（Anchor）的缩写，HTML5使用<a>标签 实现信息节点与目标的超链接，超链接能够将文档链接到任何其他文档（或其他资源），也可以链接到文档的指定部分，链接目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是图片、电子邮件地址、文件或者应用程序。在所有浏览器中，<a>标签通过外观与其他元素相区别，超连接的默认外观是：未被访问的连接带有下划线而且是蓝色的；已被访问的连接带有下划线而且是紫色的；活动连接带有下划线而且是红色的。 标签4.1 <a><a>标签常用属性《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》 4.1 <a>标签——href属性《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》通过使用href属性，可以创建指向另外一个文档的连接。用法如下：<a href="url">显示的文本或图像</a><a>用来创建链接，href属性指定需要链接文档的目标位置，开始标签和结束标签之间的文本或图像被作为超链接来显示，要使用清晰的链接文本措辞。下面定义了指向清华大学的连接：<a href="/">清华大学</a> 4.1 <a>标签——href属性《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》链接是否正确与href属性值URL有关，href属性定义了链接目标的文档路径。文档路径类型一共有二种：绝对路径（绝对URL或绝对链接）和相对 路径（相对URL或相对链接），其中相对路径又 分为根相对路径和文档相对路径。如果要链接的文档在站点之外，必须使用绝对路径。 4.1 <a>标签——href属性《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》绝对路径是包括通信协议名、服务器名、路径及文件名的完全路径。如连接清华大学信息科学技术学院首页，绝对路径是： “/docinfo/i ndex.jsp”。如果站点之外的文档在本地计算机上，比如连接F盘book_store目录下 default.html文件，那么它的路径就是： “file:///F:/book_store/default.html”，这种完整地描述文件位置的路径也是绝对路径。 4.1 <a>标签——href属性《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》如果要连接当前站点内的文档，需要使用相对路径，相对路径包括根相对路径和文档相对路径两种，一般多用文档相对路径。根相对路径的根是指本站点文件夹（根目录），根相对路径以“/”开头，路径是从当前站点的根目录开始计算。比如一个网页连接或引用站点根目录下images目录中的一个图像文件a.gif，用 根相对路径表示就是：“/images/a.gif”。 4.1 <a>标签——href属性《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》文档相对路径是指包含当前文档所在的文件夹，也就是以当前文档所在的文件夹为基础开始计算路径。如当前网页所在位置为 F:\book_store\music，那么“a.html”就表示 “F:\book_store\music\a.html”页面文件， “../b.html”表示“F:\book_store\b.html” 页面文件，其中“../”表示当前文件夹的上一级文件夹。如果在站点根目录一个网页需连接或引用站点根目录下images目录中的一个图像文件 a.gif，用文档相对路径表示就是： “images/a.gif”。 4.1 <a>标签——href属性《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》在可能的情况下使用相对URL更有效，这是因为当使用绝对URL时，浏览器要通过DNS查找服务 器，然后再转到该服务器上查找所请求的文件，而使用相对URL，浏览器只是在同一服务器上查找被请求的文件。URL可以指向HTML文件、文本文件、图像、视频和音频文件等任意类型的文件，如果浏览器不知道如何显示或处理，它会询问是否要打开文件（需要选择合适的本地应用来打开或处理文件）或下载文件（以后处理它）。 4.1 <a>标签——download属性《HTML5+CSS3+ES6贯穿式项目实战-微课视频版》当需要链接下载的资源时，可以使用download属性来提供一个默认的保存文件名。如：<a href="multimedia/other.amr" download