网站改版 内容排序(为什么要用DIV+CSS技术?CSS学习网站和教程)
优采云 发布时间: 2021-10-08 07:36网站改版 内容排序(为什么要用DIV+CSS技术?CSS学习网站和教程)
现在全国的网站都在进行一场技术“革命”,也就是所谓的“网站重构”。简单来说,DIV+CSS是用于网站制作的。使用DIV+CSS代替传统的Table做边框,美化页面。百度搜索优化
在重构之前,你必须明白为什么要重构,为什么要使用 DIV+CSS 技术?了解了这个问题,那么大家就有了用这个技术重构网站的动力。各大CSS学习网站和教程无一例外都会列举以下使用DIV+CSS的好处:
1、 内容和表单分离,网页前台只需要展示内容,表单的美术由CSS处理。生成的 HTML 文件代码精简,体积更小,打开速度更快。
2、Revision网站 更简单更容易。您不需要重新设计和排版网页,甚至不需要移动原创 网站 的任何 HTML 和程序页面。您只需要修改 CSS 文件即可完成所有修订。对于门户网站来说,改版就像换衣服一样简单。
3、搜索引擎更友好,排名更容易获得更高。
以上三点是N个好处中最吸引人、最突出的。我将一一介绍这三点:
第一点是内容与形式的分离。网页前端只需要展示内容,表单的艺术由CSS处理。生成的 HTML 文件代码精简,体积更小,打开速度更快。
这是DIV+CSS技术目前最大的特点,也是CSS存在的根源。彻底颠覆当前传统(表格)网页设计技术。所有用表格制作的内容都可以用CSS解决,解决方案更完美,功能更强大。您不需要在表中设置表。你只需要使用 div 和 div 就可以实现之前表集的所有艺术。结果就是使用了div+CSS技术,使得生成的网页文件大小更加精简、小巧。在表格时代,一个页表达到10个以上是很常见的,但是现在有了DIV+CSS,一个表格就可以用了,完全达到了之前的效果,直接导致了50%的减少与使用表格时相比,网页的文件大小。-80%,节省站长硬盘空间,访问者打开网页速度更快,使用div+CSS时,不像以前使用表格,必须先阅读所有表格,才能显示页面内容,现在有可能阅读一个div就会显示效果,而你没有'不必等待打开网页。好处是非常明显和强大的。
这个优势确实很显着。对于传统表格构建的网页内容较多,有时可能会达到30K左右。打开文件时,必须有0.0 秒的延迟。使用DIV+CSS,因为没有表格可以用,前台打开看到的都是直接内容。CSS 文件都是导入的链接。它是另一个文件,与 HTML 文件的大小无关。它的大小约为 10K。文件数少的时候是看不到的,但是当文件数万多的时候,会节省几十兆的大小。
其实这些优点对我个人来说用处不大。为什么?
虽然表生成的HTML文件比较大,占用空间也比较大,但是目前虚拟主机空间只要几百块钱就可以达到3G以上。一个中小型传送门或者网站就完全够了,哪怕还不够。使用,你的数据量达到十万级以上,生成的HTML文件用不了2G。事实上,对于中小型网站长度来说,这个成本完全可以忽略不计。此外,使用桌子意味着打开速度慢。在目前的网络环境下,这点也可以忽略。现在大家都用宽带上网,至少512K以上,一个网页30K。不到一秒打开时,使用DIV+CSS更快。嗯,0.0秒,这基本上是大家感受不到的。并且由于生成了 HTML,对服务器的影响是一样的。只要你的虚拟主机网络稳定,table和div+css没有区别。
但是,在使用表格制作网页框架和表格时,它们都是有选择的。也就是说,您不需要编写代码。简单的输入边框和行列数就可以满足制作要求了,但是在使用div+CSS的时候,就完全是手写代码了。如果在一张表中写四行代码,如果一个页面涉及十多个div表生成,手写代码就会超过50行。如果你不擅长数学或逻辑思维能力差,你可以手写。桌子会很乱,会有桌子重叠,位置完全不正确。因为当你用div+css写表格的时候,表格之间的逻辑排列关系完全由你自己手写的代码决定。如果你没有很强的书写能力和逻辑,你花费的时间至少比你用来制作桌子的时间长。约4次。基本上,一个页面上定义了不少于 20 个 ID 和类。完整的页面不少于20页。ID 或班级是用 5 句话手写的。如果你制作一个 HTML 页面,就会有 100 多个代码。当然,其中许多可以保存为 CSS。要重复调用的文件。也就是说,如果同一个页面的内容相同,可以直接导入链接CSS来实现。要重复调用的文件。也就是说,如果同一个页面的内容相同,可以直接导入链接CSS来实现。要重复调用的文件。也就是说,如果同一个页面的内容相同,可以直接导入链接CSS来实现。
这与之前生成HTML时创建网页模板非常相似。但是制作这个模板所花费的时间是用表格制作的数倍。这里有一些人想说,但是当我在修改版本时,我只需要再写一个css而不是生成HTML。然后我想说,当你再写一个CSS文件修订版时,我可能已经用表格做了一个页面模板,并自动生成了HTML全站页面。这并非不可能。
如果你作为站长,对手写代码不是特别有信心,逻辑思维能力也不是特别强,建议使用传统表格,让网页更熟练、更快。
第二点是网站的修改更简单,更容易。不需要重新设计和排版网页,甚至不需要任何原创网站的HTML和程序页面。所有修订仅通过更改 CSS 文件即可完成。
对于门户网站来说,改版就像换一件衣服一样简单易行。修改时不需要修改整个站点的HTML页面,只需要重写CSS,然后用新的CSS覆盖之前的CSS即可实现修改。NS。方便的。
方便是方便,但是对于一个网站,我想问一下是不是每个月都会修改?还是每六个月?估计很少网站这么频繁。现在很多知名的网站、行业、门户,包括个人网站,最多一年换一次版本。一年换一次版本,你一年只用一次来重写CSS,你写CSS的时间比我用表格做的时间慢一两倍(在技术熟练的情况下)。那我为什么要使用CSS?我可以达到和table一样的效果,两分钟就准备好了table,用css写十分钟。百度网站优化
全国中小站长网站的数据量一般在10万条数据以内。现在,有了 HTML 的自动批量生成功能,不需要几个小时就能完成生成。一年花一次这个点也没什么大不了的。
所以除非你网站一个月换一次版本,那你还是用最熟练最便捷的方式来实现网页设计。
当然,如果你把CSS学的很透彻,那就是代码优采云。你把我当废话。
第三点是搜索引擎更友好,排名更容易获得更高。
看到CSS的优势,我冷笑了两声。翻译家和作家真的不了解中国的网络环境。这篇文章在国外使用是完全可行的,比如在常用环境下。但是,在百度垄断的中国互联网环境下,完全可以忽略不计。
搜索引擎的主要排名依据,无论是百度还是谷歌,都是标题和权重。这两点他们拿不到,也不用。相反,使用您的内容来捕获数据以达到主要目的。而且最重要的一点是,中小网站 80%左右的流量来自百度。百度现在完全是手动排序。你觉得你用div+CSS百度会排你第一吗??如果你觉得自己太不配当中国站长。
如果你不说10000回,即使你的DIV+CSS有这个优势,也能让你的页面在百度搜索中排名靠前。你认为你可以尽可能长时间地坐在这个位置吗?不是一个月只要你把这个页面给你带来的流量达到一定的量,百度K你就不讨论了。(我的意思是关键字 K)
综上所述,我个人觉得DIV+CSS不能太迷信。它非常好,功能强大。作为制作网页和美化网页的重要辅助工具,非常强大和方便。可以弥补桌框的诸多不足和工艺上的不足,但完全用它来做太费时费力。真的不适合全国的中小网站人群。我个人认为使用table+DIV+CSS是最好的组合,也是最省时省力的方式。