8.html5新特性--新标签,新表单,新表单属性

本文介绍了HTML5中的语义化标签如<header>, <nav>, <article>等,强调了它们在SEO和移动端的适用性,并详细讲解了<video>和<audio>标签的属性。此外,还探讨了HTML5新增的input类型,如email, url, date等,以及表单的新属性,如required, placeholder等,提供了更好的用户体验和数据验证。
摘要由CSDN通过智能技术生成

1.HTML5语义化标签

header 头部标签 ,

nav 导航标签 ,

article 内容标签 ,

section 定义文档某个区域(包含在article中) 可以看做大号的div 可以替代div

aside 侧边栏标签 ,

footer 尾部标签

注意:1.  ie9中需要把这些元素 display:block;转化为块级元素

2. 语义化标签主要针对 搜索引擎的

3. 移动端更适合这些标签,不用担心兼容性

视频标签 video  

controls  播放控件

src 播放地址

autoplay 自动播放 (谷歌浏览器禁用自动播放,添加muted属性即可)

muted 静音

poster  加载等待图片

loop  循环播放 

perload:auto;预加载 /none 不加载 (设置了autoplay就忽略该属性)

width / height 设置宽高

音频标签 audio

controls  播放控件

src 播放地址

autoplay 自动播放 (谷歌浏览器禁用自动播放)

loop  循环播放 

muted 静音

2.HTML5新增的input类型

email , url , date , time , month , week , number , tel , search , color 

3.HTML5新增的表单属性

required='required' 必填项

placeholder 提示文本  input::placeholder {设置样式/ 修改里面文字颜色}

autofocus=‘autofocus’ 自动聚焦属性,页面加载完成自动聚焦到指定表单

autocomplete   off/on   浏览器基于之前键入过的值,显示出在字段中填写的选项

            默认打开autocomplete=“on”   关闭autocomplete=“off”  条件:需要放在表单内,同时加上name属性,同时提交成功(也就是说提交过的内容,才会出现)

multiple=“multiple”  可以多选文件提交 (input:file) 可以通过ctrl 加选文件

2022/1/7  希望能得到大家的支持,点个赞

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值