您的位置:首页 > Web前端 > HTML

html 超链接 a 属性

2010-05-19 11:56 323 查看
html 超链接 属性HTML 使用超级链接与网络上的另一个文档相连。

锚标签和 Href 属性

HTML 使用 <a> (锚)标签来创建连接另一个文档的链接。锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,一个声音或视频文件等等。

创建锚的语法:

<a href="url">
Text to be displayed
</a>
例如:
<a href="http://www.haohaox8.com>这里可以放文字,也可以放图片</a>

可选的属性

[code]DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
属性描述DTD
charset标准字符集的名称规定目标 URL 的字符编码。STF
coords参见 coords 属性和 shape 属性STF
hrefURL链接的目标 URL。STF
hreflangISO 标准的双字符语言代码规定目标 URL 的基准语言。STF
namesection_name命名一个锚。请使用此属性在文档中创建某个书签。在XHTML的未来版本中,name属性会被id属性取代!STF
relalternatedesignatesstylesheetstartnextprevcontentsindexglossarycopyrightchaptersectionsubsectionappendixhelpbookmark规定当前文档与目标 URL 之间的关系。STF
revalternatedesignatesstylesheetstartnextprevcontentsindexglossarycopyrightchaptersectionsubsectionappendixhelpbookmark规定目标 URL 与当前文档之间的关系。STF
shape参见 coords 属性和 shape 属性STF
target_blank_parent_self_top在何处打开目标 URL。_blank - 在一个新的未命名的窗口载入文档_self - 在相同的框架或窗口中载入目标文档_parent - 把文档载入父窗口或包含了超链接引用的框架的框架集_top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架TF
typeMIME 编码类型规定目标 URL 的 MIME 类型。STF
常用的属性是target
另外还有title属性,他的作用是当鼠标移动到链接上时给出提示如:<a href="http://www.haohaoxx8.com" title="好好学习吧—文字链接">文字链接</a>显示效果如下:文字链接

锚标签和 Name 属性

Name 属性用于创建被命名的锚(named anchors)。当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。以下是命名锚的语法:
<a name="label">
Text to be displayed
</a>
name 属性用于创建命名锚。锚的名称可以是任何你喜欢的名字。下面这行定义了命名锚:
<a [code]name="tips"
>Useful Tips Section</a>[/code]你会注意到,命名锚会以特殊的方式来显示。将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个节,就像这样:
<a name="a" href="10.html#b">a跳到b</a>
<a name="b" href="10.html#a">b跳到a</a>
注意红色部分,效果如下:
这是一个在“同一页面中链接跳转到不同段落,链接跳转到顶部,链接到文件所在目录”的例子(查看效果):可以通过浏览器的查看源码功能查看该例子的代码分别用到name=返回顶部:href="#"返回文件所在目录:href=" "另外还有链接到email,ftp等,链接到emailr的例子:<a href=mailto:sfdsd@dsf.com>发送邮件</a>效果:发送邮件链接到ftp的例子:<a href="ftp://192.168.1.1">ftp</a>http://www.haohaoxx8.com/html/html/html10.html[/code]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: