简单地整理HTML5的基本特性和语法
HTML5是HTML标准的下一个重要版本,它是用来代替HTML和XHTML XHTML 4.01,1,1.1.html5也是建立在万维网上展示内容的标准。
HTML5是一个万维网联盟(W3C)产品之间的协作和Web超文本技术工作小组(WHATWG)。
这个新标准增加了视频播放和拖放特性。这一切都依赖于第三方浏览器插件在过去,如Adobe Flash、微软的Silverlight和眉目传情的齿轮。
浏览器支持
苹果Safari浏览器的最新版本,Mozilla的Firefox和Opera支持的HTML5,IE9还支持一些HTML5的功能。
移动浏览器预装在iPhone,iPad和Android手机都支持HTML5的好。
新的特点
HTML5引入了一些新的元素和属性来帮助我们构建一个现代化的Web站点:
新的语义元素:例如。
表单2:改进了HTML表单,并向标签引入了一些新属性。
持久本地存储:为了不通过第三方插件实现。
WebSocket:为下一代Web应用程序的双向通信技术。
服务器推送事件:HTML5将事件从Web服务器引入Web浏览器,也称为服务器推送事件(SSE)。
画布:用Javascript支持以编程方式支持二维绘图。
音频和视频:在一个网页上嵌入音频或视频,而不需要第三方插件。
地理位置:用户可以选择与我们的网页分享他们的地理位置。
微数据:允许我们创建自定义词汇外,HTML5和延长使用自定义语义的Web页。
拖放:将同一页上的项拖放到另一个位置。
向后兼容性
HTML5的设计目的是尽可能向后兼容现有的浏览器,新功能基于现有的特性,并允许我们为旧浏览器提供备用内容。
有人建议使用少量的Javascript代码来检测单个HTML5特性的支持。
HTML5的语法
HTML5有自己的HTML语法和HTML 4和xhtml1文件已经发布在互联网上的兼容,但它并不分享HTML 4的更复杂的SGML特性。
HTML5不需要XHTML中的小写标签名,属性必须有引号,属性必须有一个值,以及所有空元素必须关闭的语法规则。
但HTML5更灵活,支持以下形式:
标签的名称是大的。
属性的双引号是可选的。
属性值是可选的。
关闭的空元素是可选的。
DOCTYPE
在HTML中的旧版本,内容很长,因为HTML语言是基于SGML和需要引用DTD。
HTML5的作者可以使用简单的语法来指定以下形式的DOCTYPE:
xml代码将内容复制到剪贴板。
上面的语法不能区分案例和案例。
字符编码
HTML5的作者可以使用简单的语法来指定字符编码,如下所示:
xml代码将内容复制到剪贴板。
上面的语法不能区分案例和案例。
标签
通常的做法是在脚本元素中添加一个具有文本的值的type属性,如下所示:
xml代码将内容复制到剪贴板。
除了HTML5所需的附加信息外,我们还可以使用如下所示的简单语法:
xml代码将内容复制到剪贴板。
标签
到目前为止,我们已经写了这个:
xml代码将内容复制到剪贴板。
除了HTML5所需的附加信息外,我们还可以使用如下所示的简单语法:
xml代码将内容复制到剪贴板。
HTML5元素
HTML5元素使用开始标记和结束标记标签。
开始标记和结束标签之间的区别是后者包含在标签名称前面的斜杠。
下面是HTML5元素的一个示例:
xml代码将内容复制到剪贴板。
…
HTML5签名不区分大小写,可以全部大写或混合,尽管最常见的惯例是始终使用小写字母。
大多数元素包含一些内容,如…但是,有些元素不包含任何内容,它们被称为空白元素。
HTML5文档
为了获得更好的结构,引入了以下标签:
段:这个标签是一个常见的文件或应用部分。它可以用h1-h6表示文档结构。
文章:这个标签代表一个文档内容的独立块,如博客条目或报纸文章。
旁白:此标记表示与页面其余部分略有关联的一些内容。
头:这个标签表示一个部分的头部。
页脚:此标记表示一节中可以包含诸如作者、版权等信息的脚注。
导航:此标记表示用于导航文档的部分。
对话框:这个标签可以用来标记会话。
图:这个标签可以用来关联标题和一些嵌入的内容,如图表和视频。
HTML5文档的标记如下所示:
xml代码将内容复制到剪贴板。
…
…
…
…
…
…