html体会.doc

HTMLHTML 4.01 规定了三种文档类型：Strict、Transitiona 以及 Frameset。HTML Strict DTD如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：HTML Transitional DTDTransitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型：Frameset DTDFrameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：!DOCTYPE HTML PUBLIC -/W3C/DTD HTML 4.01 Frameset/EN /TR/html4/frameset.dtd我们现在使用的是xml1.0即下图所示Id和class的区别id属性对于XHTML并不新鲜；class属性或者div元素也一样。它们都可以回溯到HTML时代。id属性为一个元素分配一个唯一的名字。每个名字只能在被赋予的页面使用一次。（例如，假如你的页面包含id为content的div，那么另外一个div或者其他别的元素都不能使用这个名字。相反地，class属性可以被一遍有一遍地使用在页面中（例如，页面中的五个段落都可以使用名为small或者footnote的class名称）。下面的标记将有助于阐明id和class的差异：Search form components go here. Thissection of the page is unique. Todays blog post Blog content goes here. Here is another paragraph of blog content. Just as there can be many paragraphs on a page, so too there may be many entries in a blog. A blog page could use multiple instances of the class blogentry (or any other class). Yesterdays blog post In fact, here we are inside another div of class blogentry. They reproduce like rabbits. If there are ten blog posts on this page, there might be ten divs of class blogentry as well.在这个例子中，名为searchform的div被用来封装包含搜索表单的页面区域，而div class=blogentry则用来封装blog中的每个文章入口。在页面中只有一个搜索表单，所以我们选择id标注这个唯一的组件。但是blog则拥有许多的（文章）入口，所以class属性被应用于这种情况。同样地，新闻站点通常拥有多个div，这些div的class可以命名为newsitem或者别的什么。然而不是所有的站点都需要div。blog站点可以仅仅使用h1, H2, 和h2标题和段落，新闻站点也一样。我们在这里展示class为blogentry的div，并不是鼓励你在站点中塞满div，而仅仅是为了向你展示这个原则：在同一个HTML文档中，使用多次class，但只能使用一次id。粘性贴纸理论把id属性比作粘性贴纸来进行思考应该是有帮助的。我会在冰箱上拍一张贴纸来提醒自己去买牛奶，电话上面也会贴一张，提醒我给一位逾期缴纳的客户打电话。还有一个，被贴在账本夹上面，来提醒我这个月15号之前必须缴纳的账单。id同样会标注文档中的特殊区域，以便提醒你哪个区域需要特殊的处理，在这点上，id属性与粘性贴纸是相似的。为了实现所谓的特殊处理，你需要使用这个特殊的id在样式表中编写若干规则，或者在JavaScript文件中添加几行代码。比方说，你的CSS文件中有一些特定的规则，这些规则只应用于id名为searchform的div内的元素。当某一id属性作为一个有磁性的东西（磁铁）被用于一系列特定的CSS规则时，它被称为CSS选择器。有许多创建选择器的方法，不过id是很容易使用的，并且有多的用途。我的体会我是这样想的,id代表一个人的身份,自然只能有一个,而class代表一个班级(类)班级中自然有许多人,也就可以被很多次使用id的力量id属性不可思议地强有力。它具有以下的能力： 作为样式表选择器，使我们有能力创作紧凑的最小化的XHTML。 作为超文本的目标锚，取代过时的name属性。 作为从基于DOM的脚本来定位特定元素的方法。 作为对象元素的名称。 作为一种综合用途处理(general purpose processing)的工具（在W3C的例子中，“当把数据从HTML页面中提取到数据库，或将HTML文档转换为其他格式等情况下，作为域识别工具来使用。”）。 id的规则id值必须以字母或者下划线开始；不能以数字开始。虽然W3C验证不会捕获这个错误，但是XML解析器会的。同时，如果你将id与JavaScript在表单中配合使用，那么id名称和值必须是合法的JavaScript变量。空格和连字号，特别是连字号，是不被允许的。不仅如此，将下划线用于class或者id名都不是个好主意，这是由于在CSS2.0（以及某些浏览器）中的限制。HTML 标签定义和用法 标签被用来组合文档中的行内元素。HTML 与 XHTML 之间的差异NONE提示和注释：提示：请使用 来组合行内元素，以便通过样式来格式化它们。注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。例子解释如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。可以对同一个 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。提示：事实上，您也许已经注意到了，W3School 站点上有一些文本的样式与其他文本是不同的。比如“提示”使用了粗体的橘红色。尽管实现这种效果的方法非常多，