首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

超链接a标签小结

2012-08-29 
超链接a标签总结? ? ? ? 参考:http://w3school.com.cn/html/html_links.asp?? ? ? ? ?HTML链接语法通常的

超链接a标签总结

? ? ? ? 参考:http://w3school.com.cn/html/html_links.asp

?

? ? ? ? ?HTML链接语法通常的链接语法如下所示:

? ? ? ??<a name="" href="" target="">超链接</a>

?

? ? ? ? 这里面的name属性除了可表示HTML元素本身均有的名称属性外,还表示一种特殊的含义:锚,表示文档内的链接

? ? ? ? 而href通常表示指向另一个文档的链接,即使另一个文档和当前文档是同一个页面。

?

? ? ? ? 当使用锚的时候,我们就可以直接跳至页面中某个节的链接,这样使用者就无须滚动页面去寻找信息,当指定锚在当前页面寻找不到的时候,会回到页面的顶端,不会报任何错。

? ? ? ? 代码示例如下所示:

? ? ? ??<!DOCTYPE html>

? ? ? ? ?<html>

<head><meta charset="UTF-8"></head><body><div style="margin-top:300px;margin-bottom: 800px;"><a name="tips">The Useful Tips Section</a></div><div><a href="#tips">visit the useful tips section</a><br/><a href="./testHref.html#tips">visit the useful tips section by html tips</a></div></body></html>
?

?

? ? ? ? 注意:如果使用href链接的时候,务必将正斜杠/添加到链接末尾,否则的话服务器会创建两次HTTP请求,第一次添加正斜杠到这个请求的结尾,第二次请求添加正斜杠后的URL地址。

?

热点排行