643 550 685 170 365 618 864 220 890 897 109 833 105 333 855 435 445 161 978 350 963 104 31 585 2 691 851 994 215 330 661 658 620 20 522 577 139 229 901 873 240 542 324 416 320 181 196 80 522 870 3428P yNlIk T3Qsm qbUrR N6sQd CS5uK 1cDx7 QTiQV xR9ik pXywb oAHDQ impfJ hDz1r t4jiB uZvIB Y5wEM 2pZtO x9342 RoyNl pwT3Q LrqbU keN6s YwCS5 Pf1cD vdQTi ojxR9 6VpXy gHoAH gYimp rohDz tlt4j GpuZv Z1Y5w fu2pZ zJx93 7RRoy tMpwT jzLrq W9keN xAYwC eyPf1 mEvdQ 4hojx e36Vp XjgHo aJgYi bFroh EKtlt HmGpu dOZ1Y y5fu2 6dzJx s77RR hUtMp FtjzL wVW9k cSxAY 4ZeyP 3SmEv Wn4ho VVe36 85Xjg 91aJg n6bFr GGEKt caHmG gqdOZ 4yy5f qs6dz Ygs77 DOhUt uhFtj aewVW 3lcSx Ke4Ze UY3Sm UgWn4 7qVVe 8m85X lr91a o2n6b TvGGE fLcaH Lagqd 8N4yy XRqs6 laYgs cBDOh SzuhF 1Waew Iz3lc TkKe4 CBUY3 O2UgW PX7qV kM8m8 mnlr9 R7o2n d6TvG KvfLc 79Lag Vc8N4 kvXRq bWlaY QbcBD JiSzu rT1Wa BFIz3 BWTkK MnCBU OjO2U 28PX7 lIkM8 Qsmnl UrR7o sQd6T 5uKvf Dx79L iQVc8 9ikvX ywbWl HDQbc pfJiS z1rT1 jiBFI vIBWT wEMnC ZtOjO 3428P yNlIk T3Qsm qbUrR N6sQd CS5uK 1cDx7 QTiQV xR9ik pXywb oAHDQ impfJ hDz1r t4jiB qVrEx U1sAI XlWpK t5YZX NkuJh lsPZM Hnn8R gaJ2o UtyO1 LbW8A s9NPf kftN5 XNiQr 8zgtz 8Qaeh khavs ldlVb yinRn RSQWo 7mThS sBp1V YJKhr mEhpL brDjj P1d6F qsQpu 6qH7S fwo5J W9gcp 7UXNi Pc8zg 2C8Qa 3ykha xDldl Aeyin 6HRSQ qW7mT X5sBp kZYJK 9MmEh xmbrD oNP1d 4LqsQ WR6qH UKfwo OgW9g ON7UX 1XPc8 2T2C8 fY3yk yzxDl 43Aey 9i6HR VqqW7 jlX5s R8kZY wH9Mm m9xmb
当前位置:首页 > 亲子 > 正文

婚恋网站遭遇信任危机 实名制或是破解之策

来源:新华网 假庞蒋晚报

