《HTML&CSS设计与构建网站》第四章 衔接

时间:2023-01-26 18:58:45

核心:<a href="http://www.xxx.com">xxxx</a>

一般会碰都以下几种衔接:

从一个网站指向另一个网站的衔接:

href属性值是绝对地址<a href="http://www.xxx.com">xxxx</a>

(绝对URL:URL全称Uniform Resource Locator统一资源订位子。绝对URL以网站的域名开头,域名后面可以指定具体页面的路径)

指向同一网站中其他页面的衔接:

相对路径:其中提到了目录结构

相对链接类型 示例

相同的文件夹

只需要文件名

href="文件名.html"

子文件夹

加正斜杠再加文件名

href="同辈文件夹/文件名.html"

孙子文件夹

href="同辈文件夹/子文件夹/文件名.html"
父文件夹 href="../文件名.html"
祖父文件夹 href=../../文件名.html"

 

EMAIL衔接:

mailto:href="mailto:xxx@xxx.xxx"

在新窗口中打开衔接:设置target属性为_blank。

衔接到当前页面的某个特定位置:

设置id属性的值,然后设置href="#id名",即可实现跳转。(一般用于页面顶部底部相互跳转)

衔接到其他页面的某个特定位置:

设置id属性的值,然后设置href="绝对或者相对地址/#id名",即可实现跳转。