文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

懒人大天才

懒人大天才

2024-04-23 23:03

关注

       建立一个网站的方法有很多种,例如使用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建站的区别了吗?弄清它们的区别,在实际开发中,我们就可以合理运用,扬长避短了!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     436人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     201人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     163人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     242人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     68人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