您现在的位置是:首页 > 正文

HTML5新特性(基本)

2024-02-01 01:36:42阅读 1

1、HTML5改进

(1)兼容性 核心理念:保持一切新特性平滑过渡

(2)实用性和用户优先

(3)化繁为简

2、HTML新特性

(1)减少了对外部插件的需求(flash)

(2)更优秀的错误处理

(3)更多取代脚本的标记

(4)HTML5应该独立与设备

(5)用于媒介回放的video和audio元素

3、HTML5最大的改变是可以插入视频与音频

<video>标签定义视频(支持三种格式MP4 WebM Ogg)

<audio>标签定义音频(支持三种格式MP3 Wav Ogg)

<source>标签为媒体元素用来定义媒体资源(一个媒体可定义两个视频或音频文件供浏览器根据其对媒体类型的支持进行选择)

属性:

control 供添加播放 暂停和音量控件

preload 预先加载

muted 静音模式

loop 循环播放

poster 刚开始先出现一副图片

autoplay 自动播放

语法结构:

<video controls >

<source src="视频/音频地址"></source>

<source src="视频/音频地址"></source>

视频无法播放,您的浏览器版本太低。请升级

</video>

4、语义化标签

<header> 定义文档的头部区域

<nav> 标签定义导航链接的部分

<section> 定义文档中的节

<article>定义独立的内容

<aside>定义页面主区域内容之外的内容

<footer>描述文档的底部区域

5、新增块级语义化标签

dialog元素 定义对话或者特殊术语 对话中的每个句子都必须属于<dt>标签所定义的部分 脱离文档流上一层中

<dialog open>

<dt>你好吗?</dt>

<dd>我很好。</dd>

<dt>你真的好吗?</dt>

<dd>我真的很好。</dd>

<dt>.........</dt>

<dd>.......</dd>

</dialog>

6、行内元素

<mark> </mark> 标记一段话 着重表示

<meter></meter> 度量衡 必须定义度量的范围

<progress></progress>表示运行中的进程 无范围

7、新增嵌入式模块和交互式模块(块级模块 智能化选择)

<details>

<summary>HTML5<summary>  //标题

HTML5新特性    //解释内容

</details>

用户要求得到且可以得到的细节信息 与summary结合使用


<datalist> 可选数据的列表与input结合使用

<input list="列表id"/>     //定义要输入内容的列表

<datalist id="列表id">.    //确保找到的列表唯一 所以用id标识

<option>选择1</option>

<option>选择2</option>

</datalist>

8、新增input元素类型(使输入更加智能化识别 方便用户进行操作)

email 邮件号输入时会验证署人员格式是否正确

url 地址同样

number 只输入一个数 且可以规定最大值 最小值 每次递增或者递减数

color 颜色的输入选择

tel 电话号码的输入选择

date month week time datetime 等时间的新输入类型

9、对表单的自动验证

required属性 确保必填

pattern 根据所要求的规则验证用户输入是否正确

autocomplete 自动补全属性


网站文章

  • 卡顿掉帧问题分析之工具篇

    卡顿掉帧问题分析之工具篇

    从上面的分析可以看到,谷歌原生在Android系统的很多系统关键流程上都添加了相关的,以观察这些流程执行的耗时情况。但是这些信息覆盖的范围毕竟是有限的,有时候并不能满足我们的分析需求。比如我们开发者想...

    2024-02-01 01:36:29
  • java变c_C、Java代码如何变成计算机指令

    java - 字节码 - 虚拟机 - 机器码 - CPU执行C 语言代码 ―编译―》汇编代码 ―翻译―》机器码机器码是 CPU 能识别的语言,由 0、1 组成。一条条机器码就是一条条计算机指令。汇编代...

    2024-02-01 01:36:02
  • FairMOT理解与实现

    FairMOT理解与实现

    理解:(1)概述:多目标跟踪,单纯跟踪能力不足以完成任务,所以,不同于单目标跟踪,这里加入了检测任务,可以将多目标跟踪任务看成为目标检测+重识别任务。(2)论文网络结构:文中网络结构分3大部分:网络结...

    2024-02-01 01:35:53
  • 删除字符串中重复字符。

    题目:删除字符串中重复字符。如果可以,优先删除重复字符中排在比他小字符前面的字符。 比如,输入:bbcacdww;输出:bacdw 分析:如果根本不允许开设数组,则只能就地进行字符串去重,那么可以依次访问字符串中的字符,并删除从该字符串开始到结尾的所有相同字符。时间复杂度为O(n^2 )。void removeDuplicate(char s[]){ int i = 0; whil

    2024-02-01 01:35:46
  • VM下的Centos7安装ftp服务

    VM下的Centos7安装ftp服务

    Linux安装ftp组件1  安装vsftpd组件 [root@bogon~]# yum -y install vsftpd 2  配置vsftpd组件l  打开vsftpd配置文件/etc/vsftpd/vftpd.confl  配置文件的内容如下anonymous_enable=NO //设定不允许匿名访问local_enable=YES //设定本地用

    2024-02-01 01:35:39
  • matlab练习程序(广度优先搜索BFS、深度优先搜索DFS)

    matlab练习程序(广度优先搜索BFS、深度优先搜索DFS)

    如此经典的算法竟一直没有单独的实现过,真是遗憾啊。广度优先搜索在过去实现的二值图像连通区域标记和prim最小生成树算法时已经无意识的用到了,深度优先搜索倒是没用过。这次单独的将两个算法实现出来,因为算法本身和图像没什么关系,所以更纯粹些。广度优先搜索是从某一节点开始,搜索与其线连接的所有节点,按照广度方向像外扩展,直到不重复遍历所有节点。深度优先搜索是从某一节点开始,沿着其搜索到的...

    2024-02-01 01:34:59
  • win10 安装配置Git

    win10 安装配置Git

    3.继续,执行ssh-keygen-trsa,(注意ssh-keygen无空格),生成SSH(你的电脑与Gitee通信的安全连接)百度地址链接https//pan.baidu.com/s/1Y_P_e...

    2024-02-01 01:34:43
  • 机器学习概述

    简介什么是机器学习?机器学习就是从【数据】中自动分析,获得【规律(模型)】,并利用规律对未知数进行【预测】。样本数据(数据集)的载体- 通常情况下历史数据都不会存储在数据库中,而是存储在文件中(.cs...

    2024-02-01 01:34:37
  • Mysql 基于GTID的主从复制及切换

    参考http://imysql.com/tag/gtidhttp://mysqllover.com/?p=594Mysql 基于GTID的主从复制及切换一、主从复制配置两个mysql服务的my.cnf 中相关内容配置[mysqld]#从复制数据库表设置replicate-wild-ignore-table = mysql.%,information_schema.%,inno...

    2024-02-01 01:34:02
  • linux上传文件put,详解Linux ftp 命令行中下载文件get与上传文件put的操作方法

    尽管现在有许多好的FTP应用程序,但服务器命令行ftp命令的应用程序仍然很多,下面就让电脑乐园小编带你一起来学习详解Linux ftp 命令行中下载文件get与上传文件put的操作方法。介绍:从本地以...

    2024-02-01 01:33:55