博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5
阅读量:5095 次
发布时间:2019-06-13

本文共 1242 字,大约阅读时间需要 4 分钟。

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>
...

新增表单元素

text  password  radio  checkbox  submit  button  reset  file  

search  tel  url  email  color  date  number  

 

转载于:https://www.cnblogs.com/hangege/p/9069539.html

你可能感兴趣的文章
JavaScript学习总结
查看>>
Linux常用命令
查看>>
Spring Boot2.0 整合 Kafka
查看>>
GitHub开源:升讯威ADO.NET增强组件 sheng.ADO.NET.Plus V1.3
查看>>
在你自己的时区里,一切安排都准时!
查看>>
软件测试技术- 自动贩卖机-因果图&决策图
查看>>
CSS3 Box-sizing
查看>>
并发编程:守护进程、互斥锁、案例、进程间通讯
查看>>
如何使带背景图片的Button按钮中的文字居中偏上显示
查看>>
memcache、redis、mongoDB 如何选择?
查看>>
PHP获取汉字拼音首字母
查看>>
正则表达式2
查看>>
JS同源策略和跨域访问
查看>>
正则 去除html标签
查看>>
FZU 1889 龟兔赛跑
查看>>
java基础-Comparator接口与Collections实现排序算法
查看>>
ddrmenu
查看>>
Linux Shell常用shell命令
查看>>
项目上的阶段小结(二)
查看>>
android同一个TextView设置不同颜色字体
查看>>