结构的（我的理解是：这个页面所有元素全是列表）。事实上这两种情况还相当普遍，因为曲解了“DIV+CSS”的真实含义，也许根本就不应该有这个说法，因为一个完整页面几乎不可能仅仅DIV+CSS就能完成；这个名词的本义可能是“以DIV进行分割的HTML + CSS呈现”，我相信如果说“HTML+CSS”更加靠谱，但这样说又不能体现“流布局”的“普及程度”...真是伤透脑筋。HTML标签有50多种，详见http://www.w3.org/TR/html5/spec.html#contents第4章节，我们常用的HTML标签（除了表单标签）主要有以下一些：
div,ul,ol,li,dl,dt,dd,p,span,h1-h6,label,em,strong,img,a,u,b,i,s...
我觉得有必要说出它们的定义，之后给它们分分组，w3c的分组比我这科学，但没我这好懂：
div：division(分开, 分割, 区分,分配, 分界线),标签可以把文档分割为独立的、不同的部分。作为块级元素的代表，因为没有固定的格式表现，目前滥用情况最严重。
ul:Unordered List（无序列表）与li元素组合成团体。
ol:ordered list （有序列表）与li元素组合成团体。
li:list item（列表的项目）"必须"在父级ul或ol容器之内，这个必须是我自己加的。w3c只是这样说：
Contexts in which this element can be used:
Inside ol elements.
Inside ul elements.
Inside menu elements.
我在其前面加了个must，以表示此问题的严峻性^^
dl:definition list（定义列表）与dt（definition term定义的项目）及dd（definition description定义的描述）组合成一个团体。
p:paragraph（段落）用于存放文章的一段。
span：Span（范围）标签是被用来组合文档中的小节内容。作为内联元素，也因其没有固定的格式表现，目前滥用也比较多。
h1-h6：Head（标题1到标题6），请注意这里的Head表示其含义，不同于
标签，也不要认为与有任何关系。这里仅仅是突出文档内容的标题。</p><p>注意，搜索引擎如果发现页面中存在h标签，会认为其中的内容比较重要，重要程度从1到6逐渐降低。</p><p>label:Label（针对表单控件的标签），它的名字就叫标签，只不过在这里，w3c给的定义是，用作表单的描述，例如我们喜欢在input标签前或后加上它。</p><p>em:Emphasized（加重，强调），为强调其包含的文本。默认样式是斜体。其展示效果与<i>标签相似，但搜索引擎不认为它们是相同的，因为搜索引擎往往尊重w3c给出的定义，而忽略你的展示效果。</p><p>strong:Strong（加强加重，重点强调），为重点强调其包含的文本。默认样式是粗体。其强调效果比em还要强一点。虽然<b>标签也能起到加粗的展示效果，但搜索引擎同样不认为它们是相同的，理由同上。</p><p>img:Image（图片，图像）；</p><p>a:Anchor（锚）创造超级链接中的基本的链。</p><p>u：UnderLine（文本下划线），即将淘汰。</p><p>s/strike：Strikethrough（删除线），在文字上拦腰划一条线。</p><p>按显示样式分：</p><p>块级元素或块状元素，（默认样式为block）的标签有：</p><p>div,ul,ol,li,p,dl,dt,dd，h1-h6...</p><p>它们在默认情况下，会独占一行。除非你用样式改变它们。</p><p>内联元素，（默认样式为inline，不过我觉得称之为“行内元素”更易于理解）的标签有：</p><p>span,label,em,strong,img,a,u,b,i,s...</p><p>它们在默认情况下，会老老实实和其它元素并存于一行，当给它们加上一些特定的样式，例如：display:block，它们也会霸道地占用一行。但这里要提前说明的是，并非所有display:block就一定占一行，如果有宽度，又有float作推手把它们往前面赶，这样它们也会乖乖和其它元素挤在一行里。</p> <br>
当前题目：WEBUI设计之HTML标签以本来意义 <br>
分享URL：<a href="http://www.cdysf.com/article/djhedie.html">http://www.cdysf.com/article/djhedie.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/copghii.html">虚拟服务器：您需要知道的一切</a>
</li><li>
<a href="/article/copghdh.html">FacebookVelox运行机制全面解析</a>
</li><li>
<a href="/article/copghec.html">云服务器租用的优点有哪些？</a>
</li><li>
<a href="/article/copghjs.html">阿里云服务器购买教程，如何购买阿里云服务器？(手机怎么购买阿里云服务器)</a>
</li><li>
<a href="/article/copghjo.html">硬盘掉电后显示未初始化能不能修复？windows硬盘未初始化</a>
</li> </ul>
</div>
</div>
</div>
<footer>
<div class="footop">
<div class="wrap">
<div class="bottomrpw">
<div class="erp arp">
<dl>
<dt>ADDRESS</dt>
<dd class="address"> <i class="icon"></i> <span class="word">成都市青羊区锦天国际1号楼1002室</span> </dd>
</dl>
</div>
<div class="erp arp">
<dl>
<dt>TEL</dt>
<dd class="phonum"> <i class="icon"></i> <span class="word en"> <a href="tel:18980820575">18980820575</a> </span> </dd>
</dl>
</div>
<div class="erp crp">
<dl>
<dt>OTHER</dt>
<dd> <a class="word get-quote">获得报价与方案</a> </dd>
<dd> <a href="#" target="_blank" rel='nofollow' class="word" title="付款方式">付款方式</a> </dd>
</dl>
</div>
<div class="erp code-rp">
<dl>
<dt>Wechat</dt>
<dd class="code-wrap"> <span class="code"> <img src="/Public/Home/images/qr-code.jpg" alt="创帆新辰微信公众号" /> </span> </dd>
</dl>
</div>
</div>
</div>
</div>
<div class="footerbot">
<div class="friendlinks">
<div class="wrap">
<ul class="rpl">
<li><a href="http://www.kmwor.com/" title="装饰五金配件销售" target="_blank">装饰五金配件销售</a></li><li><a href="http://www.meishanfdj.com/" title="眉山发电机维修保养" target="_blank">眉山发电机维修保养</a></li><li><a href="http://www.aikpq.com/" title="成都网站内容维护" target="_blank">成都网站内容维护</a></li><li><a href="http://seo.cdcxhl.cn/" title="成都网站推广" target="_blank">成都网站推广</a></li><li><a href="http://www.lqfdjxw.com/" title="成都发电机维修" target="_blank">成都发电机维修</a></li><li><a href="http://www.ybcyfdj.com/" title="宜宾柴油发电机" target="_blank">宜宾柴油发电机</a></li><li><a href="http://www.zhxishu.com/" title="成都高清写真喷绘" target="_blank">成都高清写真喷绘</a></li><li><a href="http://www.cdxwcx.cn/tuoguan/jianyang.html" title="简阳电信机房" target="_blank">简阳电信机房</a></li><li><a href="https://www.cdcxhl.com/tuoguan/dianxin/" title="绵阳服务器托管" target="_blank">绵阳服务器托管</a></li><li><a href="http://www.ghjinhua.cn/" title="广汉锦华橡塑" target="_blank">广汉锦华橡塑</a></li> </ul>
</div>
</div>
<div class="wrap">
<div class="copyright"> <span class="en">©2007-2025</span> 青羊区创帆新辰信息咨询服务部（个体工商户） <span class="en">ALL RIGHTS
RESERVED.</span> <a rel="nofollow" href="http://www.miitbeian.gov.cn" target="_blank">蜀ICP备2025128472号</a> </div>
</div>
</div>
</footer>
<div class="fcwrap">
<ul class="rpl clearfix">
<li class="phone"> <a rel="nofollow" target="_blank" href="tel:18980820575"> <i class="icon"></i>
<strong>18980820575</strong> </a> </li>
<li class="qq"> <a rel="nofollow" target="_blank"
href="https://wpa.qq.com/msgrd?v=1&uin=244261566&site=qq&menu=yes"> <i class="icon"></i>
<strong>244261566</strong> </a> </li>
<li class="back-top"> <a href="javascript:void(0)" rel="nofollow" class="back-to-top"> <i class="icon"></i>
<strong>回到顶部</strong> </a> </li>
</ul>
</div>
<!--nav-->
<div class="n-Wrap">
<div class="navBar visble show">
<div class="barlogo">
<a href="/" rel="nofollow">
<img src="/Public/Home/images/logo1.png" alt="成都做网站" />
<img src="/Public/Home/images/logo2.png" alt="成都网站设计" />
</a>
</div>
<div class="bmenu">
<i class="bar-top"><span></span></i>
<i class="bar-cen"><span></span></i>
<i class="bar-bom"><span></span></i>
<i class="bar-left"><span></span></i>
<i class="bar-right"><span></span></i>
</div>
</div>
<section class="fixmenu">
<div class="close-bar">
<i class="bar-left"><span></span></i>
<i class="bar-right"><span></span></i>
</div>
<nav class="smph">
<ul>
<li class="index-hrefs on"><a href="http://www.cdysf.com/"><font>首页</font></a></li>
<li><a href="/about/" rel="nofollow"><font>关于我们</font></a></li>
<li><a href="/service/" rel="nofollow"><font>网站建设</font></a></li>
<li><a href="/case/" rel="nofollow"><font>网站案例</font></a></li>
<li><a href="/solve/" rel="nofollow"><font>网站方案</font></a></li>
<li><a href="/news/" rel="nofollow"><font>建站知识</font></a></li>
<li><a href="/contact/" rel="nofollow"><font>联系创帆新辰</font></a></li>
</ul>
<div class="pwrap">
<span class="label">建站热线</font>
<strong class="phone"><a href="tel:18980820575">18980820575</a></strong>
</div>
</nav>
</section>
</div>
<!--end nav-->
<script src="/Public/Home/js/hotcss.js"></script>
<script type="text/javascript" src="/Public/Home/js/su_new.js"></script>
</body>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>
