Web前端之路

HTML5之链接

2017-08-06  本文已影响10人  前端梵风

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

链接是由<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,我们已经讲完了链接,如要详细的代码可在下面留言,记得点红心哈!

上一篇 下一篇

猜你喜欢

热点阅读