1、a标签
a标签的属性:
- href = hyper ref 超级引用、超级链接；
- href的取值：
- （1）网址：//google.com
- （2）路径：a/b/c或者/a/b/c或者index.html或者./index.html
- （3）伪协议：javascript：（javascript： ———可用于制作不跳转的按钮）、mailto:邮箱、tel:手机号
- （4）id="#xxx"
- target
- target 的取值：
- （1）_blank：在新的空白窗口打开；
- （2）_self：在当前窗口打开；
- （3）_top：在顶级窗口打开（用iframe可以验证）
- （4）_parent：在上一级窗口打开（用iframe验证）
- 程序员命名：（1）window的name；（2）iframe的name
- download（大多数浏览器兼容不了）
- rel = noopenner
2、table标签
- table只能有3个标签：，三个标签调换顺序后，在浏览器中显示的顺序依然不变；
- 相关样式：
- table-layout:auto：每列宽度自适应
- table-layout:fixed：每列宽度相同
- border-collapse：设置单元格合并
- 合并前：
- 合并后：
- border-spacing:0 ：单元格之间间距为0
3、image标签
- image标签会发送一个get请求，并展示一张图片
- 重要属性：
- alt
- width
- height
- src
- image标签是一个可替换元素
- image标签事件：
- onload
- onerror：可以通过设置404图片，代替图片加载失败的情况
- 响应式：max-width:100%和min-width:100%
- 注意：千万不能让图片变形
4、form标签
- form标签会发送get或post请求，然后刷新页面
- 属性：
- action：控制请求哪个页面，也就是跳转到某个页面
- autocomplete：通过“on”和“off”来开启和关闭，自动填充
- method：控制是用get还是post来请求
- target
<button type="submit">和<input type="submit">的区别：- target：与a标签的使用方法大致相同
- 注意：form标签内必须有一个
type="submit"的按钮才能实现提交功能 - 常用的input标签有
- text
- color
- password
- radio（需要设置同一个name才能实现单选）
- checkbox（多选，需要设置同一个name）
- file （上传文件，添加multiple属性可以实现同时上传多个文件）
- hidden
- textarea （多行文本框，可以通过
resize：none属性来取消可拖动性，并设置固定宽高） - select：下拉选择框
- input拥有的事件：onchange、onfocus、onblur（鼠标离开）
- HTML5新增验证器
5、注意
- 一般不监听input标签的click事件
- form中的input都需要有name
- form中需要有一个type="submit"的按钮才能触发submit事件
6、其他标签
- video
- audio
- canvas
- svg
