HTML5／CSS3相关的知识讲解-tutorial js-php.cn

HTML5／CSS3相关的知识讲解

jacklove

Lepaskan： 2018-05-21 14:53:18

asal

1254 orang telah melayarinya

在html和css学习中遇到一些常见的知识点，本篇将会对其进行详解。

HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签？

HTML5是HTML第五次重大修改，废弃了许多沉冗的标签，同时也新增了许多新的标签，使HTML更加语义化，交互功能更加丰富。
在HTML5中，拥有许多新的特性：
1、更多语义化标签，赋予网页更好的意义和结构；
2、支持本地存储。网页APP拥有更短的启动时间，更快的联网速度
3、设备兼容。外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头进行交互
4、链接更快。实现了Server-Sent Event和WebSockets，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现
5、audio和video标签的引用，可以在页面上嵌入多媒体内容
6、基于svg，canvas的三维、图形及特效特性

下面就是一些新增的标签和改变
1、关于DOCTYPE

//以前的HTML "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">//HTML5

2、关于meta

//以前HTML//HTML5

3、新的标签
canvas标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API
audio定义音频内容
video定义视频（video 或者 movie）
source定义多媒体资源

元素的标题
footer定义section或document的页脚
header定义了文档的头部区域
mark定义带有记号的文本
meter定义度量衡。仅用于已知最大和最小值的度量
nav导航
progress定义任何类型的任务的进度
ruby定义ruby注释（中文注音或字符）
rt定义字符（中文注音或字符）的解释或发音
rp在 ruby 注释中使用，定义不支持ruby元素的浏览器所显示的内容
section定义文档中的节（section、区段）
time定义日期或时间
wbr规定在文本中的何处适合添加换行符

以往我们会使用

标签了划分页面区块，现在HTML5中新增了