[转] [HTML5] HTML5开发入门--第2回 使用HTML5标记的基础知识
http://bbs.9ria.com/viewthread.php?tid=80354&extra=page%3D1%26amp%3Borderby%3Ddateline%26amp%3Bfilter%3D2592000<span style="border-collapse: collapse; color: #444444; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 19px;"><li style="line-height: normal; padding: 0px; margin: 0px;">资讯类型: 翻译<li style="line-height: normal; padding: 0px; margin: 0px;">来源页面: http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli02/01.html<li style="line-height: normal; padding: 0px; margin: 0px;">资讯原标题: HTML5“とか”アプリ開発入門 -- 第2回 HTML5でWebページをマークアップするための基礎知識<li style="line-height: normal; padding: 0px; margin: 0px;">资讯原作者: 白石俊平<li style="line-height: normal; padding: 0px; margin: 0px;">翻译词数: 3676 词<span style="line-height: normal; color: #bdbdbd; padding: 0px; margin: 0px;">我的评论:
对这篇文你有啥看法,跟贴说说吧!欢迎口水和板砖,哈哈。欢迎大家和我们一同分享更多资讯。
<div style="line-height: normal; padding: 0px; margin: 0px;" class="t_msgfontfix">本帖最后由 flashjerry 于 2011-4-15 14:35 编辑
第2回
使用HTML5标记的基础知识
http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli01/icon_s.gif 你知道吗?HTML5语法发生了变化
在连载第1回《何为HTML5》中,讲到了HTML5技术革新的意义和本连载的解说安排。
本回就来谈谈HTML5标记语言的基础知识。
HTML5中,语法发生了很大的变化。或许有人会抱着异常惊讶和不安地问“HTML普及到何种程度啊?”、“根本的语法发生了变化,会有多大影响啊?”
只是,HTML5的“语法变化”和其它编程语言所谓的语法变更意义有所不同。为何这么说呢?原因比较特殊,是因为以前的HTML,遵循规范实现的Web浏览器几乎没有。
□ 现有浏览器与规范背离
HTML原本是通过SGML(Standard Generalized Markup Language)元语言来规定语法的。但是由于SGML的语法非常复杂,文档结构解析程序的开发也不太容易,多数Web浏览器不作为SGML解析器运行。由此,HTML规范中虽然要求“应遵循SGML的语法”,但实际情况却是遵循规范的实现(Web浏览器)几乎不存在。<span style="line-height: normal; color: #009900; padding: 0px; margin: 0px;"><span style="line-height: normal; color: #000000; padding: 0px; margin: 0px;">
□ 规范向实现靠拢
如上回所述,HTML5中,提高Web浏览器间的兼容性也是重大的目标之一。要确保兼容性,必须消除规范与实现的背离。因此HTML5以近似现有的实现,重新定义了新的HTML语法,即使规范向实现靠拢。
由于文档结构解析的算法也有着详细的记载,使得Web浏览器厂商可以专注于遵循规范去进行实现工作。在新版本的FireFox和WebKit(Nightly Builder版)中,已经内置了遵循HTML5规范的解析器。IE(Internet Explorer)和Opera也为了提供兼容性更好的实现而紧锣密鼓地努力着。
http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli01/icon_s.gif 使用HTML5标记前的设置也发生了变化
那么,下面就来看看使用HTML5新语法来进行标记的方法。
□ ContentType
首先,HTML5文件的扩展名和ContentType没有发生变化。即扩展名还是“.html”或“.htm”,ContentType还是“.text/html”。
□ DOCTYPE声明
要使用HTML5标记,必须先进行如下的DOCTYPE声明。不区分大小写。Web浏览器通过判断文件开头有没有这个声明,让解析器和渲染类型切换成对应HTML5的模式。
<span style="line-height: normal; font-size: x-small; padding: 0px; margin: 0px;"><div style="margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 5px; padding-left: 10px; line-height: normal; width: 586px; background-color: #f7f7f7; background-position: 0px 0px; border: 1px solid #cccccc;" class="blockcode"><div style="line-height: normal; padding: 0px; margin: 0px;">
[*]<!DOCTYPE html>
页:
[1]