html5有哪些特性,简述html5的新特性
HTML5 概述HTML5是HTML标准的下一个重要版本,用于替代HTML 4.01、XHTML 1.0和XHTML 1.1。HTML5也是在万维网上构建和呈现内容的标准。
HTML5是万维网联盟(W3C)和网络超文本技术工作组(WHATWG)合作的产物。
这一新标准增加了视频播放和拖放等功能,这些功能过去依赖于第三方浏览器插件,如Adobe Flash、微软Silverlight和谷歌Gears。
浏览器支持最新版本的苹果Safari、Mozilla FireFox和Opera支持大部分HTML5特性,IE9也支持部分HTML5特性。
iPhones、iPads、Android手机预装的手机浏览器都对HTML5有很好的支持。
010-5900HTML5引入了许多新元素和属性,帮助我们构建一个现代化的网站。以下是HTML5引入的主要功能:
新的语义元素:如页眉、页脚和节。
表单2.0:改进了HTML Web表单,并为输入标签引入了一些新的属性。
持久化本地存储:为了不通过第三方插件实现。
Web socket:Web应用程序的下一代双向通信技术。
服务器推送事件:HTML5将事件从Web服务器引入Web浏览器,也称为服务器推送事件(SSE)。
Canvas:以编程方式支持用JavaScript进行二维绘制。
以及音频和视频:在网页中嵌入音频或视频,无需借助第三方插件。
位置:用户可以选择与我们的网页分享他们的地理位置。
微数据:允许我们创建除HTML5之外的自定义词汇表,以及使用自定义语义扩展网页。
拖放:将同一网页上的条目从一个位置拖放到另一个位置。
010-5900HTML5旨在尽可能向后兼容现有的浏览器。新功能基于现有功能,允许我们为旧浏览器提供替代内容。
建议使用少量JavaScript代码来检查对单个HTML5特性的支持。
新特性
HTML5有自己的HTML语法,与已经在互联网上发布的HTML 4和XHTML1文档兼容,但不具备HTML 4更复杂的SGML特性。
HTML5在XHTML中不要求小写的标签名,属性要用引号括起来,属性必须有值,所有空元素都要封闭。
但是HTML5更灵活,支持以下形式:
标签名称大写。
属性的双引号是可选的。
属性值是可选的。
结束元素是可选的。
文档类型
在旧版本的HTML中,DOCTYPE很长,因为HTML语言是基于SGML的,需要引用一个DTD。
5 HTML5作者可以使用简单的语法来指定以下形式的DOCTYPE:
XML/HTML代码将内容复制到剪贴板!以上语法不区分大小写。
向后兼容HTML5作者可以使用简单的语法指定字符编码,如下所示:
XML/HTML代码将内容复制到剪贴板元字符集=UTF-8-8 以上语法不区分大小写。
HTML5 语法常见的做法是向脚本元素添加值为“text/javascript”的类型属性,如下所示:
XML/HTML代码将内容复制到剪贴板script type= text/JavaScript src= script file . js /script HTML 5删除了所需的额外信息,我们可以使用如下所示的简单语法:
XML/HTML代码将内容复制到剪贴板scriptsrc= script file . js /script字符编码到目前为止,我们已经编写了这样的链接:
XML/HTML代码将内容复制到剪贴板linkrel= style sheet type= text/CSS href= style file . CSS HTML 5删除了所需的额外信息,我们可以使用如下所示的简单语法:
XML/HTML代码将内容复制到剪贴板linkrel= style sheet href= style file . CSS script 标签HTML 5元素用开始标记和结束标记进行标记。使用标记尖括号之间的标记名进行限定。
开始标记和结束标记的区别在于,后面的标记名称前面包含一个斜杠。
以下是HTML5元素的示例:
XML/HTML代码将内容复制到剪贴板p./pHTML5标记名不区分大小写,可以全部大写或混合,尽管最常见的约定是始终使用小写。
大多数元素都包含一些内容,比如p./p包含一个段落。但是,有些元素不能包含任何内容,它们被称为空白元素。比如br,hr,link和meta等。
link 标签为了得到更好的结构,引入以下标签:
章节:此标签代表一般文档或应用程序章节。它可以与h1-h6一起使用来表示文档结构。
Article:这个标签代表一个独立的文档内容块,比如博客条目或报纸文章。
旁白:这个标签代表了一个内容块,它与页面的其余部分略有关系。
Header:这个标签表示一个部分的标题。
Footer:这个标签表示一个部分的脚注,可以包含作者、版权等信息。
Nav:此标签指示用于导航文档的部分。
对话框:这个标签可以用来标记对话。
图:这个标签可以用来将标题与一些嵌入的内容关联起来,比如图表和视频。
HTML5文档的标记如下所示:
XML/HTML代码将内容复制到剪贴板!DOCTYPEhtml html头元字符集=utf-8 标题./title /head正文标题./标题导航./导航文章部分./部分/文章放在一边./旁注页脚./页脚/正文
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。