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

Posted 2020-12-24 lepanyou

1.锚元素（anchor element)

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

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

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

-在html5中，block anchor是锚标记的新功能，能够将一个或多个元素（包括作为块显示的，如divh1或段落）配置成链接。

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

-绝对链接

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

-相对链接

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

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

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

-电邮链接

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

--使用mailto,而不是http

  eg.<a href="mailto:[email protected]">[email protected]@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的内容区域，如果不加上，浏览器就不会搜索该网页，而是查找外部文件。