Chinaunix首页 | 论坛 | 博客
  • 博客访问: 29306001
  • 博文数量: 2065
  • 博客积分: 10377
  • 博客等级: 上将
  • 技术积分: 21525
  • 用 户 组: 普通用户
  • 注册时间: 2008-11-04 17:50
文章分类

全部博文(2065)

文章存档

2012年(2)

2011年(19)

2010年(1160)

2009年(969)

2008年(153)

分类: 系统运维

2010-06-30 21:39:53

html 超链接 属性

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

锚标签和 Href 属性

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

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

创建锚的语法:

Text to be displayed
例如:
属性值描述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属性,他的作用是当鼠标移动到链接上时给出提示如:

文字链接

显示效果如下:

  

 

锚标签和 Name 属性

Name 属性用于创建被命名的锚(named anchors)。当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。

以下是命名锚的语法:

Text to be displayed

name 属性用于创建命名锚。锚的名称可以是任何你喜欢的名字。

下面这行定义了命名锚:

name="tips">Useful Tips Section

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

将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个节,就像这样:

a" href="10.html#b">a跳到b 
b" href="10.html#a">b跳到a   
注意红色部分,效果如下:

 

 

 

 

 

 

 

这是一个在“同一页面中链接跳转到不同段落,链接跳转到顶部,链接到文件所在目录”的例子():可以通过浏览器的查看源码功能查看该例子的代码

分别用到

name=

返回顶部:href="#"  [我现在这样写的然怪总跑到TOP上面去了!]

返回文件所在目录:href=" " 

另外还有链接到email,ftp等,

链接到emailr的例子:

发送邮件

效果:

链接到ftp的例子:

ftp


解决目前的一个问题的方法:

teest


阅读(1026) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~