Transitional vs. Strict Markup
[ 2008-01-24 01:24:33 | 作者: 十二 ]
原文地址：http://24ways.org/advent/transitional-vs-strict-markup
作者：Roger Johansson
翻译：JunChen
推广Web Standards的人经常说XHTML比HTML更加严格，当然从某种意义上说是的，比如它要求所有的标签关闭并且所有的属性都用引号。但其实XHTML 1.0还分两种（加上Frameset DOCTYPE的话算三种，本文不讨论），Transitional（过渡型）和Strict（严格）DOCTYPEs。并且HTML 4.01也有同样的文档声明。
从字面上就可以看出来意思：Transitional DOCTYPEs只是为了实现从旧时代到新时代的过渡，而且Strict DOCTYPEs是默认的文档声明， 对构造HTML 4.01和XHTML 1.0都适用。
使用Transitional ...
阅读全文...
作者：Roger Johansson
翻译：JunChen
推广Web Standards的人经常说XHTML比HTML更加严格，当然从某种意义上说是的，比如它要求所有的标签关闭并且所有的属性都用引号。但其实XHTML 1.0还分两种（加上Frameset DOCTYPE的话算三种，本文不讨论），Transitional（过渡型）和Strict（严格）DOCTYPEs。并且HTML 4.01也有同样的文档声明。
从字面上就可以看出来意思：Transitional DOCTYPEs只是为了实现从旧时代到新时代的过渡，而且Strict DOCTYPEs是默认的文档声明， 对构造HTML 4.01和XHTML 1.0都适用。
使用Transitional ...
阅读全文...
XHTML 编码七条基本规范
[ 2008-01-24 00:39:18 | 作者: 十二 ]
一、所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如：
<br/><img height="80" alt="网页设计师" src="../images/logo_w3cn_200×80.gif" width="200" />
二、所有标签的元素和属性的名字都必须使用小写
与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属...
阅读全文...
以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如：
<br/><img height="80" alt="网页设计师" src="../images/logo_w3cn_200×80.gif" width="200" />
二、所有标签的元素和属性的名字都必须使用小写
与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属...
阅读全文...
块元素(Block Element) 一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素，常见块元素是段落标签“p”。“form”这个块元素比较特殊，它只能用来容纳其他块元素。
如果没有CSS的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了CSS以后，我们可以改变这种HTML的默认布局模式，把块元素摆放到你想要的位置上去。需要指出的是，table标签也是块元素的一种，table based layout和css based layout从一般使用者的角度来看这两种布局，除了页面载入速度的差别外，没有其他的差别。但是如果普通使用者不经意点了查看页面源代码按钮后，两者所表现出来的差异就非常大了。基于良好重构理念设计的CSS布局页面源码，至少也能让没有web开发经验的普通使用者把内容快速的读懂。从这个角度来说，css layout code应该有更好的美学体验。
...
阅读全文...
如果没有CSS的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了CSS以后，我们可以改变这种HTML的默认布局模式，把块元素摆放到你想要的位置上去。需要指出的是，table标签也是块元素的一种，table based layout和css based layout从一般使用者的角度来看这两种布局，除了页面载入速度的差别外，没有其他的差别。但是如果普通使用者不经意点了查看页面源代码按钮后，两者所表现出来的差异就非常大了。基于良好重构理念设计的CSS布局页面源码，至少也能让没有web开发经验的普通使用者把内容快速的读懂。从这个角度来说，css layout code应该有更好的美学体验。
...
阅读全文...
XHTML 结构标签
[ 2008-01-24 00:24:23 | 作者: 十二 ]
应用DIV+CSS网页布局，必须了解一些XHTML结构标签，原则上一个XHTML文档所有的标签都应该是结构标签，需要表现的地方都使用CSS来控制。...
阅读全文...
引用
· 结构
body, head, html, title
· 文本
abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var
· 链接
a
· 列表
dl, dt, dd, ol, ul, li
· 表单
form, input, label, select, option, textarea
· 表格
caption, table, td, th, tr
· 图片
body, head, html, title
· 文本
abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var
· 链接
a
· 列表
dl, dt, dd, ol, ul, li
· 表单
form, input, label, select, option, textarea
· 表格
caption, table, td, th, tr
· 图片
阅读全文...
