网站DIV+CSS及搜索优化

news/2024/5/10 16:31:12/文章来源:https://blog.csdn.net/weixin_33866037/article/details/93577526

DIV+CSS技术优势

业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?

Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。

<DIV>Very excellent webmaster club www.caifuw.com </DIV>

如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 <P></P> 是一样的。DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码

CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的CSS代码修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。

这个布局中,div承载的是内容,而CSS承载的是样式。内容和样式的分离对于所见即所得的传统table编辑方式确实是一个很大的冲击,尤其是设计人员很难接受设计一个他们不能立即看到的样式。不过div+CSS的好处实在是太明显了

一、搜索引擎亲和力

搜索引擎不会在意一个页面的设计或者构成。搜索引擎不可能“欣赏”设计漂亮新颖的页面;也不会去“排斥”颜色搭配丑陋的页面。它们只是默默地拿到它们需要的内容就离开。如果一个页面中涵盖了大量的table来描述构架,试想搜索引擎要花多大的代价才可以拿到真正有用的信息呢?

一般来说,table构架描述的页面,样式结构和内容信息大小比可能达到1:1甚至更高。而CSS+DIV构架的页面,虽然在客户端看来下载一个复杂的CSS也要占用差不多的带宽,然而搜索引擎可以很方便的绕过这个CSS,而直接抓去div中的内容。这便是div的优势所在。带宽的稍多占用,完全显得微不足道,更何况一个冗余的table设计架构如果代码写的不好会占用更多的带宽。

二、重构页面的方便性

内容和样式的分离导致我们在重构页面布局(更换皮肤)的时候,只用针对每一个div元素重新定义其具体位置、样式就行了。而在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道,实在是太过于麻烦.

关于韩国风格网站难用div描述的问题,普遍认为在web2.0的大军冲击下,韩国的花哨流派很快会被简约派所代替。如果确实是优秀的设计,大部分用Flash来完成,但是这样又牺牲内容被搜索引擎搜索到!可以说DIV+CSS的网页标准已经颠覆了传统的Table构建网页。


Div+CSS标准WEB的优点

  • 符合W3C标准,支持浏览器的向后兼容,使您的网站在任何浏览器上都能得到好的兼容;
  • 搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。
  • 通过内容和样式的分离,使页面和样式的调整变得更加方便,同时大大的提高网页的可读性。
  • 简化代码、文件下载与页面显示速度更快

Sohoware通过验证:查看Sohoware CSS认证 查看Sohoware XHTML认证


搜索优化

搜索引擎优化(Search Engine Optimization, 简称SEO),与搜索引擎定位(Search Engine Positioning)和搜索引擎排名(Search Engine Ranking)是同一种工作,指通过了解各类搜索引擎如何抓取互联网页面,如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术,来对网页进行相关的优化,使其提高搜索引擎排名,从而提高网站访问量,最终提升网站的销售能力或宣传能力的技术。

搜索是除了电子邮件以外被用得最多的网络行为方式。通过搜索引擎查找是网络冲浪者寻找网上信息和资源的主要手段。搜索引擎营销已经成为网络营销最重要的组成部分。如何使自己的网站被主要的搜索引擎收录、然后获得较高的排名,成为网站建设者们绞尽脑汁的话题。

当你正在为自己网站对业务几乎没有用处,又舍不得每月花上几百到几千,甚至几万等的推广费用时,不如尝试对网站进行搜索优化。

转载于:https://www.cnblogs.com/godjiahui/archive/2008/04/09/1144320.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_770554.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

一个网站的开发步骤

github 经常有朋友说"我想做个网站"、“网站上放个什么什么”、"对你来说应该很容易&#xff0c;帮个忙吧"等等。怎么说呢&#xff0c;大部分非互联网行业的人是不了解网站的开发流程的&#xff0c;他们可能以为就是个简单的页面&#xff0c;顺手拈来&…

腾讯云 网站开启HTTPS

下图是我站点的初始化样子&#xff0c;可以看到只是输出一个字符串&#xff0c;啥也没有&#xff0c;并且没有https。 这无所谓&#xff0c;因为我们的重点是https&#xff0c;而不是网站内容 接下来就是配置https的关键步骤了&#xff0c;其实只需要三步而已&#xff1a; 申请…

在linux环境下廉价发布网站

在linux环境下廉价发布网站今天我来向大家详细讲解一下&#xff1a;在linux环境下的网站发布。我们都知道&#xff0c;在windows环境下发布网站一般都用IIS&#xff0c;因为IIS是很方便使用和管理的&#xff0c;但是也有一些不足&#xff0c;那就是安全漏洞较多&#xff0c;不知…

如何让Maple中的数学引擎进入你的桌面应用程序和网站

MapleNET数学服务套件将Maple 2015强大的数学引擎引入您的应用程序和网站。使用MapleNET&#xff0c;您可以添加数学计算和可视化功能到网页和桌面程序中&#xff0c;通过互联网/局域网分享“活”的Maple文件&#xff0c;以及开发丰富的技术网站内容。 新增支持移动设备端的访问…

Drupal 7 国际化和多语言网站的建立

2019独角兽企业重金招聘Python工程师标准>>> Drupal 是一个自由的国度&#xff0c;其跨语言的发布能力自然不会有问题。今天我们看一下Drupal 7当前的现状。 在Drupal 7之前的版本中&#xff0c;国际化是通过一系列特定的模块组合来实现的&#xff0c;这些模块被统称…

2011年50大最佳网站

