结构的（我的理解是：这个页面所有元素全是列表）。事实上这两种情况还相当普遍，因为曲解了“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>
新闻来源：<a href="http://www.turtgq.com/article/djhedie.html">http://www.turtgq.com/article/djhedie.html</a>
</div>
</div>
<div class="other container">
<h3>其他资讯</h3>
<ul>
<li><a href="/article/codgjsc.html">CMD连不上MySQL解决方案</a></li><li><a href="/article/codgjgs.html">为什么手机打开网有音乐</a></li><li><a href="/article/codgjei.html">益购云商啥时能恢复正常吗？（云商时代服务器）</a></li><li><a href="/article/codgjgg.html">DB2临时表定义的方法</a></li><li><a href="/article/codgjgo.html">优酷订阅取消为什么还扣费呢</a></li> </ul>
</div>
<div class="foot_line"></div>
<footer>
<div class="foot container">
<ul>
<li>
<b>基础服务</b>
<a href="https://www.scvps.cn/services/cloudhost/" target="_blank">云服务器租用</a><a href="https://www.scvps.cn/" target="_blank">云服务器</a><a href="http://www.cdymzj.com/" target="_blank">虚拟主机</a><a href="https://www.cdxwcx.com/host/hk/" target="_blank">香港网站空间</a><a href="https://www.cdxwcx.com/host/" target="_blank">虚拟主机租用</a><a href="https://www.cdcxhl.com/ssl/chengdu.html" target="_blank">ssl证书认证</a> </li>
<li>
<b>服务器托管</b>
<a href="https://www.cdcxhl.com/idc/cqstsanx.html" target="_blank">重庆水土三线托管</a><a href="https://www.cdcxhl.com/idc/ershu.html" target="_blank">二枢服务器托管</a><a href="https://www.cdxwcx.com/jifang/xiyun.html" target="_blank">成都西云机房</a><a href="https://www.cdcxhl.com/idc/gadx.html" target="_blank">贵安电信机房</a><a href="https://www.cdxwcx.com/jifang/guanghua.html" target="_blank">光华服务器托管</a><a href="http://www.cdfuwuqi.com/" target="_blank">服务器托管机房</a> </li>
<li>
<b>网络营销</b>
<a href="https://www.cdcxhl.com/yingxiao.html" target="_blank">营销型网站建设</a><a href="https://www.cdcxhl.com/hangyead/" target="_blank">一元广告投放</a><a href="https://www.cdcxhl.com/seo/chengdu.html" target="_blank">成都网站优化</a><a href="https://www.cdcxhl.com/google.html" target="_blank">Google外贸推广</a><a href="http://chengdu.cdcxhl.cn/" target="_blank">网站营销推广</a><a href="https://www.cdcxhl.com/seo.html" target="_blank">成都网站推广</a> </li>
<li>
<b>其他分站</b>
<a href="http://www.cxhlcq.com/" target="_blank">重庆网站建设</a><a href="https://www.cdcxhl.com/zuo/guanghan.html" target="_blank">广汉做网站</a><a href="https://www.cdcxhl.com/mianfei/jianshe/chengdu.html" target="_blank">免费网站建设</a><a href="https://www.cdcxhl.com/seo/nanchong.html" target="_blank">南充网站推广</a><a href="https://www.cdcxhl.com/zhizuo/leshan.html" target="_blank">乐山网站制作</a><a href="https://www.cdcxhl.com/zuo/dazhou.html" target="_blank">达州做网站</a> </li>
<li>
<b>企业服务</b>
<a href="https://www.cdcxhl.com/service/beian.html" target="_blank">网站备案</a><a href="https://www.cdcxhl.com/shoulu/" target="_blank">网站快速收录</a><a href="https://www.cdcxhl.com/service/gongsizhuce.html" target="_blank">注册公司</a><a href="https://www.cdcxhl.com/link/" target="_blank">友情链接购买</a><a href="https://www.cdcxhl.com/service/wenwangwen.html" target="_blank">网络文化经营许可证</a><a href="https://www.cdcxhl.com/link/" target="_blank">友情链接出售</a> </li>
<li>
<b>网站设计</b>
<a href="http://chengdu.cdcxhl.cn/dingzhi/" target="_blank">高端定制网站设计</a><a href="http://www.scbrznjsb.com/vision/website.html" target="_blank">网站设计</a><a href="http://www.abwzjs.com/" target="_blank">阿坝网站设计</a><a href="http://chengdu.cdxwcx.cn/wangzhan/" target="_blank">企业网站设计</a><a href="http://www.scyanting.com/" target="_blank">盐亭网站设计</a><a href="https://www.cdcxhl.com/" target="_blank">网站设计</a> </li>
<li>
<b> </b>
<p class="linkbtom_p1"><img src="../img/foot1.png" alt="">免费咨询电话</p>
<p class="linkbtom_p4">028-86922220</p>
<p class="linkbtom_p2"><img src="../img/foot2.png" alt="">631063699@qq.com</p>
<p class="linkbtom_p3"><img src="../img/foot3.png" alt="">成都市青羊区太升南路288号</p>
<a target="_blank" href="" class="help">寻求帮助</a>
</li>
</ul>
</div>
<div class="link container">
<div class="linkl fl">友情链接</div>
<div class="linkr fl">
<ul>
<li><a href="http://www.cxjianzhan.cn/" target="_blank">诚信建站</a></li>
<li><a href="http://www.kswcd.com/" target="_blank">定制网站建设</a></li>
<li><a href="http://www.cqcxhl.com/" target="_blank">重庆网站制作</a></li>
<li><a href="http://www.cdkjz.cn/" target="_blank">网站设计</a></li>
<li><a href="http://www.cxjianzhan.com/" target="_blank">网站建设公司</a></li>
<li><a href="http://www.bzwzjz.com/" target="_blank">网页设计</a></li>
<li><a href="http://chengdu.cdweb.net/" target="_blank">网站建设</a></li>
<li><a href="https://www.xwcx.net/" target="_blank">成都机柜租用</a></li>
<li><a href="http://www.kswsj.cn/" target="_blank">网站营销推广</a></li>
<li><a href="https://www.xwcx.net/" target="_blank">成都托管服务器</a></li>
<li><a href="http://www.cdfuwuqi.com/" target="_blank">成都托管服务器</a></li>
<li><a href="http://www.cdweb.net/" target="_blank">响应式网站</a></li>
<li><a href="http://www.cdxwcx.cn/" target="_blank">成都做网站</a></li>
<li><a href="http://www.cdxwcx.cn/tuoguan/" target="_blank">托管服务器</a></li>
<li><a href="http://www.idckuai.cn/" target="_blank">域名注册</a></li>
<li><a href="http://chengdu.cdxwcx.cn/" target="_blank">网站设计</a></li>
<li><a href="https://www.scvps.cn/" target="_blank">网站空间</a></li>
<li><a href="http://www.dmvi.cn/" target="_blank">广告设计</a></li>
<li><a href="https://www.cdcxhl.com/cqtuoguan.html" target="_blank">重庆服务器托管</a></li>
<li><a href="https://www.scvps.cn/" target="_blank">服务器租赁</a></li>
<li><a href="http://www.cxhljz.com/" target="_blank">成都网站建设</a></li>
<li><a href="https://www.cdcxhl.com/" target="_blank">网站建设</a></li>
<li><a href="https://www.xwcx.net/" target="_blank">vps服务器</a></li>
<li><a href="http://www.cdfuwuqi.com/" target="_blank">云服务器</a></li>
<li><a href="http://chengdu.cdcxhl.com/" target="_blank">营销网站建设</a></li>
<li><a href="http://www.cdhuace.com/" target="_blank">成都广告公司</a></li>
</ul>
</div>
</div>
<div class="footb">成都鸿航鸿康科技有限公司 | <a href="http://www.turtgq.com/" target="_blank"><strong>网站建设</strong></a><span style="color:;"> </span><span style="color:;"><strong><a href="http://www.turtgq.com/wangzhan/" target="_blank">网站设计制作</a></strong></span><span style="color:;"> <strong><a href="http://www.turtgq.com/wangzhan/" target="_blank">网站开发</a></strong><strong> </strong></span>版权所有Copyright2019-2020 | © <span></span></div>
</footer>
<div class="footm-line"></div>
<div class="footm">
<ul>
<li>
<a href="../"><img src="../img/footm1.png" alt=""><p>首页</p></a>
</li>
<li>
<a href="tel:028-86922220"><img src="../img/footm2.png" alt=""><p>电话</p></a>
</li>
<li>
<a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank"><img src="../img/footm3.png" alt=""><p>咨询</p></a>
</li>
<li>
<a href="../about/contact.html"><img src="../img/footm4.png" alt=""><p>地图</p></a>
</li>
</ul>
</div>
</body>
</html>
<script>
$(".cont 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>
