a标签download属性无效_《HTML常用标签》

一、a 标签的用法

1、 属性

• herf（hyper reference）超链接
• target：指定窗口打开链接，否则默认在当前页面打开
• download（很多页面不支持，不常用）
• rel=noopener（防止一个bug）

2、作用

• 跳转外部页面
• 跳转内部锚点（去到当前页面指定得位置）
• 跳转到邮箱或电话等

3、a的herf的取值 1）网址

• https://......
• http://......
• //......(//最高级，自动选择http/https，无协议网址）

2）路径

• a/b/c与/a/b/c都行（开启了http服务，根目录是你开启的那服务）
• index.html与./index.html

3)伪协议

• javascript:代码;（不填代码，做点击后没有动作的a标签）
• mailo；邮箱；tel:手机号

4）id

• href=#xxx（跳转到内部锚点）

4、a的target的取值 1）内置名字

• _blank（新的页面打开）
• _top（顶级页面打开：页面包裹一个页面，再包裹一个页面，_top之后去到最上面的页面）
• _parent（当前页面链接所在iframe的上一层打开）
• _self（当前页面打开）

2）命名

• window的name（target="xxx"可重复利用同一个窗口打开）
• iframe的name（在自己的页面打开其他的页面）

二、iframe标签（内嵌标签） 三、table标签（表格） 1、相关的标签

• table
• thead
• tbody
• tfoot
• tr
• td
• th

2、相关的样式

• table-layout
• border-collapse
• border-spacing

四、img标签 1、作用，发出get请求，展示图片 2、属性

• alt（alternative）可选择、替换；可提示用户加载失败
• height/width，改动其中一个，另一个自适应；固定两个数值的话，图片会变形
• src，加图片地址

3、事件

• onload/onerror，图片加载成功/失败

4、响应式

• max-width:100%，手机上也能看，适屏

五、form标签（表单） 1、作用：发get或post请求，然后刷新页面 2、属性

• action，控制请求哪个页面
• autocomplete，自动填充
• method，控制get/post来请求
• target，

3、事件

• onsubmit，必须又type=submit才能触发

六、input标签 1、作用：让用户输入内容 2、属性

• button/checkbox······

参考资料：

饥人谷官网​jirengu.com