知识点：

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之间的对应

base、热区、_blank、锚点相关推荐

html target=_blank 弹出独立窗口,HTML base 标签的 target 属性 —— base target=_blank /...
python中的迭代.生成器等等本人对编程语言实在是一窍不通啊...今天看了廖雪峰老师的关于迭代,迭代器,生成器,递归等等,word天,这都什么跟什么啊... 1.关于迭代如果给定一个list或t ...
html基础和CSS基础
HTML和CSS基础 html基本结构 vscode推荐插件插件作用 Chinese (Simplified)LanguagePack for vs Code 中文(简体)语言包 Open in ...
HTML超链接标签——a标签、锚点、base标签、假链接标签
目录一.a标签 1.什么是a标签? 2.a标签中的属性: 3.注意点: 二.锚点 1.什么是锚点? 2.如何实现锚点? 3.要想实现通过a标签跳转到指定的位置分为两步:(重点!!!) 4.格式: 5 ...
【HTML】HTML 标签 ⑤ ( 锚点定位 | base 标签 | 预格式化文本标签 | HTML 特殊符号 )
文章目录一.锚点定位二.base 标签三.预格式化文本标签四.HTML 特殊符号一.锚点定位锚点定位步骤 : 创建锚点 : 使用 id 属性 , 创建跳转锚点 , 一般情况下是在各种级别 ...
零基础前端笔记（1）web，html，标签，锚点，路径
XHTML可扩展超文本标记语言(1) (1)网页的形成 (2)浏览器内核 (3)web标准 (4)html骨架标签 (5)html元素标签分类 (6)html标签关系 (7)代码开发工具 (8)htm ...
HTML 部分常用属性、组成属性|...超链接、路径、锚点、列表、滚动、URL编码、表格、表单、GET和POST
URL地址就是我们所说的网址:www.jd.com 浏览器内核,渲染引擎 Ie内核:triteent 谷歌/欧鹏:blink 火狐:gecko 苹果:webkit 渲染引擎是出现兼容性的根本问题 - ...
HTML5锚点请用id代替name
HTML5已经去掉name属性,实现锚点时请使用id,实例效果:http://keleyi.com/keleyi/phtml/html5/9.htm 支持Chrome,火狐,IE8以上等浏览器. 以下 ...
html中base标签的使用，和简介
 <!DOCTYPE html> <html> <hea ...
关于base target=_self 等
<base target=_blank>是将基本链接的目标框架都改为新页打开,如果对HTML.CSS和JS不是很熟悉,不建议使用这种方法,改为独立控制. 其实<a>.<f ...
HTML的base href = “” /
就是指网页里面的相对链接的前缀url,如在<head></head>部分定义了此链接为http: //ent.sina.com.cn/,那么下面的<a href=aaa. ...

base、热区、_blank、锚点