Dreamweaver基础教程 搞定“web标准”

栏目分类：Dreamweaver教程   发布日期：2014-09-07   来源：   浏览次数：次

　　我们设计的网站的用户也从我们采用 WS 中获益，即使他们并没有熟悉到这一点!或许他们正无意识的使用那些专门针对当今流行浏览器而开发的站点。假如这些用户转用其他的浏览器，他们或许就会发现 这个在线的体验就不再令人享受了，因为那些专属的标记是不会被新浏览器所接受的。一个标准化可兼容的站点在不同的浏览器中都有很好的表现，不论是在现有 的，还是在未来的浏览器中都同样优秀。

　　此外，一个遵照可访问性建议的网站对那些发现浏览网页不如意的用户也是很有亲和力的。Web 应该给那些视觉有缺陷或其他的残疾人提供更方便的购物、阅读、搜索的条件。不应该因为用专属标记或者其他排它(指浏览器)技术的站点，使他们无法浏览。

　　使用 WS

　　我们怎么能确保正确使用WS呢?怎么做才能遵从标准呢?

　　首先，我们应该遵守规范。这意味着我们应该只使用那些规范中定义的元素与属性，避免使用某种浏览器的专有属性，例如 IE 的 marquee 标签和 Netscape 的blink 标签。同样也不要使用在早期规范中出现的元素(例如 HTML3.2)和被后来的规范所移除的元素。

　　创建一个规范的 XHTML 文档

　　在本文中，我们将使用 XHTML，所以，我们都将遵照 W3C 的 XHTML 1.0 的建议[按照 W3C 的意思，建议( Recommendation )就是规范( Specification )的意思]。XHTML 基本上就是HTML的最新版本，它设计的目的是用来代替 HTML 这个网页标记语言的。尽管它是 XML 的一种 HTML 变形，但是 XHTML 与 HTML 几乎是完全一样的，在我们后面将讨论的《 XHTML 和语义》中有细微的差别。

　　你可以通过 Dreamweaver 中的新建文档对话框生成一个 XHTML 文档(文件>新建...)。确保基本页在类别列表里是被选中的，然后从基本页的列表中选择 HTML ，就像图2.1所示，“在 Dreamweaver 中创建一个新的 XHTML 文档”。然后你可以从文档类型的下拉列表中任意选择一项。

　　图2.1:在Dreamweaver中创建一个新的 XHTML 文档

　　图2.2:在code视图中显示新的 XHTML 文档

　　点击“创建”来生成一个新的文档。点击文档窗口顶部的 code 按钮，转到“ code 视图”，就可以清楚的看到在一个简单的 XHTML 文档中都包含了哪些代码。正如图2.2所示，“在 code 视图中显示新的 XHTML 文档”

　　文档的第一行将显示下面的内容

　　这叫做文档类型声明，或者 DOCTYPE 。顾名思义，DOCTYPE 声明了你的文档究竟是什么——你正在遵从是哪一个 (X)HTML 规范。在这个例子中，我们遵照的是 XHTML 1.0 Transitional，这是 DW 8 的默认设置。 Transitional 部分将告诉我们关于 XHTML 版本的其他一些信息。XHTML1.0 拥有三种“口味”:Strict, Transitional, 和 Frameset。DW 默认使用的是 Transitional 类型，而假如你想在文档插入框架，那就是 Frameset。

　　XHTML Strict 是最严格的 XHTML 格式，这个想必你也能猜到。一个 Strict 文档类型看起来就是这个样子:

　　假如你使用的是 Strict DOCTYPE，那么你就不能在文档中使用任何声明不赞成的元素(标签)或者是属性，也不可以使用框架。声明不赞成的元素将在未来的 XHTML 版本中被移除。许多这类元素是用来控制页面的外观的，这完全可由CSS来代替。Strict 和 Transitional 最大的不同是，在使用 Strict DOCTYPE 时，你本以为可用作表现的属性和元素受到了很大的限制。