• 开发者可以放心地使用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的核心内容的更多相关文章

  1. HTML5新增核心工具——canvas

    原文:HTML5新增核心工具--canvas Canvas元素称得上是HTML5的核心所在,它是一个依靠JavaScript绘制华丽图像的元素. Canvas由一个可绘制地区HTML代码中的属性定义决 ...

  2. 取消chrome浏览器下input和textarea的默认样式;html5默认input内容清除“×”按钮去除办法

    取消chrome浏览器下input和textarea的默认样式: outline:none;/*清空chrome中input的外边框*/ html5默认input内容清除“×”按钮去除办法: inpu ...

  3. 将HTML5 Canvas的内容保存为图片借助toDataURL实现

    将HTML5 Canvas的内容保存为图片主要思想是借助Canvas自己的API - toDataURL()来实现,具体实现如下,感兴趣的朋友可以参考下哈,希望对你有所帮助 <html> ...

  4. ES6/ES2015核心内容

    ECMAScript定义了: JS语言语法 – 语法解析规则.关键字.语句.声明.运算符等. 类型 – 布尔型.数字.字符串.对象等. 原型和继承 内建对象和函数的标准库 – JSON.Math.数组 ...

  5. struts2框架的核心内容

     Struts1和Struts2的区别和对比: Action 类: • Struts1要求Action类继承一个抽象基类.Struts1的一个普遍问题是使用抽象类编程而不是接口,而struts2的Ac ...

  6. 30分钟掌握ES6/ES2015核心内容

    30分钟掌握ES6/ES2015核心内容   ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript ...

  7. 30分钟掌握ES6/ES2015核心内容(下)

    在 30分钟掌握ES6/ES2015核心内容(上)我们讲解了es6最常用的一些语法:let, const, class, extends, super, arrow functions, templa ...

  8. Python编程核心内容之一——Function(函数)

    Python版本:3.6.2  操作系统:Windows  作者:SmallWZQ 截至上篇随笔<Python数据结构之四--set(集合)>,Python基础知识也介绍好了.接下来准备干 ...

  9. Python编程核心内容 ---- Function(函数)

    Python版本:3.6.2  操作系统:Windows  作者:SmallWZQ 截至上篇随笔<Python数据结构之四——set(集合)>,Python基础知识也介绍好了.接下来准备干 ...

随机推荐

  1. 采集电脑摄像头和mic,rtp端口推送音视频工具

    介绍:这个是我在做一个rtmp播放的项目中自己写的rtp推送的工具,可选择摄像头,可选择推送rtp的端口和ip 下载地址: github:https://github.com/alexhegang/s ...

  2. .NET深入解析LINQ框架1

    1.LINQ简述 2.LINQ优雅前奏的音符 2.1.隐式类型 (由编辑器自动根据表达式推断出对象的最终类型) 2.2.对象初始化器 (简化了对象的创建及初始化的过程) 2.3.Lambda表达式 ( ...

  3. js 40 个技巧

    1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu= ...

  4. win10 无法访问XP 共享目录原因

    win10 无法访问XP 共享目录原因     *现象:  在地址栏中输入\\192.168.100.5 (XP文件服务器),出现:.....找不到网络路径, 此连接尚未还原.             ...

  5. [APIO2012]派遣 可并堆(左偏树)

    没啥说的,自底向上合并大根堆即可. 一边合并,一边贪心弹堆顶直到堆的总和不大于预算. Code: #include <cstdio> #include <algorithm> ...

  6. linux下mysqldump简单命令导出数据库和表

    进入mysql的bin目录执行: 导出单个表: mysqldump -uroot -ppassword --database dbname --tables users > /home/root ...

  7. [codevs1048]石子归并&[codevs2102][洛谷P1880]石子归并加强版

    codevs1048: 题目大意:有n堆石子排成一列,每次可合并相邻两堆,代价为两堆的重量之和,求把他们合并成一堆的最小代价. 解题思路:经典区间dp.设$f[i][j]$表示合并i~j的石子需要的最 ...

  8. py_One

    1.Python 标识符 在 Python 里,标识符由字母.数字.下划线组成. 在 Python 中,所有标识符可以包括英文.数字以及下划线(_),但不能以数字开头. Python 中的标识符是区分 ...

  9. 紫书 习题 11-10 UVa 12264 (二分答案+最大流)

    书上写的是UVa 12011, 实际上是 12264 参考了https://blog.csdn.net/xl2015190026/article/details/51902823 这道题就是求出一种最 ...

  10. 洛谷P2870 [USACO07DEC]最佳牛线,黄金Best Cow Line, Gold

    思路大概和其他的题解一样: 从当前字符串最前面,最后面选一个字典序较小的然后拉到一个新的字符串序列中,如果相同就一直往中间扫描直到发现不同为止(一个字符如果被选中之后那么就不可以再次选择了),所以我们 ...