base、热区、_blank、锚点

本文介绍了HTML的基础知识,包括base标签的作用,如何使用base设置页面链接的默认地址;详细讲解了热区的概念;探讨了target="_blank"属性在超链接中的应用,解释了其新建窗口打开链接的功能;最后阐述了锚点在页面内部跳转的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

知识点:



1关于base标签

① <base href="res/">, base标签为页面上的所有链接规定默认地址或默认目标,通常情况下,浏览器会从当前文档的URL中,提取出相应的元素,来填补相对URL中的空白。eq:如果一个文件中出现<base href="res/">,那么在这个文档中所有下面带href的路径都是以res下找的,除非前面有个 / ,指用绝对路径查找。

② 不管是图片还是超链接,后面的路径都是URL,在本地使用的都是文件系统。在文件系统中,凡是不以 / 开始的路径都是相对路径,相对路径都从当前文件开始找, ../就是上级目录,./表示当前目录,xxx直接找名为xxx的文件,xxx/是找名为xxx的文件夹。

③ 绝对路径是对于整个磁盘来说的,相对路径是对于当前目录说的。

2.关于热区

eq:

<span style="white-space:pre">	</span><img src="photo.jpg" usemap="photo">
		<map name="photo">
		<!--先导入图片,然后map图片-->
			<area shape="rect" coords="0,0,100,200" href="a.html">
			<!--rect为矩形,coords为坐标,值分别为,起点坐标(0,0),X轴(100),Y轴(200)-->
			<area shape="poly" coords="20,150, 50, 200, 100, 300,10, 400" href="b.html">
			<!--poly为多边形,coords坐标值分别为(20,150),(50,200),(100,300),(10,400),然后连线-->
			<area shape="circle" coords="200,200,150" href="a.html">
			<!--circle为圆形,coords坐标值分别为圆点(200,200),半径(150)-->
		</map>

3.关于target="_blank"

eq:

<span style="white-space:pre">	</span><a href="a.html" target="_blank">跳转到a页面</a>

上面的例子中target的用处在于,如果不加target属性,那么点击后会在本页面中跳转到a页面,如果加上target属性,那么点击后会新建一个浏览器窗口显示新的a页面。


4.锚点(anchor)

<span style="white-space:pre">	</span><h1>三国演义</h1>
	<p>三个国家斗地主的故事.....</p>
	<a href="#1">1</a>
	<a href="#2">2</a>
	<a href="#3">3</a>
	<h2 id="1">第一回......</h2>
	<h2 id="2">第二回......</h2>
	<h2 id="3">第三回......</h2>

链接和id之间的对应


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值