html5 新增标签和属性

标题

由于经常会用到一些新的标签和属性,但是由于属性和标签太多,有时容易忘记,所以在此记录一下,以便以后拿出来回忆学习

新增标签

结构标签

  1. nav:导航条部分信息;
  2. header:某个区块的头部信息/标题;
  3. footer:底部信息;
  4. section:独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节、页眉、页脚或页眉的其他部分;
  5. article:特殊独立区块,表示这篇页眉中的核心内容;
  6. aside:标签内容之外与标签内容相关的辅助信息;
  7. figure:独立的单元,例如某个有图片与内容的新闻块;

表单标签

  1. email:必须输入邮件;
  2. url:必须输入url地址;
  3. number:必须输入数值;
  4. range:必须输入一定范围内的数值;
  5. Date Pickers:日期选择器;
    媒体标签
    (1)video:视频
    (2)audio:音频
    (3)embed:嵌入内容(包括各种媒体),Midi、Wav、AU、MP3、Flash、AIFF等。

其他标签
(1)mark:标注(像荧光笔做笔记)
(2)progress:进度条;
(3)time:数据标签,给搜索引擎使用;发布日期更新日期
(4)ruby和rt:对某一个字进行注释;注释内容浏览器不支持时如何显示
(5)wbr:软换行,页面宽度到需要换行时换行;
(6)canvas:使用JS代码做内容进行图像绘制;
(7)command:按钮;
(8)deteils :展开菜单;
(9)dateilst:文本域下拉提示;
(10)keygen:加密;

新增常用属性

defer属性:
script标签属性,表示脚本加载完毕后,只有当页面也加载完毕才执行(推迟执行)

async属性:
*script标签属性,脚本加载完毕后马上执行(运行过程中浏览器会解析下面的内容),即使页面还没有加载完毕(异步执行)
*
ref属性:
a的属性,定义超链接是否是外部链接

start属性:
ol标签的属性,定义序号的起始值

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值