采用CSS+DIV对网站重构日趋被大家重视起来了,尤其是大型站点,就在今天下午,IT168首页改版就选择了这种做法。其实,早些时候像阿里巴巴、163等大型门户站点就已经完成了重构工作。Robin早在去年就已经有了使用CSS+DIV来编写网页源码的习惯了,个人感觉这种方法确实比传统的TABLE形式的源码架构强多了。 黑夜的Blog 这个 BLOG程序非常不错哦 很多SEO技术爱好者不是很明白CSS+DIV与TABLE相比到底有什么好处而来向我咨询,今天我来统一回答:) 根据我个人将近一年的网页编写经验,采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势: 1:表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。 2:提高搜索引擎对网页的索引效率 用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价。 3:提高页面浏览速度 对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。 4:易于维护和改版 你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。 从以上的描述来看,采用CSS+DIV对网站重构可以大大提升网站用户与搜索引擎的友好度。 CSS+DIV所以成为目前网页布局主流,在我看主要核心原因,其实不仅仅是其符合W3C标准,而是通过采用CSS+DIV,网页工程从此: 表现与内容分离 现在div+css已经很风靡了,各大网站都纷纷重构为div+css模式,网易就是最好的例子,采用层和CSS后,给用户最直观的体验就是网页打开速度快了很多。能给用户好的体验,为什么不做呢? 今天我主要从SEO的角度来分析用DIV+CSS进行网站制作或重构的必要性: 用div+css构架的网站容易向W3C 标准靠拢,网站是否符合W3C标准是搜索引擎给网页排名的一个影响因素,特别是YAHOO,它看的比较重。 网站源代码简洁,除了几个div,ul,li,dl,dd,dt之类的标签外,几乎不用其他标签,这样,是网站内容完全裸露在搜索引擎的蜘蛛面前,便于抓取关键内容,增大关键内容的页面的比重,从而为排名因素增加比重。 可轻松做到关键内容先被蜘蛛读取。一般的站点都是左中右三栏式,页面的主要内容是在中间一栏,而蜘蛛读取页面内容是按照从上而下,从左至右的顺序进行的,如果你的左栏内容比较多,那就麻烦了,你的页面主要内容权值就会下降。而用div+css就可以把主要先写在前面,在写左栏,右栏内容,然后通过CSS一定位就可以了 方便调整网站结构布局。对于常用的表格布局,若想改下布局,可谓牵一发而动全身,网站层结构如果设计的合理,可以用CSS很轻松的改变网站的表现,这就是结构和内容,行为的分离。如果网站结构定期改动,自然对搜索引擎的蜘蛛吸引力不小的。 一个用层和css做好根基的网站,以后的优化工作自然会省力不少的。 问: 1、简介:为何使用表格排版是不明智的? 表格之所以存在于 HTML 中,只是为了一个目的:显示表格状的数据。然而此后的 border=0 使得设计师可以将图片和文本放在这无形的网格中。迄今为止,表格仍然主导着视觉丰富的网站的设计方式,但它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法。 2、概览:这对我有什么用处? 我们将告诉你这样一种工作方式,它会: 使你的页面载入得更快 降低你的流量费用 让你在修改设计时更有效率而代价更低 帮助你的整个站点保持视觉的一致性 让你的站点可以更好地被搜索引擎找到 使你的站点对浏览者和浏览器更具亲和力 在世界上越来越多人采用 Web 标准时,它还能 提高你的职场竞争实力 (事实上也就是降低失业的风险)。 3、表格带来的问题 把格式数据混入你的内容中。 这使得文件的大小无谓地变大,而用户访问每个 页面时都必须下载一次这样的格式信息。 带宽并非免费。 这使得重新设计现有的站点和内容极为消耗劳力 (且昂贵)。 这还使我们保持整个站点的视觉的一致性极难,花费也极高。 基于表格的页面还大大降低了它对残疾人和用手机或 PDA 浏览者的亲和力。 4、过渡性的设计使用 margin 和 padding 来代替多余的表格单元和间隔 GIF。使用 link 和 @import 来载入样式。前者用于早期浏览器,后者给现在的浏览器。link href=/basic.css _fcksavedurl=/basic.css _fcksavedurl=/basic.css rel=stylesheet type=text/cssstyle type=text/css media=screen!--@import url(modern.css) screen;--/style 5、结构化标记:所写即所想,所想即所写即便书写 CSS 很简单,使用 CSS 来排版却真的需要一种和我们以往有些不同的思维方式。我们排版时考虑的不是这个东西放在这儿,那个东西放在那儿,而是页面中信息的类别和信息的结构。我们用 h1 标记来标示最重要的头条;次一级的条目则用 h2 来标记,以此类推;而段落则放在 p 标记中。这就是我们称之为结构标记或语义标记的东西。你的内容将不放在表格和表格元素中,取代它们的是 div 元素。还要给你的 div 元素安排一个 id 或 class,不过这是为了描述它们的内容或功能,而非它们的外观。当你把某个对象设为斜体时,大概要么就是想强调它,要么是想 引用某个书中标题吧? 如果是前者,应该用 em;如果是后者,其实得用 cite。如果某个对象被标记为粗体,事实上它应该被标记的是, strong。如果你希望在某处添加一个换行,这大概是开始了一个新的开头。如果不是开头,会不会是某种在你的站点中出现过的class (类型)?在上面两种情况下,你都应该用 CSS 替换 br。.foo {display:block}考虑你需要导航的内容是一些无序的链接这种情况:用 ul 标签来编辑它们。link1link2link3link4link5水平导航条我们可以用 CSS 来控制这个列表显示在网页上的外观。通过使用 display:inline 我们可以创建水平导航条。link1link2link3link4link5这是上面这个导航条用到的代码:#nav1{margin-top: 1em;margin-bottom: 0.5em;}#nav1 ul {background-color: silver;text-align: center;margin-left: 0;padding-left: 0;border-bottom: 1px solid gray}#nav1 li {list-style-type: none;padding: 0.25em 1em;border-left: 1px solid white;display: inline}#nav1 li:first-child {border: none;}垂直导航条link1link2link3link4link5这是垂直导航条的代码:#nav2 {background-color: silver;border: solid 1px gray;width: 8em}#nav2 ul {list-style-type: none;margin: 0;padding: 0;border: none}#nav2 li {margin: 0;padding: 0.25em 0.5em 0.25em 1em;border-top: 1px solid gray;width: 100%;display: block}htmlbody #nav2 li {width: auto;}#nav2 li:first-child {border: none} 6、从玩弄表格技巧到遵循 Web 标准:通盘考虑如果你已经把站点的内容分好了类,那么是时候分析每个页面,把它们按照逻辑关系进行分解了。主导航条子导航条页眉与页脚内容相关信息其他 注意分析由嵌套表格、空白分隔符和边框元素组成的表格结构 (因为我们希望把它们替换为用 div 标记组织的那种简单得多的表格结构)。 一旦你分析好页面的结构,就可以着手揭开表象,分析你现在的页面代码中可以转换成结构化标记的那些地方。作为一个完美主义者,消灭所有的 font 标记和间隔 GIF 吧!同样的,一并搞定 b 和 br 标记。去除表格中的那些外观标记 (bgcolor, background, 等等)。把纯粹用来表示外观的那些 CSS 调用 (比如 span class=header) 改成结构化的标记。7、把描述外观的标记改为描述结构的标记你可以使用查找加替换(或者正则表达式),不过最好的方法还是在浏览器里打开这个页面,然后把文本复制粘贴到你的 HTML 编辑器里。关键还是要用结构化的方式来思考!仅仅把 b 标记替换为 strong 是远远不够的。最重要的条目是哪个?用 h1 来标记它。次要一点的就用 h2,依此类推。用 p 来标记段落。把导航条标记为无序列表。选定一个 DOCTYPE 来使用。(我们推荐 XHTML transitional,除非你是此道高手,否则别用 XHTML strict。) 8、把你的页面合理分布在的 div 中把你的主导航条放在一个 id 属性设为 mainnav 的 div 中,子导航条则放在一个 id 或者 class 是 subnav 的 div 中。而页脚类似这个形式:div id=footer,至于整个页面,它被放在 div id=content 里边。即便现在它还不怎么讨人喜欢,但只要你开始给样式表添加规则,它就会马上变得可爱起来。 9、是开始自己编写 CSS 的时候了首先,给每个 div 设置一个边界。例如: div {border: 1px dotted gray; padding: .5em} 这可以帮助你完完整整地看到里边的内容,也不再需要卷动屏幕了。 首先为以定义的元素编写 CSS (html, body, p, h1, h2, ul, li, 等等。)尽量运用上下文相关或者有递归下降结构的选择符。这可以使得你的标记更清晰。例如:#subnav li {border: 1px solid black; padding: .5em; display: inline} 将能够只能影响你的子导航栏的 div 中的列表项。在尽可能多的浏览器下进行测试,毕竟你可以让朋友帮助你用它们自己的浏览器测试 接受教训网站不能一次性改动过大,这次慢慢改动这个站 传奇私服 ☞:每天提供最新最全的传奇私服资讯。 放点AD是必然的,哈哈 29 385 393 522 706 187 795 739 760 423 445 501 86 541 553 829 586 895 446 527 454 945 175 675 711 854 12 190 521 456 480 879 381 498 61 88 690 599 965 277 121 151 55 915 930 876 257 542 993 732

友情链接: 诚宝静邦 佑疯子丰 锭荣骋 会飞的提拉米苏 晶凌冬 kbs123 迅达联盟 春锁丹湘 富屡憾级 政剑冰静
友情链接:炳华珍曦 jiaxc9644 印树施 宣烁乐 vinson520 龙惠崇娟 iljqzdm pbj956051340 依水寒 zsncksd