HTML5学习笔记

关于html5的学习

HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。

新的元素

内容类型 描述
内嵌 向文档中添加其他类型的内容,例:audio、video、canvas和iframe
标题 段落标题,例:h1、h2、group等
交互 与用户交互的内容,例:音频和视频控件、button和textarea
元数据 通常出现在页面的head中,设置页面其他部分的表现和行为,例:script、style和title等
短语 文本和文本标记元素,例:mark、kbd、sub和sup等
片段 用于定义文档中片段的元素,例:article、aside和title等

上述所有类型的元素都可以通过CSS来设定样式。


语义化标记

元素名 描述
header 标记头部区域的内容(用于整个页面和页面中的一块区域)
footer 标记脚部区域的内容(用于整个页面或页面中的一块区域)
ectio Web页面中的一块区域
article 独立的文章内容
aside 相关内容或引文
av 导航类辅助内容

书中的例子的样式用了CSS3的一些新特性,比如圆角(border-radius)和旋转变换(transform:rotate();)。CSS3同HTML5一样也正在开发过程中,并且为了便于浏览器逐步支持,也采用了模块化的方式发布子规范,例如变换(transformation)、动画(animation)和过渡(transition)分别对应不同的子规范。为避免命名空间冲突,有些功能需要加上浏览器厂商前缀。要显示圆角、渐变(gradients)、阴影(shadows)和变形(transformations)的话,需要在生命的部分加上前缀:-moz-(Mozilla浏览器)、o-(Opera浏览器)和-webkit-(Safari和Chrome等基于WebKit核心的浏览器)。


window.JSON

JSON变成了HTML5应用内部数据交换的实施标准。典型的JSON API包含两个函数,parse()和stringify()。在旧的浏览器中使用JSON,需要javascript库,但效率不高。新的浏览器原生支持JSON。


JavaScript引擎

大多数浏览器都更新的javascript引擎,使之比以前快很多倍。