当前位置: 首页 > news >正文

HTML5 CSS3 提高

一,HTML5的新特性

这些新特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。

1.1新增语义化标签

 注意:

1°这种语义化标签主要是针对搜索引擎

2°这些新标签在页面中可以使用多次

3°在IE9中,需要把这些元素转化为块级元素

1.2新增多媒体标签

注意:

1°音频标签和视频标签使用方式基本一致

2°浏览器支持情况相同

3°谷歌浏览器把音频和视频自动播放禁止了

4°我们可以给视频标签添加muted属性来静音播放视频,音频不行(但可以通过JavaScript)

5°视频标签是重点,我们经常设置自动播放,不使用controls控件,循环和设置大小属性。

1.2.1新增视频标签(<video>)

当前<video>元素支持三种视频格式(MP4,WebM,Ogg):尽量使用MP4

(第二种了解,主要记第一种) 

1.2.2新增音频标签(<audio>)

当前<audio>元素支持三种视频格式(MP3,Wav,Ogg):尽量使用MP3

 

1.3新增input表单

1.4新增表单属性

二,CSS3的新特性

相关文章:

  • vue组件中data为什么必须是一个函数
  • 【Flink精讲】Flink状态及Checkpoint调优
  • C语言-数据结构-顺序表
  • react useContext 用法
  • HP笔记本电脑如何恢复出厂设置?这里提供几种方法
  • 桥接模式(Bridge Pattern)
  • QT GUI编程常用控件学习
  • cesium相机视角跳转和缩放至entity方法汇总
  • redis的限流器都有哪些方式
  • 【kubernetes】关于k8s集群的声明式管理资源
  • 4核8G服务器并发数多少?性能如何?
  • MySQL-七种SQL优化
  • Spring篇----第十一篇
  • Java面试——锁
  • Vue 3, TypeScript 和 Element UI Plus:前端开发的高级技巧与最佳实践
  • 收藏网友的 源程序下载网
  • [iOS]Core Data浅析一 -- 启用Core Data
  • CAP理论的例子讲解
  • Java编程基础24——递归练习
  • LeetCode541. Reverse String II -- 按步长反转字符串
  • magento 货币换算
  • Odoo domain写法及运用
  • PHP 小技巧
  • STAR法则
  • Vue2.x学习三:事件处理生命周期钩子
  • Vue--数据传输
  • 等保2.0 | 几维安全发布等保检测、等保加固专版 加速企业等保合规
  • 面试总结JavaScript篇
  • 浅谈JavaScript的面向对象和它的封装、继承、多态
  • 什么软件可以提取视频中的音频制作成手机铃声
  • 问题之ssh中Host key verification failed的解决
  • 我的面试准备过程--容器(更新中)
  • k8s使用glusterfs实现动态持久化存储
  • 阿里云服务器如何修改远程端口?
  • ​VRRP 虚拟路由冗余协议(华为)
  • #我与Java虚拟机的故事#连载01:人在JVM,身不由己
  • (13)[Xamarin.Android] 不同分辨率下的图片使用概论
  • (第61天)多租户架构(CDB/PDB)
  • (二)正点原子I.MX6ULL u-boot移植
  • (附源码)ssm教材管理系统 毕业设计 011229
  • (附源码)计算机毕业设计ssm电影分享网站
  • (黑客游戏)HackTheGame1.21 过关攻略
  • (学习日记)2024.03.25:UCOSIII第二十二节:系统启动流程详解
  • (一)Linux+Windows下安装ffmpeg
  • .NET 的静态构造函数是否线程安全?答案是肯定的!
  • .net 发送邮件
  • .net 获取url的方法
  • .NET 设计一套高性能的弱事件机制
  • .NET/C# 使用反射调用含 ref 或 out 参数的方法
  • .NET建议使用的大小写命名原则
  • .net连接MySQL的方法
  • .NET学习教程二——.net基础定义+VS常用设置
  • .Net中的设计模式——Factory Method模式
  • /run/containerd/containerd.sock connect: connection refused
  • @ModelAttribute使用详解