使用XHTML1.0 Strict中需要特别注意的地方_经验交流

永远使用小写字母,让引号伴随者属性: 所有元素和属性的名字都必须使用小写,所有属性值必须使用双引号。 

错误: <A HREF="index.html" CLASS=internal> 
正确: <a href="index.html" class="internal"> 

关闭所有的元素:在HTML中一些元素没有必要被关闭。当下一个元素开始的时候,上一个元素就自动被关闭。XHTML中是不允许这样的。所有元素都必须被关闭,即使其中没有内容(如 <img>) 

错误: <li>Item 1 
正确: <li>Item 1</li>  

错误: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
正确: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>  

错误: <br> 
正确: <br />  

错误: <img src="image.jpg" alt=""> 
正确: <img src="image.jpg" alt="" />  

属性不能被缩减: 在HTML里,一些属性可以被缩减。而XHTML则不允许这样做。 

错误: <input type="checkbox" id="checkbox1" name="checkbox1" checked> 
正确: <input type="checkbox" id="checkbox1" name="checkbox1" checked="checked" /> 

不要使用被排斥的元素: 一些元素和属性在HTML 4.01 Transitional和XHTML 1.0 Transitional是被允许的,而在XHTML 1.0 Strict下则不被支持(还有in HTML 4.01 Strict)。比如<font>、<center>、 alink、align、width、 height (对于某些元素)和 background。 

不允许span元素缺少以下其中一个开始标签"p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del"  

表单(表单元素必须存在容器内): 
<form>  错误
<input /> 
</form> 

<form> 正确
<div>
<input /> 
</div>
</form>  

时间: 2024-09-10 16:40:16

使用XHTML1.0 Strict中需要特别注意的地方_经验交流的相关文章

使用XHTML 1.0 Strict中需要特别注意的地方

永远使用小写字母,让引号伴随者属性: 所有元素和属性的名字都必须使用小写,所有属性值必须使用双引号. 错误: <A HREF="index.HTML" CLASS=internal> 正确: <a href="index.HTML" class="internal"> 关闭所有的元素: 在HTML中一些元素没有必要被关闭.当下一个元素开始的时候,上一个元素就自动被关闭.XHTML中是不允许这样的.所有元素都必须被关闭,即使

HTML下在IE浏览器中的专有条件注释讲解_经验交流

在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题.其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox.Opera等.需要对这些浏览器进行兼容. 同时,单就IE而言,因IE版本的升级更替,目前浏览者使用的主要停留在 IE5(IE5.5).IE6和IE7这三个版本中.而这3个版本对于我们制作的WEB标准网页(XHTML+CSS)解释执行的显示状况不尽相同.并且,其他非IE浏览器与IE对某些CSS解释也不一样

DIV和CSS排版中制作细线条的方法小结_经验交流

今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效,特意查了一下相关文章. 最终有了解决方案,参考下面文章: 如果要制作一条高度小于12PX(大约)的线条,在IE中会显示出高于实际高度的,看下面. 复制代码 代码如下: <style>  .line{  background: #CCCCCC;  height: 6px;  }</style>  <div class="line"></div>  可看出实际高度大于6P

CSS学习笔记Padding 属性中参数的定义与使用_经验交流

一直都对CSS中Padding 属性中参数个数的定义颇为困惑,例如: body { padding: 32px;} body { padding: 32px 24px; } body { padding: 32px 24px 18px; } body { padding: 32px 24px 18px 12px; } 今天baidu查看了CSS的标准文档,其中是这样规定的: 如果只提供一个,将用于全部的四条边: 如果提供两个,第一个用于上-下,第二个用于左-右: 如果提供三个,第一个用于上,第二

网页编辑中CSS样式表技巧总结_经验交流

一.关于注释 在创建xhtml+CSS网站时,CSS中的注释非常重要.在创建CSS样式时,应当保持随手注释的习惯.一般的,我习惯于使用"/* 注释内容 */"的格式来写注释,因为在EditPlus等具有高亮功能的编辑器里,使用C语言中常用的"/***************/"之类的注释是无意义的,没有必要填充大量无意义内容作为分隔.带有注释的文档作为网站的原始CSS文档,在发布网站的时候,可以使用CSS压缩工具压缩CSS,在输出的CSS中去掉注释以提高文件传输效率

网页中Span和Div的区别_经验交流

它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS中级指南的类和id选择符.  span和div的不同之处在于span是内联的,用在一小块的内联HTML中,而div(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码.    This is crazy 在实践中,div,特别是span不应该滥用,尽管有其他相左的意见.比如,你要强调单词"crazy"和加粗类"pa

div+css中Class与ID的区别_经验交流

一个Class是用来根据用户定义的标准对一个或多个元素进行定义的.打个比较恰当的比方就是剧本:一个Class可以定义剧本中每个人物的故事线,你可以通过CSS,Javascript等来使用这个类.因此你可以在一个页面上使用class="Frodo" ,class="Gandalf",class="Aragorn"来区分不同的故事线.还有一点非常重要的是你可以在一个文档中使用任意次数的Class.    至于ID,通常用于定义页面上一个仅出现一次的标

CSS中几种常见的注释_经验交流

1.选择器(child selector) 如果你想在IE中隐藏一个CSS定义,可以使用子选择器. css部分: html>body p { /* declarations */ } 2."通配符"(*) 这种写法只有IE浏览器可以理解(对其他浏览器都隐藏) css部分: * html p { /* declarations */ } 3."反斜线"(\) 如果你希望IE/Win有效而IE/Mac隐藏,可以使用"反斜线"技巧. css部分:

ie中多id的调用方法_经验交流

ie中直接用该id做变量名,可得到一个数组,数组元素为具有该id的对象 在ie7和firefox中用getElementById会取得第一个具有该id的对象 建议不要对多个元素使用相同id,以免招致混乱 11111111 x222xxxxxxxxxx 333 4 555555 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]