也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一。

1. 替换和不可替换元素

从元素本身的特点来讲，可以分为替换和不可替换元素。

a) 替换元素

替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。

例如浏览器会根据标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容；又例如根据标签的type属性来决定是显示输入框，还是单选按钮等。

(X)HTML中的、、、<select>、<object>都是替换元素。这些元素往往没有实际的内容，即是一个空元素，例如：</P> <P><img src=/Article/UploadFiles/200909/2009091202520546.jpg” /><BR><input type="submit" name="Submit" value="提交" /></P> <P>浏览器会根据元素的标签类型和属性来显示这些元素。可替换元素也在其显示中生成了框。</P> <P>b) 不可替换元素</P> <P>(X)HTML 的大多数元素是不可替换元素，即其内容直接表现给用户端（例如浏览器）。例如：</P> <P><p>段落的内容</p></P> <P>段落<p>是一个不可替换元素，文字“段落的内容”全被显示。</P> <P>2. 显示元素</P> <P>除了可替换元素和不可替换元素的分类方式外，CSS 2.1中元素还有另外的分类方式：块级元素（block-level）和行内元素（inline-level，也译作“内联”元素）。</P> <P>a) 块级元素</P> <P>在视觉上被格式化为块的元素，最明显的特征就是它默认在横向充满其父元素的内容区域，而且在其左右两边没有其他元素，即块级元素默认是独占一行的。</P> <P>典型的块级元素有：<div>、<p>、<h1>到<h6>，等等。</P> <P>通过CSS设定了浮动（float属性，可向左浮动或向右浮动）以及设定显示（display）属性为“block”或“list-item”的元素都是块级元素。</P> <P>但是浮动元素比较特殊，由于浮动，其旁边可能会有其他元素的存在。而“list-item”（列表项<li>），会在其前面生成圆点符号，或者数字序号。</P> <P>b) 行内元素</P> <P>行内元素不形成新内容块，即在其左右可以有其他元素，例如、<span>、<strong>等，都是典型的行内级元素。</P> <P>display属性等于“inline”的元素都是行内元素。几乎所有的可替换元素都是行内元素，例如<img>、<input>等等。</P> <P>不过元素的类型也不是固定的，通过设定CSS 的display属性，可以使行内元素变为块级元素，也可以让块级元素变为行内元素。<BR></P> </p> <center></center></td> </tr> <tr> <td colspan="2" align='right' bgcolor="#00FFFF">文章录入：陈鹏    责任编辑：陈鹏  </td> </tr> <tr> <td width="5"></td> <td width="559"><li>上一篇文章： <a class='LinkPrevArticle' href='/Article/wangluo/wangye/200909/5077.html' title='文章标题：助你网络策划能力提升的九大思维 作    者：陈鹏 更新时间：2009-9-12 2:52:05'>助你网络策划能力提升的九大思维</a></li><br> <li>下一篇文章： <a class='LinkNextArticle' href='/Article/wangluo/wangye/200909/5079.html' title='文章标题：用户体验在网站设计的十五个方面 作    者：陈鹏 更新时间：2009-9-12 2:52:06'>用户体验在网站设计的十五个方面</a></li></td> </tr> <tr align="right" class="Article_tdbgall"> <td colspan="2" bgcolor="#00FFFF">【字体：<a href="javascript:fontZoomA();" class="top_UserLogin">小</a> <a href="javascript:fontZoomB();" class="top_UserLogin">大</a>】【<a href="/Article/Comment.asp?ArticleID=5078" target="_blank">发表评论</a>】【<a href="/User/User_Favorite.asp?Action=Add&ChannelID=1&InfoID=5078" target="_blank">加入收藏</a>】【<a href="/Article/SendMail.asp?ArticleID=5078" target="_blank">告诉好友</a>】【<a href="/Article/Print.asp?ArticleID=5078" target="_blank">打印此文</a>】【<a href="javascript:window.close();">关闭窗口</a>】 </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table198"> <tr> <td>　</td> </tr> </table> </td> </tr> <tr> <td> <img border="0" src="/Skin/njyyjy/zin_r41_c1.gif" width="593" height="20"></td> </tr> </table> </td> </tr> </table> </div> </td> </tr> </table> </div> </td> <td bgcolor="#FFFFFF" width="4"> 　</td> </tr> <tr> <td bgcolor="#FFFFFF" width="4"> 　</td> </tr> <tr> <td bgcolor="#FFFFFF" width="4" height="444"> 　</td> </tr> <tr> <td bgcolor="#FFFFFF" width="7"> <img src="/Skin/njyyjy/分隔符.gif" width="7" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="4"> <img src="/Skin/njyyjy/分隔符.gif" width="4" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="6"> <img src="/Skin/njyyjy/分隔符.gif" width="6" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="28"> <img src="/Skin/njyyjy/分隔符.gif" width="28" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="145"> <img src="/Skin/njyyjy/分隔符.gif" width="145" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="7"> <img src="/Skin/njyyjy/分隔符.gif" width="7" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="5"> <img src="/Skin/njyyjy/分隔符.gif" width="5" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="9"> <img src="/Skin/njyyjy/分隔符.gif" width="9" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="6"> <img src="/Skin/njyyjy/分隔符.gif" width="6" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="31"> <img src="/Skin/njyyjy/分隔符.gif" width="31" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="67"> <img src="/Skin/njyyjy/分隔符.gif" width="67" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="10"> <img src="/Skin/njyyjy/分隔符.gif" width="10" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="113"> <img src="/Skin/njyyjy/分隔符.gif" width="113" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="6"> <img src="/Skin/njyyjy/分隔符.gif" width="6" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="42"> <img src="/Skin/njyyjy/分隔符.gif" width="42" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="8"> <img src="/Skin/njyyjy/分隔符.gif" width="8" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="3"> <img src="/Skin/njyyjy/分隔符.gif" width="3" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="8"> <img src="/Skin/njyyjy/分隔符.gif" width="8" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="38"> <img src="/Skin/njyyjy/分隔符.gif" width="38" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="232"> <img src="/Skin/njyyjy/分隔符.gif" width="232" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="5"> <img src="/Skin/njyyjy/分隔符.gif" width="5" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="5"> <img src="/Skin/njyyjy/分隔符.gif" width="5" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="3"> <img src="/Skin/njyyjy/分隔符.gif" width="3" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="3"> <img src="/Skin/njyyjy/分隔符.gif" width="3" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="4"> <img src="/Skin/njyyjy/分隔符.gif" width="4" height="1" alt=""></td> <td bgcolor="#FFFFFF" width="4"></td> </tr> </table> </div> <div align=center> <table id=table1 height=111 cellSpacing=0 cellPadding=0 width=799 bgColor=#ffffff border=0> <tr> <td vAlign=top> <div align=center> <table id=table2 height=41 cellSpacing=0 cellPadding=0 width="100%" border=0> <tr> <td align=middle height=41> <table id=table5 height=30 cellSpacing=0 cellPadding=0 width=781 border=0> <tr> <td background=/Skin/njyyjy/zin_r88_c1.gif> <P align=center>| <A class=Bottom onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.chenpeng123.com');" href="#"><FONT color=#000000>设为首页</FONT></A> | <A class=Bottom href="javascript:window.external.addFavorite('http://www.chenpeng123.com','陈鹏个人网站');"><FONT color=#000000>加入收藏</FONT></A> | <A class=Bottom href="mailto:cp1305@163.com"><FONT color=#000000>联系站长</FONT></A> | <A class=Bottom href="/FriendSite/Index.asp" target=_blank><FONT color=#000000>友情链接</FONT></A> | <A class=Bottom href="/Copyright.asp" target=_blank><FONT color=#000000>版权申明</FONT></A> | <A class=Bottom href="/Announcelist.asp" target=_blank><FONT color=#000000>网站公告</FONT></A> | <a class='Bottom' href='/Admin/Admin_Index.asp' target='_blank'>管理登录</a> | </P></td> </tr> </table> </td> </tr> </table> </div> <div align=center> <table id=table3 height=101 cellSpacing=0 cellPadding=0 width="99%" border=0> <tr> <td width=154>　</td> <td> <P align=center>Copyright © 2007 - 2009 <a href="http://www.chenpeng123.com/"><font color="#FF0000">chenpeng123.com</font></a><font color="#FF0000"> </font>All Rights Reserved<br> 本站所有文章,软件等均来自网络收集,不代表本站观点，仅供学习和研究使用。如有侵犯您的版权，请联系我们，本站将立即删除。<br> <FONT color=#000000><A href="http://www.miibeian.gov.cn/" target=_blank> 鲁ICP备07014697号</a></FONT><br> 你是本站第<script src=http://count.knowsky.com/count1/count.asp?id=18070&sx=1&ys=41></script> 位访客<br> <script language="javascript" type="text/javascript" src="http://js.users.51.la/2042286.js"></script> <noscript><a href="http://www.51.la/?2042286" target="_blank"><img alt="我要啦免费统计" src="http://img.users.51.la/2042286.asp" style="border:none" /></a></noscript>　 <td width=164><script type="text/javascript"> var locationUrl = escape(document.location.href); document.write(unescape("%3Cscript")+" charset='utf-8' src='http://union.rising.com.cn//InfoManage/TrojanInspect.aspx?p1=Sj8sk8ZviX9KA5sRBG1m4jR3oxEEqOVthVBufA8Sw5A=&p2=RM2eC2pwQ3o=&p3=Sj8sk8ZviX9KA5sRBG1m4uHpDgvFv5O8&url="+ locationUrl + "' type='text/javascript'"+unescape("%3E%3C/script%3E"));</script></td> </tr> </table> </div></td> </tr> </table> </div> </body> <SCRIPT LANGUAGE="javascript"> <!-- Hide function killErrors() { return true; } window.onerror = killErrors; // --> </SCRIPT> </html>