2011年50大最佳网站体育运动类 Bleacher Report 在Bleacher Report上&#xff0c;体育报道并非由一小撮专职记者&#xff0c;而是数千位粉丝兼投稿人完成。这就是报道深入而且富有激情的原因。而报道质量标准比某些社会上的新闻中心要高。在那些新闻中心里&#xff0c;“平民记…

xampp配置二级域名通过不同端口访问不同网站

首先需要在xampp\apache\conf\extra\httpd-vhost.conf中写入配置的二级域名 <VirtualHost *:8081> // 该网站通过监测8081端口ServerName blogs.xueshuai.com // 自定义二级域名DocumentRoot "C:\NewFile\web\Blogs" // 二级域名所指向的路径<Dire…

20个免费在线生成网站

转自与你潇洒人生路http://www.cnblogs.com/shuaixf/archive/2012/06/16/2551589.html 1. Blogger- Create Your Free Blog Website Blogger also allow you to change use custom domain such as (yourdomainname.com) 2. WordPress – Get a Free Blog Website WordPress al…

网站开发的流程介绍

首先了解一下&#xff0c;何为网页&#xff1f; 网页包含电脑端网页&#xff08;即你通过浏览器看到的任何一个页面&#xff09;&#xff0c;包括移动端网页&#xff08;即你通过手机浏览器访问到的页面&#xff09;&#xff0c;一个好的网页可以是你一个强大的营销手段&#x…

压缩图片的网站

分享一个用来压缩图片的网站&#xff1a;https://tinypng.com/ 使用方法&#xff1a; 1.打开网站 2&#xff0c;把你想要压缩的图片拖至熊猫右边的框内 3,等待一会儿&#xff0c;压缩完毕后下载压缩好的图片 转载于:https://www.cnblogs.com/norcoA3/p/5873076.html

免费网站模版:一个黑色系的公司网站模版(flash幻灯)

为什么80%的码农都做不了架构师&#xff1f;>>> 日期&#xff1a;2012-9-17 来源&#xff1a;GBin1.com 在线演示 本地下载 来源&#xff1a;免费网站模版&#xff1a;一个黑色系的公司网站模版&#xff08;flash幻灯&#xff09; 转载于:https://my.oschina.ne…

C# 判断网站是否能访问或者断链

转自&#xff1a;http://www.cnblogs.com/junny/archive/2012/10/30/2745978.html using System.Net;public bool CheckUrlVisit(string url) { try{HttpWebRequest req (HttpWebRequest)WebRequest.Create(url);HttpWebResponse resp (HttpWebResponse)req.GetRespons…

第三方网站接入秀米,实现秀米编辑的文章同步到自己的网站平台

公司系统需要引入秀米&#xff0c;于是上网查方法&#xff0c;发现了&#xff1a; 第三方接入秀米的图文排版&#xff1a;http://r.xiumi.us/board/v5/2a5va/16516964 秀米图文排版UEditor插件示例&#xff1a;http://hgs.xiumi.us/uedit/ 但是这两个出现了一下问题&#xff0c…

网站性能优化有哪些方法

网站性能优化有哪些方法 一、总结 一句话总结&#xff1a; web前端性能优化&#xff1a;浏览器访问优化、CDN加速、反向代理 应用服务器性能优化&#xff1a;分布式缓存、异步操作、使用集群、代码优化 web前端性能优化方法有哪些1. 浏览器访问优化&#xff1a;减少http请求&am…

学习MVC之租房网站(五)-权限、角色、用户管理

在上一篇<学习MVC之租房网站&#xff08;四&#xff09;-实现Service层并进行单元测试>中&#xff0c;记录了实现Service层并进行单元测试的过程&#xff0c;接下来该到“正题”-MVC了&#xff0c;也就是UI层的开发。 网站分为前台、后台两部分&#xff0c;因为后台涉及到…

从零开始用 Flask 搭建一个网站(一)

转自&#xff1a;https://blog.csdn.net/jpush/article/details/69946646 前言 笔者之前未接触过 Python&#xff0c;只是略懂一点前端&#xff0c;所以说从零开始也相差无几吧。Flask 是一个轻量级的基于 Python 的框架&#xff0c;但是扩展性非常良好&#xff08;Github 上 2…

从零开始创建属于自己的网站(转)

准备域名 如果已经有域名的用户可以跳过这一步&#xff0c;如果没有的话可以在万网购买&#xff0c;.com等国际域名大约在39元/年&#xff0c;部分国内域名仅需要9元。准备服务器 如果已经有服务的用户也可以跳过这一步&#xff0c;如果没有的话可以选择购买阿里云的服务器。如…

如何发布网站

1. 购买域名 2. 登录阿里云&#xff0c;到阿里云的控制台&#xff0c;域名与网站 --域名中解析 二。填写内容&#xff0c;注意记录值使用外网的ip地址 三&#xff0c;配置iis&#xff0c;一个端口可以配置多个域名 转载于:https://www.cnblogs.com/haigui-zx/p/9081826.html

网站优化:浏览器缓存控制简介及配置策略

说在开头 《高性能建站指南》看了很多遍&#xff0c;一直没有搞清楚缓存这一块。。什么expired,last-modified,eTag等等&#xff0c;自己只是知道&#xff0c;并没有深入了解&#xff0c;在http请求中&#xff0c;这些字段是如何判断是否需要从服务端重新拿文件还是利用缓存。看…

最有利于网站优化的关键词选择技巧

服务器监控维护工具 网站关键词选择的好与坏直接关系着SEO优化的最终结果。个人认为关键词的选择是整个优化项目中最重要也是最关键的一步&#xff0c;如果你从这一步就开始跑偏&#xff0c;那么后期你的内部和外部优化做的再好再完美也都只是在浪费时间而已&#xff0c;所以咱…