超链接部分:锚元素、绝对/相对/电邮链接、区段标识符

1.锚元素(anchor element)

-定义了一个超链接,指向任意想要的另一个网页或者文件

-<a href="目的地URL">本网页对该链接的描述</a>

  如使用target="_blank",可在新浏览器窗口或新标签页中打开网页

-在HTML5中,block anchor是锚标记的新功能,能够将一个或多个元素(包括作为块显示的,如div\h1或段落)配置成链接。

2.绝对/相对/电邮链接

-绝对链接

--在web上的相对位置,链接到其他网站上的资源时使用

-相对链接

--链接到自己网站内部的网页

  此链接的href不含http://,也不含域名,只包含想要显示的网页的文件名

  eg:<a href="contact.html">Contact US</a>

-电邮链接

--自动打开浏览器设置的默认邮件程序

--使用mailto,而不是http

  eg.<a href="mailto:[email protected]">help@@webdevbasics.net</a>

3.区段标识符

-连接到网页中的一个特定位置,可以让链接指向一个区段标识符\区段id命名区域

  本质上是定义了id属性值的一个HTML元素

  id值是对网页中的元素进行唯一的标识

-使用内部链接是,它有两部分组成:

  --代表命名区段的标记,必须为该标记分配id 

    eg.<h2 id="content">,  <div id ="content">

  --链接到网页中命名区段的锚标记

    eg.<a href="#content">Skip to content</a>

    #使浏览器搜索同一个网页中具有指定 id的内容区域,如果不加上,浏览器就不会搜索该网页,而是查找外部文件。

猜你喜欢

转载自www.cnblogs.com/lepanyou/p/9346320.html