×

理解xhtml与html5

作者:天空2020.08.26来源:Web前端之家浏览:296评论:0
关键词:htmlhtml5
微信公众号

微信公众号

理解xhtml与html5。

html:超文本标记语言 (Hyper Text Markup Language)。【推荐:html文档

xhtml:可扩展超文本标记语言,是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。

h5:更先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生现在更新一代的超文本标记语言。可以简单点理解成:h5≈ html+CSS 3+js+API。

html特性:

标识文本。例如:定义标题文本、段落文本、列表文本、预定义文本。

建立超链接,便于页面链接的跳转。

创建列表,把信息有序组织在一起以方便浏览。

在网页中显示图像、声音、视频、动画等多媒体信息,把网页设计得更富冲击力。

可以制作表格,以便显示大量数据。

可以制作表单,允许在网页内输入文本信息,执行其他用户操作,方便信息互动。

h5的认识:

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。

减少对外部插件的需求(比如 Flash)

更优秀的错误处理

更多取代脚本的标记

HTML5 应该独立于设备

开发进程应对公众透明

h5新特性:

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

对本地离线存储的更好的支持

新的特殊内容元素,比如 article、footer、header、nav、section

新的表单控件,比如 calendar、date、time、email、url、search

文档类型声明方式:

html:

过渡型:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

严格型:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

框架型:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

xml:

过渡型:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

严格型:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

框架型:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

html5:

<!DOCTYPE html>

语义:

html:没有体现结构语义化的标签,我们通常都是这样来命名的<div id="header"></div>.这样表示网站的头部。

html5:在语义上却有很大的优势。提供了一些新的标签,比如:<header><article><footer>

提供了语义化标签可以更好地支持搜索引擎的读取便于seo的蜘蛛的爬行。

HTML5和XHTML在语法上的区别:

1、XHTML 要求正确嵌套  

2、XHTML 所有元素必须关闭  

3、XHTML 区分大小写  

4、XHTML 属性值要用双引号 ;HTML5属性值加单引号、双引号还是不加,全看程序员的喜好。

5、XHTML 用 id 属性代替 name 属性  

6、XHTML 特殊字符的处理

7、HTML5新增了canvas绘画元素

8、HTML5新增了用于绘媒介回放的video和audio元素

9、HTML5更具语义化的标签,便于浏览器识别

10、HTML5对本地离线存储有更好的支持,可通过ofline实现

11、HTML5添加了新的表单控件:calendar、date、time、email、url、search

HTML5的优势目前主要是体现在终端上,跨平台、跨分辨率、版本控制简单,它包含的很多新特性,都是针对终端设备,为的就是在以后在终端设备上有更好的体验和交互。

HTML5也有不少缺点,更典型的就是性能和体验达不到Native App的水准。

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/html202008263123.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2020 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.5 Valyria