front-end HTML5新增特性

本文介绍了HTML5在前端开发中的新特性,包括改良的语义化标签,新增的视频和音频标签及其属性,以及新的input类型和属性。对于视频和音频标签,文章强调了浏览器兼容性和移动端的适用性。此外,还提到了input类型的扩展,如required、placeholder和multiple属性,这些都增强了表单交互功能。
摘要由CSDN通过智能技术生成

HTML5的新特性

所谓新特性,就是针对以前的不足,增加了一些新的标签,新的表单属性等。
但是,这些新特性都有兼容性问题,必须IE9+才能使用,但是如果不考虑兼容性问题,那么可以大量使用。

改良了<div class="header">

之前,基本上都是div+class名字来进行布局,现在改良了,新增了带有语义的标签:

<header>头部
<nav>导航
<article>文档
<section>文档中某一节
<aside>侧边栏
<footer>尾部

在这里插入图片描述
注意:

  • 这些标签主要是针对搜索引擎来制作的
  • 可以在页面中多次使用
  • 移动端更喜欢使用这些新特性

新增的视频标签

在不使用插件的情况下,可以使用<video>标签,但是支持的格式有限:
在这里插入图片描述
语法如下:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值