HTML5的核心内容
开发者可以放心地使用html5的理由
兼容性。HTML5在老版本的浏览器可以正常运行,同时支持HTML5的新浏览器也能正常运行HTML4,用HTML4创建出来的网站不是必须全部重建的。
实用性。HTML5能够解决实际问题,HTML5内部只封装了切实有用的功能,不封装复杂而没有实际意义的功能
非革命性的发展。HTML5内部功能不是革命性的,只是发展性的。因为兼容性,所以是非革命的,不会推翻前面的标准。因为实用性,它具有发展意义的。
html5想解决的问题
Web浏览器之间的兼容性很低。HTML5详细分析各Web浏览器所具有的功能,然后以此为基础,要求这些浏览器所有内部功能都要符合一个通用标准。
文档结构不明确。增加很多结构元素,使文档结构更加明确,也更加语义化。
web应用程序的功能受到了限制。提供用于各类web应用(典型的包括多媒体播放)的新API,使富Web应用的实现成为可能。
HTML5新增的结构元素
section,article,aside,header,hgroup,footer,nav,figure。
新增的其他元素
video,audio,embed,mark,progress,time,ruby,rt,rp,wbr,canvas,command(表示命令按钮),details,datalist,datagrid,keygen,output,source,menu。
新增的input元素的类型
email,url,number,range,以及多个date pickers,包括date,month,week,time,datetime,datetime-local
废除的元素
可以用CSS代替的元素
不再使用frame框架,frame,frameset,noframes。
只有部分浏览器支持的元素,applet,bgsound等
其它,rb元素被ruby代替等
全局属性
contentEditable,designMode,hidden,spellcheck,tabindex
主体结构元素
article
独立的、完整的、可独立被外部引用的内容
比如,一篇博客文章,一个论坛帖子,一个用户评论,一个独立插件
section
对页面上的内容进行分块,或或者说对文章进行分段,section元素的内容可以单存入到数据库中或者导出到word文档中。
使用禁忌
不要把section元素用作设置样式的页面容器,那是div元素的工作
不要为没有标题的内容区块使用section
如果article、aside、nav元素更符合使用条件,不要用section
nav
导航链接组
常用场合
传统导航条
侧边栏导航
页内导航
翻页操作
与menu的区别
menu是用在一系列发出命令的菜单上,主要是在Web应用中用
aside
附属信息
time与微格式
微格式,是一种利用html的class属性来对页面添加附加信息的方法,附加信息例如时间、电话、邮箱等。
在html5之前,使用微格式的过程中,发现时间的机器编码有一些问题,所以HTML5增加了time元素来解决这个问题。
pubdate属性,可以应用到time元素中,表示整个网页或者文章的发布日期。
非主体结构元素
header
通常是整个页面或者内容区块的标题,具有引导和导航作用。
footer
页面或内容分区的脚注
hgroup
将标题及其子标题进行分组的元素
address
用来在文档中呈现联系信息。
参考文献:《HTML5与CSS3权威指南》
HTML5的核心内容的更多相关文章
- HTML5新增核心工具——canvas
原文:HTML5新增核心工具--canvas Canvas元素称得上是HTML5的核心所在,它是一个依靠JavaScript绘制华丽图像的元素. Canvas由一个可绘制地区HTML代码中的属性定义决 ...
- 取消chrome浏览器下input和textarea的默认样式;html5默认input内容清除“×”按钮去除办法
取消chrome浏览器下input和textarea的默认样式: outline:none;/*清空chrome中input的外边框*/ html5默认input内容清除“×”按钮去除办法: inpu ...
- 将HTML5 Canvas的内容保存为图片借助toDataURL实现
将HTML5 Canvas的内容保存为图片主要思想是借助Canvas自己的API - toDataURL()来实现,具体实现如下,感兴趣的朋友可以参考下哈,希望对你有所帮助 <html> ...
- ES6/ES2015核心内容
ECMAScript定义了: JS语言语法 – 语法解析规则.关键字.语句.声明.运算符等. 类型 – 布尔型.数字.字符串.对象等. 原型和继承 内建对象和函数的标准库 – JSON.Math.数组 ...
- struts2框架的核心内容
Struts1和Struts2的区别和对比: Action 类: • Struts1要求Action类继承一个抽象基类.Struts1的一个普遍问题是使用抽象类编程而不是接口,而struts2的Ac ...
- 30分钟掌握ES6/ES2015核心内容
30分钟掌握ES6/ES2015核心内容 ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript ...
- 30分钟掌握ES6/ES2015核心内容(下)
在 30分钟掌握ES6/ES2015核心内容(上)我们讲解了es6最常用的一些语法:let, const, class, extends, super, arrow functions, templa ...
- Python编程核心内容之一——Function(函数)
Python版本:3.6.2 操作系统:Windows 作者:SmallWZQ 截至上篇随笔<Python数据结构之四--set(集合)>,Python基础知识也介绍好了.接下来准备干 ...
- Python编程核心内容 ---- Function(函数)
Python版本:3.6.2 操作系统:Windows 作者:SmallWZQ 截至上篇随笔<Python数据结构之四——set(集合)>,Python基础知识也介绍好了.接下来准备干 ...
随机推荐
- nyoj--983--首尾相连数组的最大子数组和(动态规划)
首尾相连数组的最大子数组和 时间限制:1000 ms | 内存限制:65535 KB 难度:4 描述 给定一个由N个整数元素组成的数组arr,数组中有正数也有负数,这个数组不是一般的数组,其首尾是 ...
- Another app is currently holding the yum lock; waiting for it to exit…
yum被锁定无法使用,错误信息截图如下:解决方法:rm -rf /var/run/yum.pid 来强行解除锁定,然后你的yum就可以运行了
- Android ScrollView 滚动到顶部
有时候使用ScrollView,里边控件比较多的时候,打开界面,会滑到底部,如果要设置滑动到顶部,一般有两种方法 1.使用fullScrol(),scrollView.fullScroll(Scrol ...
- PIC18F26K20
Clock Four Crystal modes, Two External clock modes, Two RC Oscillator, Internal oscillator, PLL
- SpringCloud学习笔记(18)----Spring Cloud Netflix之服务网关Zuul原理
1. Zuul的工作机制 Zuul提供了一个框架,可以对过滤器进行动态的加载,编译,运行.过滤器之间没有直接的相互通信,他们是通过一个RequestContext的静态类来进行数据传递的.Requet ...
- PyQuery使用
PyQuery库是一个非常强大的网页解析库,如果你有前端开发经验的,都应该接触过jQuery,那么PyQuery就是你非常绝佳的选择,PyQuery 是 Python 仿照 jQuery 的严格实现. ...
- ES6学习笔记(二十一)编程风格
本章探讨如何将 ES6 的新语法,运用到编码实践之中,与传统的 JavaScript 语法结合在一起,写出合理的.易于阅读和维护的代码. 1.块级作用域 (1)let 取代 var ES6 提出了两个 ...
- BZOJ 4033[HAOI2015] 树上染色(树形DP)
4033: [HAOI2015]树上染色 Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 3188 Solved: 1366[Submit][Stat ...
- [洛谷P3939]数颜色
题目大意:有n个物品,每个物品有一个颜色.现在有两种操作:1.查询l-r内有多少颜色为c的物品并输出.2.将第x个物品和第x+1个交换.现在让你实现这些操作. 解题思路:首先一共有300000种颜色, ...
- YUM安装MONGODB发生Error in PREIN scriptlet in rpm package mongodb-enterprise-server-4.0.2-1.el6.x86_64错误
YUM安装MONGODB发生Error in PREIN scriptlet in rpm package mongodb-enterprise-server-4.0.2-1.el6.x86_64错误 ...