HTML5标签新增与删除

HTML5

DOC声明

定义和用法 –
1、必须是HTML文档的第一行
2、html:5按下tab键 / !+ctrl+e —> 生成html5的标准形式
3、不是HTML标签

新增的标签

1.结构标签
rticle – 标记定义一篇文章
header – 标记定义一个页面或者一个区域的头部
nav – 标记定义导航链接
section – 标记定义一个区域 – 用处比较大,因为网页中到处都是一个一个的区域
aside – 标记定义页面内容的侧边栏
hgroup – 标记定义一个文件中的一个区块的相关信息
figure – 标记定义一组媒体内容以及他们的标题 – 包裹视频、音频表示一种语义
figcaption – 标签定义figure元素的标题
footer – 标记定义一个页面或者一个区域的底部
dialog – 标记定义一个对话框(会话框)类似微信

2.多媒体标签
1.audio标签——标记定义一个音频内容
autoplay 自动播放
controls 控件播放
loop 无限循环
src 资源路径
2.video——标记定义一个视频
3.Canvas标签 绘制图像 JavaScript – 标记定义图片使用

标签意义:多媒体标签的出现意味着多媒体的发展以及支持 不使用插件的情况下即可随机操作多媒体,极大的提高了用户体验;

3.状态标签
1.meter标签
状态标签(实时状态显示:气压、气温)

<meter value="100" min="0" max="200" low="50" high="150" optimum="100"></meter>

high 界定为高的范围
low 低的范围
max 范围内的最大值
min 最小值
optimum 最优值
value 实际值

2.progress标签
定义运行中的进度(进程)JavaScript中耗费时间的函数的进度

<progress value="30" max="100">

两组标签代码会默认为一组标签使用,此时value是共享的

<progress value="30" max="100">
<progress value="0.5">

当progress标签中只有max,此时网页上呈现的是加载的样式
progress标签兼容性:ie10+、firefox、opera、chrome、以及safari6支持

HTML5删除标签 – 分为三类

1.纯表现的元素 – Basefont、big、center、font、s、strike、tt、u
2.对可用性产生负面影响的元素 – frame、frameset、noframes
3.产生混肴的元素 – acronym、applet、isindex、dir

重定义标签

显示不变,只是表达的含义进行重新定义的标签
1、b 粗体 代表内联标签 没有传递重要的意思
2、i 斜体 代表内联标签 没有传递重要的意思
3、dd 可以和details figure 一起使用 dialog有可以用 定义包含文本
4、dt 可以和details figure 一起使用 dialog有可以用 汇总细节
5、hr 不仅表示水平线 还可以表示主题结束
6、menu 重新定义用户界面的菜单,配合conmand或者menuitem使用
7、samll 小字体 打印注释 法律条款
8、strong 表示重要性 而不是强调符号

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值