html 超链接 a 属性

来源:互联网 发布:淘宝卖家插件有哪些 编辑:程序博客网 时间:2024/04/29 22:51

 

html 超链接 属性

HTML 使用超级链接与网络上的另一个文档相连。

锚标签和 Href 属性

HTML 使用 <a> (锚)标签来创建连接另一个文档的链接。

锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,一个声音或视频文件等等。

创建锚的语法:

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

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
属性值描述DTDcharset标准字符集的名称规定目标 URL 的字符编码。STFcoords 参见 coords 属性和 shape 属性STFhrefURL链接的目标 URL。STFhreflangISO 标准的双字符语言代码规定目标 URL 的基准语言。STFnamesection_name

命名一个锚。请使用此属性在文档中创建某个书签。

在XHTML的未来版本中,name属性会被id属性取代!

STFrel
  • alternate
  • designates
  • stylesheet
  • start
  • next
  • prev
  • contents
  • index
  • glossary
  • copyright
  • chapter
  • section
  • subsection
  • appendix
  • help
  • bookmark
规定当前文档与目标 URL 之间的关系。STFrev
  • alternate
  • designates
  • stylesheet
  • start
  • next
  • prev
  • contents
  • index
  • glossary
  • copyright
  • chapter
  • section
  • subsection
  • appendix
  • help
  • bookmark
规定目标 URL 与当前文档之间的关系。STFshape 参见 coords 属性和 shape 属性STFtarget
  • _blank
  • _parent
  • _self
  • _top

在何处打开目标 URL。

  • _blank - 在一个新的未命名的窗口载入文档
  • _self - 在相同的框架或窗口中载入目标文档
  • _parent - 把文档载入父窗口或包含了超链接引用的框架的框架集
  • _top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架
TFtypeMIME 编码类型规定目标 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 name="tips">Useful Tips Section</a>

你会注意到,命名锚会以特殊的方式来显示。

将 # 符号和锚名称添加到 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

 

 

原创粉丝点击