符合WEB标准的网页图像的代码精简

遵循Web标准的思想，网页要表现出一种亲和力。那么，针对残障用户来说，其阅读器可不能读取图像上传递的信息的。

所以我们会采用一种Using Background-Image to Replace Text的方法，也就是将图像以背景图像的方式插入网页显示，同时为了让残障人士能了解该部分信息，显示该图像的区域用文本加以说明；但又为了让正常人不为既看到背景图像又看到图像上的文本而混淆，所以我们又将这些文本隐藏。

或许我们也会说我们可以给图像加alt、加title，这样正常用户能看得见，残障用户也阅读到。不过，我们再想想，Web标准还推荐使用合理的XHTML文档结构，对于插入图像这样一个实体，插入到网页是什么图像就是什么图像了，当我们需要替换图像时，我们修改HTML文件，若有很多页面呢（我批量改_-!）。所以这部分图像的插入就亲和力和扩展性而言，都建议使用背景图像+隐藏文本的方法。当然对于图像热区链接我们另做讨论。

说的都不大理解，还是举例子。

有这样的一张图像，我们要插入到网页显示，那么正常情况下我是使用img /标签的

[ 查看全文 ]</a></p>
            <div class="img_yyy_2">
                <span>2016-02-19</span>
                                                <i>标签:</i>
                <div class="yyy_2_a"><a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                                </div>
		</div>
	</div>
</div>

