HTML常用标签

199 阅读1分钟

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属性的标签