a 标签
属性
href
超级链接
target
- 指定哪个窗口打开超链接
- 不写 target 默认当前页面打开
-
_blank在新的空白页面打开
超级链接
download
理论上控制下载的，但很多不支持，忽略
rel=noopener
防止一个 bug,暂时先不用了解
作用
- 跳到外部页面
- 跳转内部锚点
- 跳转到邮箱或电话等
a 的 href 的取值
网址
- https://google.com
- http://google.com
- //google.com
路径
- /a/b/c 以及 a/b/c
- index.html 以及 ./index.html
伪协议
javascript:代码;
JavaScript伪协议
空的伪协议
空的伪协议这个需求，是实现点击后什么也不做
如果有个需求是，点击查看链接，弹出一个对话框，
除了用空的伪协议写法外，都不能满足需求。
查看
href 内什么都不写，点击 查看,页面还是会刷新
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
查看
如果点击 查看 ，会滚到顶部
mailto:邮箱
发邮件给 zenyang
直接将收件人填到邮件里
tel:手机号
发邮件给 zenyang
如果是手机页面，直接将号码复制到电话上，
按拨打就可以打电话
id
href=#xxx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
查看xxx
点击 查看xxx ，网址会变成 IP + HTML名字 + #xxx
还跳到 id="xxx" 的位置
a 的 target 的取值
内置名字
_blank
google
在新的空白页面打开
_self
google
在当前的页面打开
_top
我的 iframe
里面有一个 a 标签
top
google
这个时候，点击红色背景内的 top,会在外层白色背景的 a-target.html 的页面打开 google
如果将 a-target-iframe.html 的 target 改为 _self ，
这个时候，点击红色背景内的 top,会在红色背景这个 iframe 内打开 google，打开失败。
因为 google 拒绝在 iframe 内打开
_parent
我的 iframe
我的 iframe-2
里面有一个 a 标签
parent
google
现在是，白色背景的 a-target.html 内嵌套一个
红色背景的 a-target-iframe.html,
红色背景的 iframe 又嵌套一个绿色背景的
a-target-iframe-2.html
这时候点击绿色背景的 parent,会在红色背景的 iframe
中打开 baidu 页面
所以 parent 就是在当前链接的 iframe 的上一层打开
google
点击 google 链接，也是在新窗口打开，但两个链接时后如下：
google
baidu
先点击 google 链接，打开一个 ==窗口名为"xxx"== 的窗口，里面打开了 google
再点击 baidu 链接，刚才的 xxx 窗口打开了 baidu
target="xxx" 的意思是，如果有一个窗口为 xxx 的，就在那个窗口打开；
如果没有就新建一个 xxx 的窗口打开。
window.name 查看窗口名字
img 标签
作用
发出 get 请求，展示一张图片
属性
alt / height / width / src
alt 是 src 加载不到的时候显示
height / width 只写一个，图片显示会自适应
事件
onload / onerror
如果加载失败，就载入 404 的照片，图片上说加载失败，请刷新
响应式
max-width: 100%
table 标签
相关的标签
- table
- thead
- tbody
- tfoot
- tr
table row - td
- th
table head
英语
翻译
hyper
超级
target
目标
reference
引用
空
空