首页 > 文章 > web前端 > html5是第五次修改吗

html5是第五次修改吗

青灯夜游原创: 2022-01-18 10:34:171408浏览

html5是第五次修改。HTML5是对HTML标准的第五次修订，其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入；HTML5的语法是向后兼容的。

html5是第五次修改吗

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

HTML5

HTML5 是对 HTML 标准的第五次修订。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。现在国内普遍说的 H5 是包括了 CSS3，JavaScript 的说法（严格意义上说，这么叫并不合适，但是已经这么叫开了，就将错就错了）。

HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。

HTML5的设计目的是为了在移动设备上支持多媒体。

HTML5 中的一些有趣的新特性：

用于绘画的 canvas 元素。
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持。
新的特殊内容元素，比如 article、footer、header、nav、section。
新的表单控件，比如 calendar、date、time、email、url、search。

HTML5 的改进

新元素
新属性
完全支持 CSS3
Video 和 Audio
2D/3D 制图
本地存储
本地 SQL 数据
Web 应用

新增元素和属性

1、语义标签

　　语义化标签使得页面的内容结构化，见名知义

标签	描述
23bfccf8e44978cba95106989e8290e9ab946e7546ab66a280dd9c9f9310ecd5	定义了文档的头部区域
c37f8231a37e88427e62669260f0074d84122da5b51c58ef54d7045814144010	定义了文档的尾部区域
c787b9a589a3ece771e842a6176cf8e944f9630a3d507ae7532760da37622b0f	定义文档的导航
2f8332c8dcfd5c7dec030a070bf652c34d7ab0de9a42de71c682b0860bad1410	定义文档中的节（section、区段）
23c3de37f2f9ebcb477c4a90aac6fffd7618f95bdc39e398f223d37049478af1	定义页面独立的内容区域
15221ee8cba27fc1d7a26c47a001eb9bb68cffaf0006380b7e39ea0c3d532826	定义页面的侧边栏内容
beb511a96a5aab3e931614dde36c9a0474bab71bc346026b84f2313feafdfe04	用于描述文档或文档某个部分的细节
631fb227578dfffda61e1fa4d04b7d25039f3e95db2a684c7b74365531eb6044	标签包含 details 元素的标题
a38fd2622755924ad24c0fc5f0b4d412e949bf554aab987df819ed6441bc3609	定义对话框，比如提示框

2、增强型表单

　　HTML5 拥有多个新的表单 Input 输入类型。这些新特性提供了更好的输入控制和验证。

输入类型	描述
color	主要用于选取颜色
date	从一个日期选择器选择一个日期
datetime	选择一个日期（UTC 时间）
datetime-local	选择一个日期和时间 (无时区)
email	包含 e-mail 地址的输入域
month	选择一个月份
number	数值的输入域
range	一定范围内数字值的输入域
search	用于搜索域
tel	定义输入电话号码字段
time	选择一个时间
url	URL 地址的输入域
week	选择周和年

　　HTML5 也新增以下表单元素

表单元素	描述
fc86e7b705049fc9d4fccc89a2e80ee3	元素规定输入域的选项列表使用 d5fd7aea971a85678ba271703566ebfd 元素的 list 属性与 fc86e7b705049fc9d4fccc89a2e80ee3 元素的 id 绑定
aa983b9eb8086376f1f6481364a02e5a	提供一种验证用户的可靠方法标签规定用于表单的密钥对生成器字段。
be6d67dae90cc1ad6469079e163d0939	用于不同类型的输出比如计算或脚本输出

HTML5 新增的表单属性

placehoder 属性，简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示，在用户输入后消失。
required 属性，是一个 boolean 属性。要求填写的输入域不能为空
pattern 属性，描述了一个正则表达式用于验证d5fd7aea971a85678ba271703566ebfd 元素的值。
min 和 max 属性，设置元素最小值与最大值。
step 属性，为输入域规定合法的数字间隔。
height 和 width 属性，用于 image 类型的 d5fd7aea971a85678ba271703566ebfd 标签的图像高度和宽度。
autofocus 属性，是一个 boolean 属性。规定在页面加载时，域自动地获得焦点。
multiple 属性，是一个 boolean 属性。规定d5fd7aea971a85678ba271703566ebfd 元素中可选择多个值。

HTML5 多媒体

使用 HTML5 你可以简单的在网页中播放视频(video)与音频 (audio) 。

HTML5 提供了播放音频文件的标准，即使用 b97864c2e0ef2353a16c4d64c7734e92 元素

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

　control 属性供添加播放、暂停和音量控件。

　在b97864c2e0ef2353a16c4d64c7734e92 与 81d2bc32cafa2076a27f10cdd878d0ab 之间你需要插入浏览器不支持的b97864c2e0ef2353a16c4d64c7734e92元素的提示文本。

　b97864c2e0ef2353a16c4d64c7734e92 元素允许使用多个 e02da388656c3265154666b7c71a8ddc 元素. e02da388656c3265154666b7c71a8ddc 元素可以链接不同的音频文件，浏览器将使用第一个支持的音频文件

　目前, b97864c2e0ef2353a16c4d64c7734e92元素支持三种音频格式文件: MP3, Wav, 和 Ogg

HTML5 规定了一种通过 video 元素来包含视频的标准方法。

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>

control 提供了播放、暂停和音量控件来控制视频。也可以使用dom操作来控制视频的播放暂停，如 play() 和 pause() 方法。

同时 video 元素也提供了 width 和 height 属性控制视频的尺寸.如果设置的高度和宽度，所需的视频空间会在页面加载时保留。如果没有设置这些属性，浏览器不知道大小的视频，浏览器就不能再加载时保留特定的空间，页面就会根据原始视频的大小而改变。

与标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。

video 元素支持多个source 元素. 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式（ MP4, WebM, 和 Ogg）

html5是第五次修改吗

HTML5 的改进

相关文章