HTML5之链接

前面我们讲到设计者的详细信息,如邮箱的联系方式,这就用到了链接。

链接是由<a>元素来创建,链接分为几种,下面由我来为大家一一道来:

一,指向其他网站的链接

<a href="www,baidu.com">,href特性的值设定了链接的目标,在这里要说明一点,如果是指向另一个网站,href的值必须是绝对URL,也就是说必须是另一个网站的完整web地址。

二,指向同一个网站中其他页面的链接

在这里用到了相对URL,因为同一个网站的网页是放在同一个文件夹的话,href的值就可以是这个页面的文件名。

三,目录结构

上面我们讲到指向同一个网站其他页面的链接,有必要和大家提一下目录结构。

1.目录结构的关系可以用家族谱来描述,如祖父文件夹,父文件夹,子目录,孙子目录(网上很多目录结构关系图解,可以上网搜索学习)。

2.URL:统一资源定位器。

三.EMAIL链接

email链接的href特性值以mailto:开始,如<a href="mailto:888888888@qq.com>。

四,在新窗口中打开链接

需要用到target特性,target的特性值是_blank。

五,链接到当前页面的某个特定位置

1.这里要用到ID特性,如<h1 id="top">hello</h1>    <p><a href="#top">。

六,链接到其他页面的某个特定位置

首先href的值要是要转到的页面的URL地址,然后加上#id。

OK,我们已经讲完了链接,如要详细的代码可在下面留言,记得点红心哈!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,513评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,707评论 25 709
  • 昨天下午女女期末考试,她出门的时候我握着拳头不断的重复着“成功”,她也很兴奋地回应着“成功”。下午回来我对她说...
    燃宝贝de麻麻阅读 503评论 1 0