HTML5从入门到精通——超链接和锚点

超链接和锚点

HTML页血使用超链接与网络上的另一个资源保持关联,当用户单击页面上的超链接时,浏览器会导航到超链接所指的资源。 HTML5保留了定义超链接的元索,该元素可以指定id. class. style等核心属性,也,也可指定onclick等各种事件属性。它还可以指定如下三个重要属性。

href:指定超链接所关联的另一个资源。

target:指定使用框架集中的哪个框架来装载另一个资源。该属性的属性值可以是_self、 _blank、_top、_parent四个值,分别代表使用自身、新窗口、顶层框架、父框架来装载新资源。

media:指定目标URL所引用的媒体类型。默认值为all。只有当指定了href属性时该属性才有效。

元素主要可以包含文本、图像、各种文本格式化元素和表单元素等内容。下面代码定义了四个超链接。

360安全导航网页

target="_new">360安全导航网页

target="_new">

alt="360安全导航网页"/>点击图标立即跳转

网页制作2018zexin

当我们使用元素时,href属性值既可是绝对路径,也可是相对路径。当指定绝对路径时,href属性值为URL ( Uniform Resource Locator,统一资源定位器),URL用于对互联网上的文档(或其他资源)进行寻址。

一个完整的网址,例如:

scheme://host.domain:port/path/filename

关于这个URL地址的解释如下。

scheme:指定因特网服务的类型。最流行的类型是HTTP。

domain:指定因特网域名,比如crazyit.org,fkjava.org等。

host:指定此域中的主机。如果被省略,HTTP的默认主机是www 。

port:指定主机的端口号。端口号通常可以被省略,HTTP服务的默认端口是80。

path:指定远程服务器土的路径,该路径也可被省略,省略该路径则默认被定位到网站的根目录。

filename:指定远程文档的名称。如果省略该文件名,通常会定位到index.html,index.htm等文件,或定位到Web服务器设置的其他文件。

表2.1显示了URL最流行的scheme以及对应资源。

表2.1

例如以下几个超链接:HTMLNewsgroup,该链接将会产生一个访问新闻组资源的超链接。下载Tomcat,这个链接将会产生一个指向FTP资源的链接。

除此之外,元素还可生成一个命名锚点,命名锚点用于在HTML页面中生成一个定位点,这样允许超链接直接链接到指定页面的该定位点。

插入定位锚点需要指定name属性,name属性值就是该命名锚点的名称。例如如下代码:

用浏览器浏览命名锚点时,该命名锚点不会生成任何显示内容,我们可以使用如下超链接来定位到该锚点:

#test”>定位到test锚点

从上面粗体字代码可以看出,定位到指定锚点需要在URL资源后指定锚点名,锚点名和URL资源之间以#隔开。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180505G1JSOH00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券