html 超链接 a 属性

 

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.

  
  
属性
值
描述
DTD
charset
标准字符集的名称
规定目标 URL 的字符编码。
STF
coords
 
参见 coords 属性和 shape 属性
STF
href
URL
链接的目标 URL。
STF
hreflang
ISO 标准的双字符语言代码
规定目标 URL 的基准语言。
STF
name
section_name
命名一个锚。请使用此属性在文档中创建某个书签。
在XHTML的未来版本中，name属性会被id属性取代！
STF
rel

      
      
alternate 
designates 
stylesheet 
start 
next 
prev 
contents 
index 
glossary 
copyright 
chapter 
section 
subsection 
appendix 
help 
bookmark 
规定当前文档与目标 URL 之间的关系。
STF
rev

      
      
alternate 
designates 
stylesheet 
start 
next 
prev 
contents 
index 
glossary 
copyright 
chapter 
section 
subsection 
appendix 
help 
bookmark 
规定目标 URL 与当前文档之间的关系。
STF
shape
 
参见 coords 属性和 shape 属性
STF
target

      
      
_blank 
_parent 
_self 
_top 
在何处打开目标 URL。
      
      
_blank - 在一个新的未命名的窗口载入文档 
_self - 在相同的框架或窗口中载入目标文档 
_parent - 把文档载入父窗口或包含了超链接引用的框架的框架集 
_top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架 
TF
type
MIME 编码类型
规定目标 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