超链接和锚点
所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片,各个网页链接在一起后,才能真正构成一个网站。
HTML5 保留了定义超链接的<a…/>元素,该元素可以指定id、class 、style 等核心属性,也可以指定onclick 等各种事件属性。它还可以指定如下三个重要属性。
href: 指定超链接所关联的另一个资源。
target: 指定使用框架集中的哪个框架来装载另一个资源。该属性的属性值可以是_self、_blank 、_top 、_parent 四个值,分别代表使用自身、新窗口、顶层框架、父框架来装载新资源。
media :指定目标URL 所引用的媒体类型。默认值为all 。只有当指定了href 属性时该属性才有效。media是一个HTML5新增的属性。
<a…/>元素主要可以包含文本、图像、各种文本格式化元素和表单元素等内容。
当使用<a…/>元素时, href 属性值既可是绝对路径,也可是相对路径。
锚点链接是超链接中的一种。锚点的妙处之一在于,你可以使用它链接到文档中的某个特定位置。
锚点链接的具体使用场景有 2 种:
1.跳转到当前页面的指定位置
2.跳转到其他页面的指定位置
<a…/>元素还可生成一个命名铀点,命名铀点用千在HTML 页面中生成一个定位点,这样允许超链接直接链接到指定页面的该定位点。
插入定位铀点需要指定name 属性, name 属性值就是该命名铀点的名称。
用浏览器浏览命名铀点时,该命名铀点不会生成任何显示内容,可以用如下代码实现:
<a href="mame.html#text">定位到text锚点</a>
定位到指定铀点需要在URL 资源后指定铀点名,铀点名和URL 资源之间以#隔开。