下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

使用table、div、xtml建站的区别.

作者:课课家教育     来源: http://www.kokojia.com点击数:878发布时间: 2016-10-15 10:02:09

标签: web开发divtable

Web开发

       建立一个网站的方法有很多种,例如使用table、div、xhtml等等。近日小编看到有人提出这样一个问题,使用以上3种方法建站有什么区别呢?下面小编为大家分析一下。

  一、了解三者的关系

  要理清楚table、div、xhtml三者的区别,小编觉得不妨从它们三者的关系入手。

  其实table、div都是xhtml的一个元素,table有它自己的作用,它就是用来做表格的,当网站内需要表格元素的时候,它是不可或缺的组成部分。div更是常用的元素之一。我们应该按照它们在机器语言中的语义,来赋予它不同的角色,而不是简单的拿过来随便放在一个地方就开始用。

  二、实现同一页面效果的table、div、xhtm代码

  table、div、xhtml是3种不同风格的代码,如果让它们实现同一个页面效果,它们的代码如何表达呢?下面请大家一起跟随小编看看!

  先看看一个简单的效果图

使用table、div、xtml建站的区别_web开发_div_table_课课家

  1.首先是用table来写,需要8行代码:

  <table>

  <tr>

  <th>网站标题</th>

  </tr>

  <tr>

  <td>网站内容</td>

  </tr>

  </table>

  2.然后进步到用DIV,2行就可以了,但是因为存在两个DIV,为了区别,需要给不同的ID:

  <div id=“title“>网站标题</div>

  <div id=“content“>网站内容</div>

  3.用XHTML来写:

  <h1>网站标题</h1>

  <div>网站内容</div>

  三、从时间上分析区别

  上面的3组代码,大家看出点苗头没有?没错,xhtml代码最为简洁,div居中,table的代码量最大。所以如果你想提升页面开启速度,不妨采用xtml,因为打开代码量小的网页和代码量大的网页,在速度上是不能同日而语的!

  看到这里,你会不会觉得,那我们在建站时使用xtml就好了,还用什么table。如果你真的这样想就大错特错了。因为在实际操作中一个同样规模的网站,用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建站的区别了吗?弄清它们的区别,在实际开发中,我们就可以合理运用,扬长避短了!

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程