编写符合SEO标准的DIV+CSS风格网页
SEO即搜索引擎优化,从目前互联网的发展状况来看,实现SEO有助于企业减少网络推广的成本。SEO的手段有很多种,或者固定的技术模式,或者非固定的所谓艺术模式也。DIV+CSS是当前公认的网页设计标准,是广为推崇的网页设计新范式,虽然TABLE还被广泛应用,但DIV+CSS优秀的界面控制能力,还是拥有了非常强的竞争优势。当然,目前的设计软件,例如frontpage、dreamweaver等工具,对DIV+CSS的支持力度还不够,但依然挡不住DIV+CSS席卷互联网的趋势。
如果要实现SEO,传统的TABLE设计方式,会使代码过于冗长,页面过于臃肿,不利于SEO的实现,而DIV+CSS的设计方式,可以使内容和样式分开,从而减少了冗长的代码,是SEO的最佳选择。但要符合SEO,还有若干要注意的要点:
1、减少代码嵌套
例如显示一个布局,可以写成
<div id="wholePage">
<div id="top">电子商务人 top</div>
<div id="mainPart">
<div id="leftCenterRight">
<div id="left">电子商务人left</div>
<div id="centerRight">
<div id="center">电子商务人 center</div>
<div id="right">电子商务人right</div>
</div>
</div>
</div>
<div id="footer">电子商务人 footer</div>
</div>
也可以写成
<div id="top">电子商务人top</div>
<div id="left">电子商务人left</div>
<div id="center">电子商务人center</div>
<div id="right">电子商务人right</div>
相关文档:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> &nb ......
20 个经典的 Ajax + CSS 表格
并不是所有的Web 开发者都会对美化表格数据感兴趣,今天我们收集了20 个功能强大,外观漂亮的基于Ajax + CSS 的表格效果,你可以从这些示例中学习怎么使用这些表格提供的排序和过滤的功能来组织表格中的数据。
现在让我们来看看这些表格:(点击每个样式前面的链接即可进入下载)
#1. ......
<!---------<html>
<head>
<style type="text/css">
.tabheader table {
border-collapse: collapse; /* for IE */
border-spacing: 0; /* for N6 */
}
.tabheader table tr td {mar ......
1、IE与Firefox下对CSS解析的区别
对高度的解析
IE:将根据内容的高度变化,包括未定义高度的图片内容,即使定义了高度,当内容超过高度时,将使用实际高度
Firefox:没有定义高度时,如果内容中包括了图片内容,MF的高度解析是根据印刷标准,这样就会造成和实际内容高度不符合的情况;当定义了高度,但是内容超过高度时 ......
1、下载 yuicompressor 包
首先到官方网站 http://yuilibrary.com/downloads/#yuicompressor 上下载 yuicompressor-2.4.2.zip 资源包。解压后 yuicompressor-2.4.2.jar 在 yuicompressor-2.4.2\build 目录下。
2、创建build-yui.xml 文件
然后创建ant 运行的文件,内容如下:
<?xml version="1.0" encodin ......