DIV教程之table建站,XHTML建站和DIV建站的分歧
一个样式规则由一个选择器后跟一个声明块组成，声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。网页制造poluoluo文章简介：利用Table，DIV，XHTML三者制造网页的区分.
比来有客户问到“table建站、DIV建站和XHTML建站的区分”，实在这也是国际网站建立慢慢走向成熟的标记。网站建立，复杂的来讲，就是“这团体长的怎样”和“这团体心坎怎样”。一部分是表面所展现出来的“视觉效果”、另外一部分是躲在内里的“代码元素”。
我们先来举一个复杂的例子，用这3种分歧的代码作风，完成统一个页面效果：
1.起首是用table来写，必要8行代码：
<table>
<tr>
<th>网站题目</th>
</tr>
<tr>
<td>网站内容</td>
</tr>
</table>
2.然落后步到用DIV，2行就能够了，可是由于存在两个DIV，为了区分，必要给分歧的ID：
<divid=“title“>网站题目</div>
<divid=“content“>网站内容</div>
3.用XHTML来写：
<h1>网站题目</h1>
<div>网站内容</div>
优弱点：
用更加简便的XHTML代码作风，不单单是为了提拔页面开启速率。究竟如今收集带宽愈来愈年夜，翻开10K的网页代码和翻开5K的网页代码区分其实不分明。而接纳XHTML建站的弱点也很分明，假如是一个一样范围的网站，用TABLE做，1小时就能够了，用DIV要2小时，用切合语义的XHTML则必要3小时，固然这只是一个预估，依据页面的分歧和手艺职员的纯熟度，工夫下面会有必定的收支。
那我们何须多花工夫来做网站？
跟选妻子一样，我们不该该只垂青这团体表面是不是仙颜，而更主要的是体贴她“外部设置”怎样，否则娶回家，三天两端跑病院，没事就跟你吵一架，心境一定不会太愉悦。
一样的，做网站，不克不及只看计划作风怎样怎样。更最要的是中心代码怎样、质量怎样。我们做出来的网站不是摆在家里本人浏览的，更主要的是往推行这个网站，给本人的企业带来收集影响力。让用户搜刮某个关头词能找到你的网站，而不是找到他人的网站。
那如何让搜刮引擎找到本人的网站？
最复杂的办法是写搜刮引擎能够看懂的代码，也就是呆板言语。
搜刮引擎其实不晓得页面展示出来的效果是甚么模样的，它究竟是呆板，最少如今不会和人一样，坐在显现器前边，很分明的看到表面，很分明的晓得主次之分。它只能经由过程呆板言语——也就是你写下的代码来懂得你的网站、收录你的网站。
当你用切合语义的XHTML，告知它哪一个是更主要的题目（H1/H2/H3/H4/H5/H6），哪一个是列表（UL/OL/DL），哪一个是段落（P）……它就会以为你是一个坏人，写下了它能看懂的言语，它就会把你的排名往前边提。
而全部网站都是table结构，谈不上主次之分，搜刮引擎了解也会很费劲。DIV结构就更好笑了，全部网站写下的都是id=”title”，更有甚者写的都是拼音id=”biaoti”，更更有甚者用id=”tit01″，光怪陆离的代码作风，岂非开辟职员在期望如今的电脑就可以读懂人类言语？乃至还中文英文自创文都懂？
三者的干系
实在开篇就应当提一下三者的干系，怕观点性的玩意太多，吓跑了一样平常读者，最初扼要的先容一下。实在table、div都是xhtml的一个元素，table有它本人的感化，它就是用来做表格的，当网站内必要表格元素的时分，它是不成或缺的构成部分。div更是经常使用的元素之一。我们应当依照它们在呆板言语中的语义，来赐与他们分歧的任务，而不是复杂的拿过去任意放在一个中央就入手下手用，实在哪个元素都能够做一个网站，乃至能够只用p标签来做网站、只用ul标签来做网站，但那样做出来的器材，看起来效果一样，实践上会形成呆板人的浏览停滞。剖析速率慢是大事，万一被搜刮引擎以为是不友爱要素，给屏障了，就贫苦了。究竟，网站一团体玩没啥意义。
</p>
业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站。 Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。 在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。 Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。
页:
[1]