前端工程师必知必会-xhtml跟html文档.docVIP

上海腾一研发部内部技术文档 文档标题 FILENAME \* MERGEFORMAT 前端工程师必知必会.doc 分类标签 资料来源 网络 URL 修订历史 2010 HYPERLINK /u217442-42FA-9EA1-B4641A663DA8.html /u217442-42FA-9EA1-B4641A663DA8.html 前端工程师对这些东西要“想都不用想”就知道么 HTML与XHTML ? 二者有什么区别，你觉得应该使用哪一个并说出理由。 ? ? 这篇文章主要阐述 HTML 和 XHTML 的区别。简单来说，XHTML 可以认为是 XML 版本的 HTML，为符合 XML 要求，XHTML 语法上要求更严谨些。 详见： HYPERLINK /TR/xhtml1/ /TR/xhtml1/ 以下是 XHTML 相对 HTML 的几大区别： XHTML 要求正确嵌套XHTML 所有元素必须关闭XHTML 区分大小写XHTML 属性值要用双引号XHTML 用 id 属性代替 name 属性XHTML 特殊字符的处理XHTML 要求强制开头DTD,参见ps1 以下是正确的嵌套： ? Html代码? p布啦布啦strong独树一帜/strong。/p?? ? 以下是错误的嵌套： ? Html代码? p布啦布啦strong独树一帜/p?/strong。?? ? XHTML 所有元素必须关闭?在 HTML 中，比如 p，li 这些标记，你可以不写 /p，/li，但是在 XHTML 里，必须要求写关闭标记 (Closing Tag)。比如： ? Html代码? p布啦布啦很认真。?? ? 应该写成: ? Html代码? p布啦布啦很认真。/p?? ? 处理空元素?有些空元素，在 XHTML 里的写法是在之前加空格和斜杠。比如br，应该写成br /。以下是空元素的例子： Html代码? br?/?? hr?/?? img?src?=?/images/adpics/1/b027.jpg?alt?=?blabla?/?? link?rel=stylesheet?href=/styles/blabla.css?type=text/css?/?? meta?http-equiv=content-type?content=text/html;?charset=UTF-8?/?? ? XHTML 区分大小写?HTML 不区分大小写，但是 XHTML 是区分大小写的。XHTML 的所有标记和属性都要小写。比如： Html代码? IMG?SRC?=?/images/adpics/1/b027.jpg?Alt?=?blabla?/?? ? 应该写成： Html代码? img?src?=?/images/adpics/1/b027.jpg?alt?=?blabla?/?? ? XHTML 属性值要用双引号?HTML 并不强制要求属性值加双引号。比如你可以写: Html代码? table?cellspacing?=?0?? input?checked?? ? 但在 XHTML 里，应该写成： Html代码? table?cellspacing?=?0?? input?checked?=?checked?/?? ? XHTML 用 id 属性代替 name 属性?HTML 很多元素，比如 a，applet，frame，iframe，img 和 map，有 name 属性。在 XHTML 里是要废除的，而用 id 属性取而代之。比如： Html代码? img?src=blabla.gif?name=blabla?logo?/?? ? 应该写成： Html代码? img?src=blabla.gif?id=blabla?logo?/?? ? XHTML 特殊字符的处理? 应该在 XHTML 里应该写成 amp;。比如：You Me应该写成：You amp; Me还有如果内嵌 Javas-cript 代码，在 XHTML 里则应该写成： Html代码? scrip-t?type=text/javas-cript//![CDATA[? ...? //]]/sc-ript?? ? 给所有属性赋一个值?XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如： Html代码? td?nowrap?input?type=”checkbox”?name=”shirt”?value=”medium”?checked?? ? 必须修改为： Html代码? td?nowrap=”nowrap”?input?