a 标签的用法
基本属性
- href
- https: //xxxx.com
- http: //xxxx.com
- baidu.com
- a/b/c
- xxx.html
- #ID
- mailto: xxx@xxx.com
- tel:123567890
- javascript:code;
- target
- _black 新的一页打开链接
- _self 默认,当前页面打开链接
- parent 用父页面来打开
- top 在当前页面上最顶层的页面打开
- download 下载网页,很少浏览器支持
- rel=noopener 有待学习
作用
- 跳转到新的页面
- 跳转到当前页面的某个锚点
- 发邮箱或者打电话(手机页面常用,例如在线简历等)
- 配合js不刷新页面,什么也不做,空的伪协议
img 标签的用法
- 展示图片
- 基本属性
- alt 图片无法加载时的说明
- height 设置高度
- width 设置宽度
- src 图片的存放位置
- 响应式 max-width:100%
- 图片需要保存比例,底线是不能变形
table的标签的用法
代码示例:
<table>
<thead>
<tr>
<th>abc</th>
</tr>
</thead>
<tbody>
<tr>
<td>abc</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>abc</td>
</tr>
</tfoot>
</table>
- tbody是必须的,每个标签应该正确使用,浏览器不报错因为有纠错的功能。
- table-layout
- auto
- fixed
- table-collapse: collapse;
- table-spcing:0;
form 需要注意的地方
- HTML5 自带验证器:例如required
- 必须有 type=submit属性的标签