<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web启点 &#187; web标准</title>
	<atom:link href="http://www.web7d.com.cn/category/tech/web%e6%a0%87%e5%87%86-tech/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.web7d.com.cn</link>
	<description></description>
	<lastBuildDate>Thu, 01 Dec 2011 14:24:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>div css布局及Web标准对网站优化和SEO方面的益处</title>
		<link>http://www.web7d.com.cn/2011/03/div-css-web-seo/</link>
		<comments>http://www.web7d.com.cn/2011/03/div-css-web-seo/#comments</comments>
		<pubDate>Fri, 11 Mar 2011 14:11:28 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[web标准]]></category>
		<category><![CDATA[div]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=2309</guid>
		<description><![CDATA[现在采用CSS+DIV建网站的朋友越来越多,我们今天就谈谈divcss布局及Web标准对网站优化和SEO方面的益处: 一、用css+div,就要放弃以前表格排版的一些习惯,包括页面格式的一些习惯: 1.以前用表格排版,一般都是用不规则的背景图片,跨单元格来做一些不规则的效果.css+div的特点就是格式和样式分开. 2.css+div还是用块的行使排版比较好,页面简单,直观,不那么花哨.源码的结构也简单,页面执行效率高. 3.尽量少使用div的嵌套,减少换行等冗余代码,提升网页的加载速度. 二、Div+css的网站结构对seo网站优化起到的作用越来越明显.研究现在排名靠前的一些热门关键词网站,基本都是用div+css了,那么为什么DIV+CSS会对排名或者说是seo更加有利呢? 　　1. 采用这种结构后HTML页面里基本只有文字或图片信息,而样式则放在CSS里面,这样搜索爬虫就不会管CSS,只要采集HTML里的内容就可以了,大大提高爬虫的效率. 　　2.采用这种结构往往关键词更集中,密度更高. 　　3.DIV+CSS相对于table来说比较精简,而且基本不存在网上一直在说的&#8221;表格嵌套&#8221;的问题. 　　4.符合W3C标准的网页在seo优化方面本身就有优势,更得搜索引擎蜘蛛的喜爱.   转自：52css]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2011/03/div-css-web-seo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web设计字体尺寸转换速查表</title>
		<link>http://www.web7d.com.cn/2010/05/web-font-size-cheat-sheets/</link>
		<comments>http://www.web7d.com.cn/2010/05/web-font-size-cheat-sheets/#comments</comments>
		<pubDate>Fri, 21 May 2010 01:59:03 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[web标准]]></category>
		<category><![CDATA[字体大小]]></category>
		<category><![CDATA[字体尺寸]]></category>
		<category><![CDATA[字体转换]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1835</guid>
		<description><![CDATA[Web设计字体尺寸转换速查表 在Web设计中，常用的字体尺寸单位有：points(pt)、Pixes(px)、Ems(em)、百分比(%)，下面这张表就是这些Web设计字体尺寸单位转换的一个速查表。可能由于字体、浏览器、操作系统的不同，这个转换表只能是一个近似值，但它还是很有参考价值。 Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17px 1.05em 105% 13.5pt 18px 1.125em 112.5% 14pt 19px 1.2em 120% 14.5pt [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/05/web-font-size-cheat-sheets/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DIV+CSS+XHTML命名规则</title>
		<link>http://www.web7d.com.cn/2010/01/css-div-xhtml-naming-rule/</link>
		<comments>http://www.web7d.com.cn/2010/01/css-div-xhtml-naming-rule/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 07:14:12 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[web标准]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css命名]]></category>
		<category><![CDATA[CSS命名规则]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1207</guid>
		<description><![CDATA[作为设计人员，良好的规范化程序是必须的也是必要的。在如今DIV+CSS的标准化设计中，如果才能使得自己代码规范呢？你是否做到了真正的SEO标准操作。希望这篇文章对你也有一点儿用处吧。 CSS命名规则 页头：header 登录条：loginBar 标志：logo 侧栏：sideBar 广告：banner 导航：nav 子导航：subNav 菜单：menu 子菜单：subMenu 搜索：search 滚动：scroll 页面主体：main 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 热点：hot 新闻：news 下载：download 注册：register 状态：status 按钮：btn 投票：vote 合作伙伴：partner 友情链接：friendLink 页脚：footer 版权：copyRight XHTML文件中id的命名 (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center (2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/01/css-div-xhtml-naming-rule/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>定义标题的最好方法</title>
		<link>http://www.web7d.com.cn/2010/01/define-title-best-method/</link>
		<comments>http://www.web7d.com.cn/2010/01/define-title-best-method/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 07:24:22 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[web标准]]></category>
		<category><![CDATA[定义标题]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1152</guid>
		<description><![CDATA[一个文档标题，最好的定义方法是什么？要回答这个问题，先设想我们要在一个页面上定义文章 的标题，通常我们有三个方法来实现这个简单目的： 方法一： 有意义吗？ &#60;span&#62;文章标题&#60;/span&#62; 虽然在某些情况下&#60;span&#62;会是一个方便的标签，但它并不能表达出标题的完整含义。采用 这个方法的一个好处是，我们可以对它附加一个CSS规则，分配其一个heading class，使其文字象 标题一样显示。 .heading { font-size: 24px; font-weight: bold; color: blue; } ok，现在所有的标题都用heading class标记成了大号的粗体字体，并且为蓝色。太棒了！但是 这样做对吗？如果有人用一个不支持CSS的浏览器来观看，会怎样呢？ 举个例子，如果我们设置的这个外部样式表的规则不被老版本的浏览器支持，会怎样？又或者有 视觉障碍的人用屏幕阅读器来阅读这个页面，又会怎样？一个访问者通过这些途径所看到（或听到 ）的应该和这个页面上正常的文本没有任何区别。 尽管class=&#8221;heading&#8221;为这个标签增加了一点意义，但&#60;span&#62;仍然只是一个普通的标签， 可以被大多数浏览器的缺省样式所修改掉。 搜索引擎检索这个页面时会略过&#60;span&#62;标签，就好象它不存在一样，不会对其可能包含的 关键字给于一点额外的重视。在后面我们会更多的谈到搜索引擎和标题的关系。 最后，由于&#60;span&#62;标签是一个内嵌元素，我们可能需要把它嵌套在一个额外的块级元素中 ，比如&#60;p&#62;标签或&#60;div&#62;标签，为的是使它能够形成单独的行，这会进一步被非必要的 代码弄乱你的标签。而这些额外增加的标签却是必须的，这样才能使不支持CSS的浏览器显示出没有 差别的文本。 方法二:&#60;p&#62;和&#60;b&#62;组合 &#60;p&#62;&#60;b&#62;文章标题&#60;/b&#62;&#60;/p&#62; 使用一个段落标签，将会给我们带来块级的显示，&#60;b&#62;会把文本变成粗体。但是用这个方 法标记一个重要的标题时，我们面对的是同样无意义的结果。 不象方法A，&#60;b&#62;标签能在可视化的浏览器中把文字显示成粗体——甚至在不支持CSS的浏 览器中。但是和&#60;span&#62;标签一样，搜索引擎也不会因为有一些东西在段落中被加粗了而给予 更高的优先。 难以设计样式 用普通的&#60;p&#62;和&#60;b&#62;的组合，也带来了另一个缺憾——无法把这个标题设计成不同于 其他段落的样式。我们可能想用一个特别的样式来突出标题，来使页面内容更清晰更具结构，但是 用这个方法只能使其显示成粗体。 方法三:样式加实质 &#60;h1&#62;文章标题&#60;/h1&#62; 恩，多么好的标题定义。大多数的网页设计者对它都很熟悉。其实适当的使用它们，&#60;Hn&#62; 就能为页面内容提供灵活的、可索引的、以及可样式化的结构。 这也是聪明的定义方法，你会发现它很简单。不再需要额外的标签，你可以说，这仅仅比另外两 个方法节省了一点点的字节，可以忽略不计，但节省一点是一点。 &#60;h1&#62;一直到&#60;h6&#62;，代表了标题的六个级别，从最重要的（&#60;h1&#62;）到最次要的（&#60;h6&#62;） 。 他们本身就是块级的，不需要增加其它元素来使其单独成行。简单，有效——就是好工具。 轻松定制样式 因为我们使用&#60;h1&#62;标签是唯一的，而&#60;b&#62;或&#60;p&#62;标签更适合使用在整个页面， 所以我们可以用各种各样的CSS方法来样式化。 [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/01/define-title-best-method/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>网站使用标准的好处</title>
		<link>http://www.web7d.com.cn/2010/01/web-good-normative/</link>
		<comments>http://www.web7d.com.cn/2010/01/web-good-normative/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 03:01:18 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[web标准]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1138</guid>
		<description><![CDATA[为什么要建立网站标准 我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如 1996-1999年典型的&#8221;浏览器大战&#8221;，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设 备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的 带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。 如何解决这些问题呢？有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司(Netscape、Microsoft 等)也终于认识到统一标准的好处，因此在W3C（W3C.org）的组织下，网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网 站标准组织（webstandards.org）的督促下推广执行。 简单说，网站标准的目的就是： 提供最多利益给最多的网站用户 确保任何网站文挡都能够长期有效 简化代码、降低建设成本 让网站更容易使用，能适应更多不同用户和更多网路设备 当浏览器版本更新，或者出现新的网络交互设备时，确保所有应用能够继续正确执行。 对于网站设计和开发人员来说，遵循网站标准就是使用标准；对于你的网站用户来说，网站标准就是最佳体验。 采用网站标准的好处 对网站浏览者的好处： 文件下载与页面显示速度更快； 内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）； 内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等） 用户能够通过样式选择定制自己的表现界面 所有页面都能提供适于打印的版本 对网站所有者的好处： 更少的代码和组件，容易维护 带宽要求降低（代码更简洁），成本降低。举个例子：当 ESPN.com 使用 CSS改版后，每天节约超过两兆字节（terabytes）的带宽。 更容易被搜寻引擎搜索到 改版方便，不需要变动页面内容 提供打印版本而不需要复制内容 提高网站易用性。在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。 来源：网站使用标准的好处]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/01/web-good-normative/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>什么是web标准</title>
		<link>http://www.web7d.com.cn/2010/01/what-is-web-criterion/</link>
		<comments>http://www.web7d.com.cn/2010/01/what-is-web-criterion/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 02:53:07 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[web标准]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1136</guid>
		<description><![CDATA[WEB标准 WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为 （Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。我们来简单了解一下这些标准： 1．结构标准语言 （1）XML XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0，参考（www.w3.org/TR/2000/REC-XML-20001006）。 和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息 发布的需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。 （2）XHTML XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0（参考http://www.w3.org/TR /xhtml1）。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在 HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。 2. 表现标准语言 CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2（参考http://www.w3.org/TR/CSS2/）。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。 3.行为标准 （1）DOM DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范（http://www.w3.org/DOM/），DOM 是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和 Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。 (2) ECMAScript ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言（JAVAScript）。目前推荐遵循的是ECMAScript 262（http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM）。 摘自：网络 来源：什么是web标准]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/01/what-is-web-criterion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>网页设计CSS中文字大小pt、px的区别详解</title>
		<link>http://www.web7d.com.cn/2009/11/px-pt-qubie/</link>
		<comments>http://www.web7d.com.cn/2009/11/px-pt-qubie/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 03:34:57 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[web标准]]></category>
		<category><![CDATA[设计开发]]></category>
		<category><![CDATA[设计杂谈]]></category>
		<category><![CDATA[px pt区别]]></category>
		<category><![CDATA[字体大小]]></category>
		<category><![CDATA[字体设置]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=501</guid>
		<description><![CDATA[在网页设计中，经常用到字体，而字体大小的设置单位，常用的有2种：px、pt。这两个有什么区别呢？ px：pixel，像素，屏幕上显示的最小单位； pt：point，点，是印刷业一个标准的长度单位，1pt＝1/72英寸； 在Windows里，默认的显示设置中，把文字定义为96dpi。这说明了：1px＝1/96英寸；而1pt＝1/72英寸，可以得出，在本设置中1px＝0.75pt，字体9pt＝12px。 但是，用户可以修改文字定义的dpi大小，例如改成144dpi，这样，1px＝0.5pt，字体9pt＝18px。原先用12px来组成的一个文字，现在需要18px来组成，px多了，文字就“大”了，更易阅读了。 所以，px和pt的区别在于，px会随显示器的分辨率而改变，pt会随Windows系统字体大小设置而改变。 这样很明白，px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，“点”的大小是会“变”的，也称为“相对长度”。 pt全称为point，但中文不叫“点”，查金山词霸可以看到，确切的说法是一个专用的印刷单位“磅”，大小为1/72英寸。所以它是一个自然界标准的长度单位，也称为“绝对长度”。 因此就有这样的说法，在网页设计中，pixel是相对大小，而point是绝对大小。 但这种说法其实还是有问题，先来看看下面的例子： 文字72px 文字72pt 文字96px 从上面的字体中我们能看出72px要比72pt小一些，但96px正好和72pt一样大小 。 让我们来调整电脑的设置：在桌面上右键 &#62; 属性 &#62; settings &#62; Advanced &#62; General &#62; DPI setting &#62; 96 DPI。 试着改变设置，设为72DPI，重启，再打开浏览器看：72px已经等同于72pt了。为什么？ 还是再做个实验：分别用800×600和1024×768看刚才的例子，明显高分辨率下，文字就变小。而且，关键的是，无论用px还是pt，都会变小。pt并没有如有些人所说，是“绝对”的，“固定”的。 但如果用打印机把这页面打印出来，就可以看到：无论屏幕用什么分辨率，打印出来大小都是一样的（这是当然的）。 首先要分清“屏幕效果”和“打印效果”这两个概念： 在浏览网页过程中，所有的“大”“小”概念，都是基于“屏幕”这个“界面”上。“屏幕”上的各种信息，包括文字、图片、表格等等，都会随屏幕的分 辨率变化而变化，一个100px宽度大小的图片，在800×600分辨率下，要占屏幕宽度的1/8，但在1024×768下，则只占约1/10。所以如果 在定义字体大小时，使用px作为单位，那一旦用户改变显示器分辨率从800到1024，用户实际看到的文字就要变“小”（自然长度单位），甚至会看不清， 影响浏览。 那是不是用pt做单位就没这样的问题呢？错！问题同样出现。刚才的例子已经很清楚的说明，在不同分辨率下，无论是px还是pt，都会改变大小 。以现在的电脑屏幕情况，还没有一种单位可以保证，在不同分辨率下，一个文字大小可以“固定不变”。因为这很难以实现也不是很有必要：全球电脑用户以亿来 数，屏幕从14寸到40寸甚至更高都有，屏幕大小不同，分辨率也不同，要保证一个字体在所有用户面前大小一样，实在是MISSION IMPOSSIBLE。另外，电脑有其自身的调节性，用户可以自己来调节：1）在浏览器中调节字体大小；2）在刚才提到的显示属性里调节。 那在页面设计中到底是用px还是pt呢？ 我认为，这个并没有什么原则性差异，就看自己处于什么角度思考了。 Mac机怎么情况不清楚，在Windows里，默认的显示设置中，把文字定义为96DPI（PPI，微软都将DPI和PPI混为一体，我们也就无须较真 了）。这样的定义，说明了：1px＝1/96英寸。联系pt的概念，1pt＝1/72英寸，可以得出，在这样的设置中，1px＝0.75pt，常见的宋体 9pt＝12px。在显示器分辨率不变的基础上（比如现在常用的1024×768），1px大小也就固定不变，改变显示设置，调整为144DPI，可以得 出，1px＝0.5pt，常见的宋体9pt＝18px。原先用12px来组成的一个文字，现在需要18px来组成，px多了，文字就“大”了，更易阅读 了。 所以，px和pt的使用区别，只有当用户改变默认的96DPI下才会产生：使用px定义文字，无论用户怎么设置，都不会改变大小；使用pt定义文字，当用户设置超过96DPI的值，数值越大，字体就越大。 （附公式：px = pt * DPI [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2009/11/px-pt-qubie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