<div class="xiangguan_gg xiangguan_reader clearfix">
    <div class="xiang_892_1" style="width:1158px;">
      <h3><a href="http://www.tulaoshi.com/n/20160219/1629533.html" target="_blank">符合WEB标准的网页图像的代码精简</a>的相关文章</h3>
    </div>
    <div class="xiang_892_2" style="width:1158px;">
      <ul id="loadmore_container" style="width:1158px;">
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1607149" target="_blank"><img src="http://img.tulaoshi.com/201602/19/754b5b28e9ea385d7fb7c24f2edcdc53_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1607149.html" target="_blank">符合Web标准的超链接</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123">在HTML 4.0 Strict和XHTML 1.0 STRICT里不允许在a标签里使用target属性,这是一件令网页设计者懊恼的事.在过渡的规范里还是允许使用的.但通过一定的方法,我们可以解决这一问题. HTMl4.0规范里拿掉了target属性.但它添加了另外一个属性:rel.这个属性是用来指定包含链接的文档和所链接文档之间的关系的.规范里定义了其属性值(如:next,previous,chapter,section),在这些属性里大多数是用来定义一个大文...<a href="http://www.tulaoshi.com/n/20160219/1607149.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/上门开户/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/19.jpg" /><span>上门开户</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1621634" target="_blank"><img src="http://img.tulaoshi.com/201602/19/ef399f5c9684a16088a3de690e2c212c_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1621634.html" target="_blank">网页标准化：CSS代码缩写精简实例</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 一些CSS属性允许使用一串值代替许多属性，值使用空格分开。 margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等，形式像这样：property:top right bottom left;逆时针顺序。 所以下面的代码： p { border-top-width: 1px; border-right-width: 5px; border-bottom-width: 10px; border-left-width: 20px; } ...<a href="http://www.tulaoshi.com/n/20160219/1621634.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/刘玲you/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.jpg" /><span>刘玲you</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1628725" target="_blank"><img src="http://img.tulaoshi.com/201602/19/60871ca649e8a4226cf12bd3c6f8ef11_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1628725.html" target="_blank">什么是符合web标准的网站</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123">  WEB标准 WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacture...<a href="http://www.tulaoshi.com/n/20160219/1628725.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/黄沙万里明月光/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/25.jpg" /><span>黄沙万里明月光</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1589500" target="_blank"><img src="http://img.tulaoshi.com/201602/19/ab40aad481b5766e5ec89fc357d3a798_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1589500.html" target="_blank">符合标准的js表单提交的代码</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123">代码如下： script language="javascript" type="text/javascript"          document.forms["form_name"].submit(); /script <a href="http://www.tulaoshi.com/n/20160219/1589500.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/武城三水/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/10.jpg" /><span>武城三水</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1484302" target="_blank"><img src="http://img.tulaoshi.com/201601/29/01139f37a6fa1cbc0cd9b743e3d9906d_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1484302.html" target="_blank">符合web标准的网站应注意的三个标准</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div>
                         <div class="span_em_123"> 在学习中遇到问题可以到 论坛 发贴交流！ 网站标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（Eu...<a href="http://www.tulaoshi.com/n/20160129/1484302.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/风露清愁4/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/22.jpg" /><span>风露清愁4</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">23</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1626488" target="_blank"><img src="http://img.tulaoshi.com/201602/19/bfc7c3aea7c0532cbb111026986bbb62_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1626488.html" target="_blank">Html:网页标准学习：关于web标准的思考</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 我是从去年初开始学习web标准的，两年下来也有些心得。最近跳槽了正好闲在家里，写一些出来和大家交流一下。 1 对于web标准和W3C XHTML规范的理解 按照习惯的理解，这两个概念似乎都是指的一个东西（就是咱们在这个版里讨论的这些个"高深理论“^_^）。但我认为，事实上从技术的角度上讲，这两个事物几乎没有任何相关性。web标准简而言之就是将页面的结构、表现和行为各自独立实现，更通俗的讲...<a href="http://www.tulaoshi.com/n/20160219/1626488.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/打波0/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/8.jpg" /><span>打波0</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1603265" target="_blank"><img src="http://img.tulaoshi.com/201602/19/33b68872ce514c0a705fcfd36b06b2d4_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1603265.html" target="_blank">符合Web标准!CSS同比例缩小图片</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 当然，生成缩略图这个工作如果交给程序来完成，效果会好很多，但是有时出于某种因素，例如服务器不支持GD之类的，难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸，对于现代浏览器，直接使用max-width和max-height两条CSS属性即可。   对于IE 6.0及以下版本，以上两条CSS属性均不会被理会。之前处理这种事情，我们往往会借助Javascript，然后为图片加上onload事件。例如： Examp...<a href="http://www.tulaoshi.com/n/20160219/1603265.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/爱上暗示as/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/5.jpg" /><span>爱上暗示as</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">36</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1619777" target="_blank"><img src="http://img.tulaoshi.com/201602/19/004201076e4acfaf8c84f3827d1c2630_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1619777.html" target="_blank">Web标准中XHTML的代码规范</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> XHTML是XML的一个应用，一些在基于SGML的HTML4中完全合法的习惯在XHTML中必须改变。编排良好性Well-formedness是[XML]引入的一个新概念。从本质上说，这意味着元素必须有结束标签，或者必须以特殊方式书写，了解web标准有关代码的规范可以帮助你少走弯路,尽快通过代码校验。       1.所有的标记都必须要有一个相应的结束标记       以前在HTML中...<a href="http://www.tulaoshi.com/n/20160219/1619777.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/成熟俏丫/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/17.jpg" /><span>成熟俏丫</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1622337" target="_blank"><img src="http://img.tulaoshi.com/201602/19/9e8c391ff4c36541bcd5041d1f6fd5de_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1622337.html" target="_blank">Dreamweaver8来构建符合标准的Web站点</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 译者序:这个系列原文一共8篇文章，从普及 Web Standards 入手，讲述如何用 Dreamweaver 8 来构建符合标准的 Web ，由于<a href="http://www.tulaoshi.com/n/20160219/1622337.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/GONGYK1993/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/27.jpg" /><span>GONGYK1993</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1604212" target="_blank"><img src="http://img.tulaoshi.com/201602/19/1b0d179d709c93d37c4fa1214ec79e12_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1604212.html" target="_blank">晕倒：“用web2.0来制作符合标准的页面”</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 今天有人和我谈一个网站开发项目，当说到具体要求时，他给我来了这么一句用web2.0来制作符合标准的页面，我当场晕倒，心想你不懂也别装啊，不过最后还是决定进行一次面谈，可是他的这句话却引起了我对网站重构的重新思考。 web2.0是一个历史性概念，是一个阶段，更是一种互联网模式，但绝对不是一种技术；而web标准是一系列标准的集合，它的核心是内容，结构，表现和行为的彻底分离(我自己将内容也添加进去...<a href="http://www.tulaoshi.com/n/20160219/1604212.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/苏唯是/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/22.jpg" /><span>苏唯是</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1610455" target="_blank"><img src="http://img.tulaoshi.com/201602/19/c9c1a01c2dade4bd2694e865ec0b5b34_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1610455.html" target="_blank">本地检验网页是否符合标准的几种方法</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 检验网页的代码是否符合标准除了在W3C在线检验(需上传到服务器)以外，还可以在本地检验(不需上传)，本文介绍的是几种在本地检验的方法。须注意的是，就算你的页面通过了检验，并不能说明页面就是符合WEB标准了。 静态网页 A Real Validator 主页地址:http://arealvalidator.com 使用比较麻烦。 TopStylePro 主页地址:http://www.bradsoft.com/ 教程:TopStyle ...<a href="http://www.tulaoshi.com/n/20160219/1610455.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/帅锅王老三/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/25.jpg" /><span>帅锅王老三</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1624022" target="_blank"><img src="http://img.tulaoshi.com/201602/19/162da7f1e7455f3e85fdc7c6eda9065a_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1624022.html" target="_blank">网页表单的Web标准解决方案</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 进入eYou.com后，马上就给新版的邮件界面转化成XHTML+CSS的工作，还好平时基本功还够扎实，有条不紊的干了下来。当然会遇到新的问题，比如，平时做网页，因为没有跟程序打过什么交道，较少使用表单。还好，世界还有Google，让我可以轻松应对新挑战。一些经验，写出来大家分享。 基于易用性（accesibility）的考虑，表单的标准写法应该在form和/form之中包含fieldset和legend（说明），让用户明白该表单域的...<a href="http://www.tulaoshi.com/n/20160219/1624022.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/吕梁钓鱼人/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/2.jpg" /><span>吕梁钓鱼人</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1604496" target="_blank"><img src="http://img.tulaoshi.com/201602/19/3703940be33202563baa72c005a00c18_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1604496.html" target="_blank">一个经典的符合web标准的flash插入法</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123">HTML 代码: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"headmeta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /titleFlashObject embed by Geoff Stearns (basic) @ d...<a href="http://www.tulaoshi.com/n/20160219/1604496.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/小麥矜鋮/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.jpg" /><span>小麥矜鋮</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">9</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1614967" target="_blank"><img src="http://img.tulaoshi.com/201602/19/6dbf784d425d7ee7a2e4548b9c9e94d8_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1614967.html" target="_blank">学习网页Web标准的五个步骤</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 我想每一个刚刚接触web标准的人都会问这样的问题，我就根据自己的经验总结。 Step 1.不要一味使用DW等工具设计网页，去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了，没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用，但是要看着代码写网页了。 首先是xhtml代码，不是很多，知道他们如何使用，怎么正确书写，而且要记得封闭tag。如img/br/。建议看看一些ht...<a href="http://www.tulaoshi.com/n/20160219/1614967.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/爱那一条鱼/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>爱那一条鱼</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1629506" target="_blank"><img src="http://img.tulaoshi.com/201602/19/a41381fd1e9d25e38220cc8ff063cc7d_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1629506.html" target="_blank">看看网页高手怎么理解Web标准</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 与老友闲聊，不想夜晚的猫子都很亢奋，聊了很多。Web标准及Div+CSS相关知识是老友很擅长的，妙语连珠。我觉得聊天过程完整也较有意义，转贴闲聊过程如下： 横导航链接为什么要用UL+LI 为什么不直接在一行写上文本链接呢 列表本身就有列表符号，同时列表项也要分行显示 做成横向的，既要使得不显示列表符号，又要将他们内嵌到一行。 ----------------------------------------------------------------...<a href="http://www.tulaoshi.com/n/20160219/1629506.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/未央以外/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/26.jpg" /><span>未央以外</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1483069" target="_blank"><img src="http://img.tulaoshi.com/201601/29/1389d911948c3b2885d187509bece562_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1483069.html" target="_blank">例说网页Semantics：Html/Xhtml是否真正符合标准</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div>
                         <div class="span_em_123"> 原文链接：http://jorux.com/archives/what-is-semantics/ Semantics可翻译为语义的(学)，它是Html/Xhtml是否真正符合标准的重要一环。Jorux在这和大家讨论一些自己的观点，如有不妥之处，还请各位网友指正。在西方，为什么这么多人如此重视网页的Semantics，也许你会说，西方比较守规矩，重视标准，但我想说的是，在这些表象的背后有着 一只无形的手 控制着。 在此，举个导航条的例子来说明我的观点。大家...<a href="http://www.tulaoshi.com/n/20160129/1483069.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/没法了我去啊/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/19.jpg" /><span>没法了我去啊</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1629458" target="_blank"><img src="http://img.tulaoshi.com/201602/19/536fda8f819eff4f658278ceb2eacaf5_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1629458.html" target="_blank">Web标准：文档类型和网页浏览器</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 原文： http://www.alistapart.com/articles/beyonddoctype 作者：Aaron Gustafson  译者：zhaozy in 3user.com 转载请注明作者和译者信息,谢谢! 进步总是要有代价的. 对网页浏览器来说, 由于开发者像是宣传真理一样的拍着胸部担保着一些编辑器和浏览器(特别是Internet Explorer), 用户们为此花费很多的成本. 而当这个浏览器推出了一个新版本, 然后又修正了之前版本的一些错误和对规范的误解(或...<a href="http://www.tulaoshi.com/n/20160219/1629458.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/蟻族的奋鬥/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/8.jpg" /><span>蟻族的奋鬥</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1483820" target="_blank"><img src="http://img.tulaoshi.com/201601/29/5ce42828e2a17e290e17c730044b7274_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1483820.html" target="_blank">使用Web标准建站第6天：XHTML代码规范</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div>
                         <div class="span_em_123">   在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中，你可以打开许多标签，例如<p和<li而不一定写对应的</p和</li来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭...<a href="http://www.tulaoshi.com/n/20160129/1483820.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/小叮当zym/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/20.jpg" /><span>小叮当zym</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1032316" target="_blank"><img src="http://img.tulaoshi.com/201512/11/15f142a20cfdc7c98fccba5fd3be90b6_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20151211/1032316.html" target="_blank">你的体重符合怀孕标准吗？</A></div>
                                    <div class="span_em_123"> “高龄”并不一定“高危” 不知不觉步入高龄准妈妈行列的职业女性越来越多，事业成功的今天，她们期待孕育健康的宝宝，但又担心因高龄孕育带来的危险。其实，我们认为，年龄高低已经不再是怀孕生产的主要问题，只要做好产前检查、孕前孕中准备，同样可以孕育健康宝宝。    孕前检查有必要 全面了解自身的健康情况，包括营养、发育、内外科疾病、孕期感染、不适当用药、孕期并发症、遗传因素...<a href="http://www.tulaoshi.com/n/20151211/1032316.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/和蔼的张园/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/16.jpg" /><span>和蔼的张园</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">18</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1617171" target="_blank"><img src="http://img.tulaoshi.com/201602/19/4237970050ccd44120ac5a4aef1b68af_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1617171.html" target="_blank">XMLHTTP获取web访问头信息和网页代码</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> % Function BytesToBstr(body,Cset)     dim objstream     set objstream = Server.CreateObject("adodb.stream")     objstream.Type = 1     objstream.Mode =3     objstream.Open objstream.Write body     objstream.Position = 0     objstream...<a href="http://www.tulaoshi.com/n/20160219/1617171.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/棒棒好银/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/21.jpg" /><span>棒棒好银</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
              </ul>
        <div id="pages" class="clearfix">
            <a href="/reader/21314.html">上一页</a><a href="/reader/21311.html">21311</a><a href="/reader/21312.html">21312</a><a href="/reader/21313.html">21313</a><a href="/reader/21314.html">21314</a><a href="/reader/21315.html" class="cur">21315</a><a href="/reader/21316.html">21316</a><a href="/reader/21317.html">21317</a><a href="/reader/21318.html">21318</a><a href="/reader/21319.html">21319</a><a href="/reader/21316.html">下一页</a>
        </div>
    </div>
</div>

<script type="text/javascript">tls.output.show_foot();</script>