标签：HTML

XHTML与HTML的区别

2009-08-27 15:00:001731 点击
0 评论

这的确是个比较老的话题了，但我还真没很好地总结过，以下是yemoo整理的XHTML与HTML之间的7个区别，源自《精通HTML》一书。

  1. 在XHTML中，<html>、<head>、<body>都是必需的标签。
  2. 必须设置<html>标签的xmlns属性，且其值为“http://www.w3.org/1999/xhtml”。
  3. 所有元素都必须结束。任何起始标签要么有一个对应的结束标签（如果它是一个容器的话），要么是一个自结束元素“空格加斜线”。
  4. 所有标签都必须是小写。
  5. 任何属性值要么用单引号引起来，要么用双引号引起来。如class=page就是不合法的，而class='page'和class="page"均是合法的。
  6. 所有属性必须有值。有些属性，比如<option>标签的selected属性，在HTML中可以使用简写形式，即<option selected>数据</option>，然后在XHTML中，必须这样编写：<option selected="selected">数据</option>。
  7. “&”符号必须编码。也就是说，应该将其写成“&amp;”而不是仅仅写成“&”。不管是“&”在正文中还是在URL中，这一点始终都成立。

业界软文 XHTML，HTML，区别

图片在DIV中垂直、水平居中

2008-08-12 10:33:331703 点击
0 评论

将div的line-height设置与div高度一样，配合text-align:center，可实现在IE中内容垂直水平居中显示。示例如下：

CSS：

  1. <style type="text/css">  
  2. .ccdiv {    
  3.   float: left;    
  4.   text-align: center;    
  5.   width: 200px;    
  6.   height: 200px;    
  7.   margin: 5px;    
  8.   border: #ccc 1px solid;    
  9.   line-height: 200px;    
  10.   }  
  11. .ccdiv img {    
  12.   border:#666 1px dotted;  
  13.   }   
  14. </style> 

阅读全文…

技术新知 DIV，CSS，HTML，水平居中，垂直居中

DIV+CSS 水平垂直居中显示

2008-08-11 20:08:118474 点击
1 评论

DIV水平居中显示：

定义div宽度后，设置{margin-left: auto; margin-right: auto;} 即可实现div水平居中，代码示例：

CSS：

  1. <style>  
  2. .cdiv {  
  3. width:200px;  
  4. margin-left:auto;  
  5. margin-right:auto;  
  6. }  
  7. </style> 

 HTML：

  1. <div class="cdiv">fufuok.com</div> 

阅读全文…

技术新知 HTML，DIV，CSS，水平居中，垂直居中