h5的学习总结

本文介绍了HTML5中关键标签的应用场景和特性,包括main、article、section等语义化标签,以及header、nav、audio等功能性标签。此外还探讨了表单相关标签如label、fieldset、input的使用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

main标签用于呈现网页的主体内容,每页只能有一个。

 article是另一个语义化特性的h5标签。是一个分段标签,用于呈现独立及完整的内容。
section用于对主题相关内容进行分组。如果一本书是article,那么每个章节就是section。
(如果一本书是article,那么每个章节就是section)
header用于展示介绍性内容,比如logo,搜索框,作者名称等等。
nav呈现页面中的主导航链接。用于将一些热门的链接放入footer页脚。

audio音频标签,支持controls属性,src链接音频。
label标签为input元素定义标注。for属性应与相关元素的id属性相同,当点击<label>标签的文本时,
浏览器就会自动将焦点转移到对应的表单元素上。

fieldset标签将单选按钮组包含在里面就可以实现这个目的,使用legend标签为单选按钮提供说明。

表单input标签的type属性date,用于创建时间选择器。就是可以选择时间,会出个日历。
accesskey标签,使用快捷键可以快速链接到指定标签。win系统是art+设置的值,mac系统是control
+option+设置的值。
tabindex为使用tap键导航的顺序,当大于等于1时,越小越先。=0时,可使此元素获得tap焦点,可使css伪类:focus在标签上生效。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值