HTML 新特性(二)

这篇博客介绍了HTML5的一些核心新特性,包括新增的语义化标签如<header>、<nav>、<article>等,用于提升网页结构的可读性和搜索引擎优化。此外,还详细讲解了<video>和<audio>标签的使用,以及它们的兼容性写法,使得在网页中内嵌视频和音频变得简单。同时,提到了新的input类型和表单属性,增强了表单功能和用户体验。

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

HTML5的新特性

新增语义化标签(主要是针对搜索引擎的)

 <header>:头部标签

 <nav>:导航标签

 <article>:内容标签

 <section>:定义文档某个区域(大号的div)

 <aside>:侧边栏标签

 <footer>:尾部标签

新增视频标签

<video src="文件地址" controls="controls"></video>

//兼容性写法

<video cont ro1s="controls" width="300">

<source src= "move. ogg" type= "video/ogg" >

<source src="move.mp4" type="video/mp4" >

您的浏览器暂不支持<video>标签播放视频

</ video >

   video常见属性

新增音频标签

<audio src="文件地址" controls="controls"></audio>

//兼容性写法

<audio cont ro1s="controls" width="300">

<source src= "happy. ogg" type= "audio/ogg" >

<source src="happy.mp3" type="audio/mp3" >

您的浏览器暂不支持<audio>标签播放视频

</ audio >

  audio常见属性

新增input类型

新增表单属性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值