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权威指南》

时间: 2024-10-13 18:37:06

HTML5的核心内容的相关文章

HTML5新增核心工具——canvas

Canvas元素称得上是HTML5的核心所在,它是一个依靠JavaScript绘制华丽图像的元素. Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度,JavaScript代码可以访问该地区,通过一套完整的绘图功能类似于其他通用二维的API,从而生成动态的图形. Canvas可以在浏览器中绘制出十分华丽的图形,比如: 当然这应该算比较高级的用法了,本菜也不会=.= Canvas一个很大的作用就是制作游戏,本文通过博主之前做的一个小游戏来从零介绍Canvas的用法,先展示下吧: O

30分钟掌握ES6核心内容

ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015. 也就是说,ES6就是ES2015. 虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已经开始使用ES6了.所以就算你现在不打算使用ES6,但为了看懂别人的你也该懂点ES6的语法了... 在我们正式讲解ES6语法之前,我们得先了解下Babel. Babel Babel是一个广泛使用的ES6转码器,可以将

技术管理的核心内容 — 提高团队技能

最近与同事聊天,从软件质量保证的方法论谈论到了技术管理,那技术管理的内涵到底是什么?在此通过这篇文章做一个小小的总结和适当的外延. 技术管理给人的感觉更多是工作量评估.项目计划.项目进度跟踪等,但这只是技术管理的一部分.大体上,可以将技术管理分为两个纬度,如图1所示. 图1 纬度之一就是项目管理,其中包括项目计划.风险管理.预算管理等.对于基层技术管理者,更多涉及的内容是工作量评估.项目计划.项目进度管理等等.这一纬度的可见性很强,一项做不好就很容易让上级"紧张",因此每一项内容都有专

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

30分钟掌握ES6/ES2015核心内容 ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015. 也就是说,ES6就是ES2015. 虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已经开始使用ES6了.所以就算你现在不打算使用ES6,但为了看懂别人的你也该懂点ES6的语法了... 在我们正式讲解ES6语法之前,我们得先了解下Babel.Babel Bab

HTML5新增核心工具——本地存储

除了Canvas元素外,HMTL5另外一个新增的非常重要的功能是可以在客户端本地存储数据库的Web Storage.本文就介绍下Web Storage以及SQLLite操作. Web Storage分为两类: - sessionStorage:数据保存在session 对象中(临时) - localStorage:数据保存在本地硬件设备中(永久) sessionStorage: 保存数据的两种方法: sessionStorage.setItem('key','val'); sessionStor

struts2框架的核心内容

 Struts1和Struts2的区别和对比: Action 类: • Struts1要求Action类继承一个抽象基类.Struts1的一个普遍问题是使用抽象类编程而不是接口,而struts2的Action是接口. • Struts 2 Action类可以实现一个Action接口,也可实现其他接口,使可选和定制的服务成为可能.Struts2提供一个ActionSupport基类去 实现 常用的接口.Action接口不是必须的,任何有execute标识的POJO对象都可以用作Struts2的Ac

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

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

数理统计核心内容梳理

上研究生后,又再一次的学习了数理统计这门课程,以前参加数学建模比赛的的时候就体会到了数理统计是工科研究生必备的工具,最具实用价值的一门课程,再次学习,对其理解就多了一些,这里就对自己的体会做一个记录吧. 数理统计核心内容有两大部分:参数估计和假设检验. 参数估计本质是这样的,我们现有一个总体的一个样本观测值,并假设了该总体服从某种分布,有了分布,就有了模型,现在就是要确定模型的参数(数字特征,如均值,方差),用什么来确定呢?当然用样本值中所包含的参数信息来估计整体的参数. 参数估计有点估计.区间

牛腩之CSS核心内容

根据牛老师的讲解,CSS的核心内容大致为四个部分:标准流.盒子模型.浮动和定位. 在学习核心内容之前,先来了解两个基本概念:块级元素和行内元素. 根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的display属性默认值为"block",意思是该标签元素为块级元素,而对于span元素来讲,它的默认值为"inline",即行内元素. 所谓块级元素,就是在显示的时候自动占据