html 笔记 – 第二章:链接和导航(xhtml)

<a href=”#top”></a> href=”#top”–是指当前页面的某个部分,如页面的顶部。

top为指向位置的id属性。如:<h1><a id=”top”>dxsop</a><h1>。如果创建可以通过早期的浏览器查看的页面,例如 IE3 ,还需要附带一个name属性。因为 id 属性在 HTML 4 中才被引用。

相对路径:(绝对路径为带域名的完整路径)

链接相同目录的文件可以直接使用文件名,href=”dxsop.html”。

链接当前目录某个文件夹内的文件:href=”文夹件名/index.html”

链接父目录,href=”../index.html”。每个../代表向上一级。

从任何位置链接站点根目录:href=”/index.html”。正斜杠开始代表根目录。

<base>元素,定义当前页面的基URL。浏览器会自动在所有相对路径前添加基URL。

如下链接,浏览器将自动修改为绝对路径:http://www.dxsop.com/文件夹名/index.html

<head>
<base href=”http://www.dxsop.com” />
<base target=”_blank” /><!–(也可以定义默认打开方式,当前定义为新窗口打开)–>
</head>

<body>
<img src=”eg_smile.gif” />
<a href=”文件夹名/index.html”>dxsop</a>
</body>

<a>元素的其他属性。

accesskey 属性。

可以用于激活链接的键盘快捷键。例如:可以使用 T 键作为访问键,当用户按下Alt 键或 Ctrl 键时(取决于操作系统),将激活相应的链接。这意味着浏览器将立即追踪该链接,或者高亮显示,然后用户必须按下 Enter 或 Return 键以追踪该链接。

<a accesskey=”t” href=”http://www.dxsop.com”>大学生兼职网</a>

charset 属性。

指示 URL 所指向的文档的字符集编码,它的值必须是表示字符集的字符串,例如 UTF8 。charset 属性通常用于源锚点中,并且仅当包含该链接的主文档的语言与当前文档的语言不同时才使用它。例如:

<a href=”http://www.wrox.com/” charset=”UTF-8″>Wrox Web Site<a/>

coords 属性。

coords 属性的值是 x 和 y 坐标,用于只是图像的哪一部分追踪该链接。

hreflang 属性。

指定源链接所指向的文档的语言,并且仅党给定的href属性的值时才能使用它。

<a href=”http://www.dxsop.com” hreflang=”zh”>大学生兼职网</a>

rel 属性。

用于源锚点中,指示当前文档与 href 属性所指定的资源之间的关系。当前的主要浏览器都不支持该属性,但是有些自动化应用程序可能使用它。

rev 属性。

rev 属性的作用与 rel 相同,但用于目的地锚点中以描述目的地和源的关系。当前主要浏览器都不支持该属性。

shape 属性。

用于指示图像映射可单击热点的区域的形状,第三章将更详细的介绍 shape 属性。

tabindex 属性。

用于定义 Tab 键的焦点切换顺序,第五章将更详细的介绍 tabindex 属性。

target 属性。

用于指示包含在链接中的文档应当在哪一个窗口或框架中打开。

<a href=”dxsop.com” target=”main”>dxsop</a>

这个示例,当用户单击链接时,在成为 main 的窗口或框架中加载文档 dxsop.com 。如果想在新窗口中打开,应该设置为 target=”_blank”。第六章将详细的介绍框架方面的知识。

title 属性。

定义鼠标指向链接后,显示的额外提示信息。语音浏览器中向视觉障碍的人提供听觉提示。

type 属性。

指定链接的 MIME 类型。理论上,浏览器能够使用 type 属性中的信息以不同的方式显示页面,或者向用户指示页面的格式,尽管目前还没有用到该功能。附录H列举了一些 MIME 类型。html页面的 MIME 类型是 text/html,而 JPEG 图像的MIME 类型是 img/jpeg。下面示例用于只是链接所指向的文档是 HTML 文档。

 

<a>元素,a是anchor的缩写。href=”www.izaoqi.com–超链接属性,链接到发送邮件写为:href=”mailto:dxsop@dxsop.com”,target=”_blank”-新窗口打开。
高级E-mail链接,为邮件指定更多信息。在e-mail地址后面跟上一个问号,以将e-mail地址和额外的值隔开,定义的多个值之间使用&隔开。
<a href=”mailto:dxsop@dxsop.com?subject=xhtml&cc=zq@dxsop.com”>点击向我发邮件</a>
属  性                                                  目 的                           
subject           添加 e-mail 的主题行,以便用户容易识别邮件的来源。
body           在 e-mail 的主题中添加信息,但是需要知道的是,用户能够更改该信息。
cc           向抄送地址发送一份邮件副本;如果想提供多个地址,只需要重复该属性,并使用&符号隔开。
bcc           秘密地向密送地址发送一份邮件副本,并且任何收件人都不能看到其它的收件人。如果想提供                     多个地址,只需要重复该属性,并使用&符号隔开。

 

发表评论