html5|HTML5第六讲：超链接标记及描点的使用 html5

文章图片

图1

【html5|HTML5第六讲：超链接标记及描点的使用】图2
超链接标记是由<a></a>包围组成的对象，语法格式为：<a href=https://mparticle.uc.cn/"需要跳转的引用\" target=\"目标在窗口中的打开方式\">文本或图像或视频</a> ， <a>标记定义了两个属性分别为href和target 。
href指定跳转引用的url地址，因此具有超链接功能，如图1中第12-13行会跳转到百度搜索的首页。 href还可以设置为# ，如图1中第14行，表示跳转引用为空。
target指定目标在窗口中的打开方式，可以有两种取值，分别为_self和_blank 。 _self会在当前窗口中打开显示，覆盖当前窗口内容；_blank浏览器会自动打开一个新窗口来显示跳转引用地址中的网页内容。
超链接包围的内容可以是文本、图像、视频，如图1中第15行，包围地是一个图像标记，单击图像也可以跳转到引用的网页。在低版本的浏览器可能会给链接的图像加一个边框的效果，如果想要去掉边框可以加一个border属性，其值定义为0 。
超链接标记<a>可以作为描点链接的作用，浏览网页时，如果页面过长，这时候如果我们想要定位到某个位置，那么仅仅使用滚动条就会不太方便。如图1中第17与22行建立了一种描点关系。使用<a href=https://mparticle.uc.cn/"#id名称\">链接内容</a>创建链接，其中href=https://mparticle.uc.cn/"#id名称\"来指定链接目标的id名称，然后使用相同id名称标注的待跳转目标位置。如图2 ，当我们点击four这个描点链接后，就会跳转到第四讲的位置。
最后，超链接标记<a>还可用于下载，形式为<a href=https://mparticle.uc.cn/"要下载的文件的地址\" download=“下载后的文件的名称\"></a> ，如<a href=https://mparticle.uc.cn/"./sunny.png\" download=\"sunny\">下载文件</a>；也可在href属性中执行js脚本， <a href=https://mparticle.uc.cn/"javascript:alert('你好')\"> alert('你好')(会执行js代码，弹框) </a> ， <a href=https://mparticle.uc.cn/"javascript:void()\"> void(会执行js代码，返回空，什么都不做) </a>；<a href=https://mparticle.uc.cn/"\"> 空格(会刷新) </a>