HTML5新增的语义标签

新增语义化标签:

头部标签<header>
导航标签<nav>
内容标签<article>
定义文档某个区域<section>
侧边栏标签<aside>
尾部标签<footer>

新增的多媒体视频标签<video>,一般采用MP4格式,常见属性:

属性描述
autoplayautoplay视频就绪自动播放(谷歌需添加muted)
controlscontrols显示播放控件
looploop播放完是否继续播放该视频,循环播放
mutedmuted静音播放
posterImgurl加载等待的画面图片
width像素(px)设置播放器宽度
height像素(px)设置播放器高度

新增的多媒体音频标签<audio>,一般采用MP3格式,常见属性:

属性描述
autoplayautoplay音频就绪后马上播放
controlscontrols向用户展示播放控件
looploop循环播放该音乐
srcurl要播放音频的url

新增的input类型:

属性值说明
type="email"限制用户输入类型为Email类型
type="url"限制用户输入类型为URL类型
type="date"限制用户输入类型为日期类型
type="time"限制用户输入类型为时间类型
type="month"限制用户输入类型为月类型
type="week"限制用户输入类型为周类型
type="number"限制用户输入类型为数字类型
type="tel"限制用户输入为手机号码
type="search"搜索框
type="color"生成一个颜色选择表单

新增的表单属性:

属性说明
requiredrequired表示其内容不能为空,必填
placeholder提示文本(任意值)表单提示信息,默认存在值
autofocusautofocus页面加载完成后自动聚焦到指定表单
multiplemultiple可以多选文件提交

此外,对于框内文字的溢出,我们采取如下的代码用省略号覆盖代替:

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学前端的啊sir

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值