[url]http://bbs.9ria.com/viewthread.php?tid=81434&extra=page%3D1%26amp%3Borderby%3Ddateline%26amp%3Bfilter%3D2592000[/url]
资讯类型: 翻译
来源页面: http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli03/01.html
资讯原标题: HTML5“とか”アプリ開発入門 -- 第3回 HTML5の登場で、XHTMLは結局どうなったの?
资讯原作者: 白石俊平
翻译词数: 2512 词
我的评论:
对这篇文你有啥看法,跟贴说说吧!欢迎口水和板砖,哈哈。欢迎大家和我们一同分享更多资讯。
本帖最后由 flashjerry 于 2011-4-21 17:10 编辑
第3回 HTML5的出现对XHTML有何影响?
XHTML尚有用武之地!
在上一回《使用HTML5标记的基础知识》中,我们对HTML5的语法进行了讲解。
这回,我们将延续第1回《何为HTML5》的话题,作为HTML5的相关基础知识的梳理,来讲解一下HTML5与XHTML的关系。
□ 再次确认XHTML所处的位置
XHTML简而言之就是“以HTML语法描述的XML文档”。(严格来说,XHTML1.0是这样的。到了XHTML1.1和XHTML1.2,技术上的意义就有些不同了。)
大家或都知道,在HTML5出现之前,由于受到W3C的热切推动,使用XHTML标记被大为推荐。但很遗憾,在Web浏览器市场占有最大份额的Internet Explorer(IE)在版本6之前并不支持XHTML,这在根本上也阻碍了XHTML的普及。
另一方面,XHTML拥有“可以较好地处理XSLT等XML相关技术”以及“具有较为严格的语法使其与Dreamweaver等创作工具有很高的配合度”等优点。而且IE对于XHTML和Web标准的支持,自版本7、8开始逐渐改进。在版本9中也将获得更好的支持。
了解了着以上这些,再来看看XHTML所处的位置,对于Web技术者和设计师来讲也是有价值的吧。
□ 由DOM决定HTML5语法
从HTML5开始,使用了更精简的HTML语法(请看上一回中“HTML5语法中需要掌握的3个要点”章节),这或许削弱了XHTML的存在感。但事实上XHTML尚有用武之地。在HTML5规范中,XHTML语法与HTML语法受到了同等对待。并且,HTML5的语法是由DOM(Document Object Model)而非DTD来规定。
DOM不能通过人工方式读写,它是内存中的对象。人工可读的是将DOM对象序列化的HTML/XHTML。
什么是HTML5时代的XHTML(XHTML5)?
在名为“DOM5 HTML”的DOM规范中规定了元素的详细内容。“DOM5 HTML”的序列化形式分别称为“HTML5”和“XHTML5”。它们之间的关系可以用下图表示。
[img]http://dl.iteye.com/upload/attachment/469634/3ea3cfc3-d735-3d3b-abad-f1948e1b1965.jpg[/img]
图1 「DOM5 HTML」「HTML5」「XHTML5」之间的关系
那么,我们来了解一下HTML5时代的XHTML(XHTML5)的规范。虽然如此,如果是了解XHTML的人,若说“几乎没有变化”也不为过。
□ XHTML5的MIME类型
如果文档的MIME类型为“text/xml”、“application/xml”、“+xml”的4个字符结尾的子类型(如
“application/xhtml+xml”等),Web浏览器会判断其为XHTML文档。
□ XHTML5字符编码的设定
在文档开头的XML声明中进行字符编码的设定。在介绍HTML语法时,曾提到过使用<meta>元素设置字符编码(<meta charset="字符编码名称"/>),不过在XHTML中不能这样声明。
□ XHTML5的DOCTYPE
可以包含DOCTYPE,但HTML5的规范中不存在DTD。请看下例
顺便提一下,在目前W3C的验证器上,根据有无DOCTYPE的判定,会区分出(X)HTML5和XHTML 1.0。因此,使用HTML5标记XHTML时,写上DOCTYPE会比较妥帖。
□ XHTML5的命名空间
XHTML元素集属于“http://www.w3.org/1999/xhtml”命名空间。一般在根元素<html>中作为默认命名空间设置。
□ XHTML5的语法
语法上毫无疑问是遵循XML的啦。和HTML语法有所不同,属性的引用符是必须的,结束标签也不能省略。此外,对于没有内容的元素(空元素),“<元素名></元素名>”可以简写为“<元素名 />”。还有,HTML语法中可以省略的<head>和<body>元素也不能省略。
在Web上进行HTML5的语法验证
结合上述说明,我们来看下面这个XHTML的例子。
将这个文档放到W3C提供的Unicorn验证服务上进行验证。
[img]http://dl.iteye.com/upload/attachment/469636/6577f12c-394f-31be-bbab-fec46575a18f.gif[/img]
图2 Unicorn验证
选择“直接输入”标签,显示输入标记内容的文本框。复制上面内容,文本框下面的MIME类型选择“application/xhtml+xml”,按下“Check”按钮。
[img]http://dl.iteye.com/upload/attachment/469638/dfa31b47-8ed6-387b-afbe-f3891c928005.gif[/img]
图3 验证结果
验证通过(这里出现警告是因为使用了日语)。
另外,请注意验证结果里显示了“HTML5”。这是因为文档中包含了空的DOCTYPE(<!DOCTYPE html>),验证器将它解释为(X)HTML5文档的缘故。
下面我们去掉DOCTYPE来验证一下看看。
[img]http://dl.iteye.com/upload/attachment/469640/2f6d4819-683b-3a5a-a168-1beb6ff9871e.gif[/img]
图4 没有DOCTYPE的验证结果
判定结果为“XHTML 1.0 Transitional”。在这里,当然不能使用HTML5的新元素(<section>等。在以后进行说明)。一旦使用,就会报错。
XHTML的使命尚未终结
本回,讲解了HTML5中的XHTML处理。即使到了HTML5时代,XHTML的使命也尚未终结。其“可作为XML处理”的优点对于众多工具和框架来说依然是个至宝。
考虑到能与其它XML技术无缝整合,以Semantics Web(W3C提出的语意网标准技术,Web人工智能发展计划)为始,蕴藏着无限可能。
下回开始,将会介绍HTML5的新元素。
资讯类型: 翻译
来源页面: http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli03/01.html
资讯原标题: HTML5“とか”アプリ開発入門 -- 第3回 HTML5の登場で、XHTMLは結局どうなったの?
资讯原作者: 白石俊平
翻译词数: 2512 词
我的评论:
对这篇文你有啥看法,跟贴说说吧!欢迎口水和板砖,哈哈。欢迎大家和我们一同分享更多资讯。
本帖最后由 flashjerry 于 2011-4-21 17:10 编辑
第3回 HTML5的出现对XHTML有何影响?
XHTML尚有用武之地!
在上一回《使用HTML5标记的基础知识》中,我们对HTML5的语法进行了讲解。
这回,我们将延续第1回《何为HTML5》的话题,作为HTML5的相关基础知识的梳理,来讲解一下HTML5与XHTML的关系。
□ 再次确认XHTML所处的位置
XHTML简而言之就是“以HTML语法描述的XML文档”。(严格来说,XHTML1.0是这样的。到了XHTML1.1和XHTML1.2,技术上的意义就有些不同了。)
大家或都知道,在HTML5出现之前,由于受到W3C的热切推动,使用XHTML标记被大为推荐。但很遗憾,在Web浏览器市场占有最大份额的Internet Explorer(IE)在版本6之前并不支持XHTML,这在根本上也阻碍了XHTML的普及。
另一方面,XHTML拥有“可以较好地处理XSLT等XML相关技术”以及“具有较为严格的语法使其与Dreamweaver等创作工具有很高的配合度”等优点。而且IE对于XHTML和Web标准的支持,自版本7、8开始逐渐改进。在版本9中也将获得更好的支持。
了解了着以上这些,再来看看XHTML所处的位置,对于Web技术者和设计师来讲也是有价值的吧。
□ 由DOM决定HTML5语法
从HTML5开始,使用了更精简的HTML语法(请看上一回中“HTML5语法中需要掌握的3个要点”章节),这或许削弱了XHTML的存在感。但事实上XHTML尚有用武之地。在HTML5规范中,XHTML语法与HTML语法受到了同等对待。并且,HTML5的语法是由DOM(Document Object Model)而非DTD来规定。
DOM不能通过人工方式读写,它是内存中的对象。人工可读的是将DOM对象序列化的HTML/XHTML。
什么是HTML5时代的XHTML(XHTML5)?
在名为“DOM5 HTML”的DOM规范中规定了元素的详细内容。“DOM5 HTML”的序列化形式分别称为“HTML5”和“XHTML5”。它们之间的关系可以用下图表示。
[img]http://dl.iteye.com/upload/attachment/469634/3ea3cfc3-d735-3d3b-abad-f1948e1b1965.jpg[/img]
图1 「DOM5 HTML」「HTML5」「XHTML5」之间的关系
那么,我们来了解一下HTML5时代的XHTML(XHTML5)的规范。虽然如此,如果是了解XHTML的人,若说“几乎没有变化”也不为过。
□ XHTML5的MIME类型
如果文档的MIME类型为“text/xml”、“application/xml”、“+xml”的4个字符结尾的子类型(如
“application/xhtml+xml”等),Web浏览器会判断其为XHTML文档。
□ XHTML5字符编码的设定
在文档开头的XML声明中进行字符编码的设定。在介绍HTML语法时,曾提到过使用<meta>元素设置字符编码(<meta charset="字符编码名称"/>),不过在XHTML中不能这样声明。
<?xml version="1.0" encoding="UTF-8"?>
□ XHTML5的DOCTYPE
可以包含DOCTYPE,但HTML5的规范中不存在DTD。请看下例
<!DOCTYPE html>
顺便提一下,在目前W3C的验证器上,根据有无DOCTYPE的判定,会区分出(X)HTML5和XHTML 1.0。因此,使用HTML5标记XHTML时,写上DOCTYPE会比较妥帖。
□ XHTML5的命名空间
XHTML元素集属于“http://www.w3.org/1999/xhtml”命名空间。一般在根元素<html>中作为默认命名空间设置。
<html xmlns="http://www.w3.org/1999/xhtml">
□ XHTML5的语法
语法上毫无疑问是遵循XML的啦。和HTML语法有所不同,属性的引用符是必须的,结束标签也不能省略。此外,对于没有内容的元素(空元素),“<元素名></元素名>”可以简写为“<元素名 />”。还有,HTML语法中可以省略的<head>和<body>元素也不能省略。
在Web上进行HTML5的语法验证
结合上述说明,我们来看下面这个XHTML的例子。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XHTML5标记示例</title>
</head>
<body>
<p>这个HTML是遵循XHTML5语法<br/>标记的。</p>
</body>
</html>
将这个文档放到W3C提供的Unicorn验证服务上进行验证。
[img]http://dl.iteye.com/upload/attachment/469636/6577f12c-394f-31be-bbab-fec46575a18f.gif[/img]
图2 Unicorn验证
选择“直接输入”标签,显示输入标记内容的文本框。复制上面内容,文本框下面的MIME类型选择“application/xhtml+xml”,按下“Check”按钮。
[img]http://dl.iteye.com/upload/attachment/469638/dfa31b47-8ed6-387b-afbe-f3891c928005.gif[/img]
图3 验证结果
验证通过(这里出现警告是因为使用了日语)。
另外,请注意验证结果里显示了“HTML5”。这是因为文档中包含了空的DOCTYPE(<!DOCTYPE html>),验证器将它解释为(X)HTML5文档的缘故。
下面我们去掉DOCTYPE来验证一下看看。
[img]http://dl.iteye.com/upload/attachment/469640/2f6d4819-683b-3a5a-a168-1beb6ff9871e.gif[/img]
图4 没有DOCTYPE的验证结果
判定结果为“XHTML 1.0 Transitional”。在这里,当然不能使用HTML5的新元素(<section>等。在以后进行说明)。一旦使用,就会报错。
XHTML的使命尚未终结
本回,讲解了HTML5中的XHTML处理。即使到了HTML5时代,XHTML的使命也尚未终结。其“可作为XML处理”的优点对于众多工具和框架来说依然是个至宝。
考虑到能与其它XML技术无缝整合,以Semantics Web(W3C提出的语意网标准技术,Web人工智能发展计划)为始,蕴藏着无限可能。
下回开始,将会介绍HTML5的新元素。