码迷,mamicode.com
首页 > Web开发 > 详细

HTML5

时间:2018-05-21 22:56:14      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:section   元素   通过   api   S3   mys   canvas   header   区域   

HTML5
1 概述
HTML5 约等于html变化+css升级(css3)+js api的变化

HTML5是目前html最新的版本,2014年10月29日标准规范制定完成

2 在哪些地方有增强
* 语义:能够让你更恰当地描述你的内容是什么。
之前的 p ul ol ...
html5新增了很多语义的标签 提纲标签、表单标签
* 连通性:能够让你和服务器之间通过创新的新技术方法进行通信
web socket 让浏览器和服务器之间保持持久联通
http 聊天室 定时器
* 离线 & 存储:能够让网页在客户端本地存储数据以及更高效地离线运行。
以前 MySql 持久化数据
现在 h5提供了用js操作小型迷你数据库 叫做sessionstorage localstorage

* 多媒体:使 video 和 audio 成为了在所有 Web 中的一等公民。

* 2D/3D 绘图 & 效果
Canvas WebGL svg

* 性能 & 集成:提供了非常显著的性能优化和更有效的计算机硬件使用。
web worker

增加api 拖放api
* 设备访问 Device Access:能够处理各种输入和输出设备。

* 样式设计: 让作者们来创作更加复杂的主题吧!
css3

3 html5语义化增强

基本骨架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>

新的规范
放宽标准,但是我们要保持君子的"风骨"

html5新增的提纲标签
h1~h6
<div class="logo"></div>
<div class="nav"></div>

html5中把常用的div提炼成标签
<section></section> 具备主题的区域
<article></article>
<nav></nav>
<header></header>
<footer></footer>
<aside></aside>
<hgroup></hgroup>

关于新增语义化标签说明:
* 语义上比div都大,所以他们都能包裹div,但是div不能包裹它们,这些语义化标签都属于块级元素,没有任何默认样式,用法其实同div
* 兼容 IE9开始兼容 IE8不能用标签,手机web可以放心使用,手机没有IE浏览器

新的语义元素
<figure>
<figcaption></figcaption>
</figure>
...

新增表单元素

HTML5

标签:section   元素   通过   api   S3   mys   canvas   header   区域   

原文地址:https://www.cnblogs.com/hangege/p/9069539.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!