<?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>欧阳博客 Joming&#039;s Blog &#187; 学习</title>
	<atom:link href="http://www.ouyy.com/tag/%e5%ad%a6%e4%b9%a0/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ouyy.com</link>
	<description>发现·分享·娱乐·新鲜·资讯</description>
	<lastBuildDate>Sun, 05 Sep 2010 07:45:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>整个WINDOWS系统文件详细用途说明</title>
		<link>http://www.ouyy.com/blog/2008/04/362.html</link>
		<comments>http://www.ouyy.com/blog/2008/04/362.html#comments</comments>
		<pubDate>Tue, 01 Apr 2008 17:57:50 +0000</pubDate>
		<dc:creator>ouyang</dc:creator>
				<category><![CDATA[网络发现]]></category>
		<category><![CDATA[windows]]></category>
		<category><![CDATA[学习]]></category>
		<category><![CDATA[教程]]></category>

		<guid isPermaLink="false">http://blog.ouyy.com/?p=359</guid>
		<description><![CDATA[详细的整个WINDOWS系统文件的用途A　 ACCESS.CHM &#8211; Windows帮助文件 ACCSTAT.EXE &#8211; 辅助状态指示器 ADVAPI32.DLL &#8211; 高级Win32应用程序接口 AHA154X.MPD &#8211; SCSI驱动程序 AM1500T.VXT &#8211; 网卡驱动程序 AM2100.DOS &#8211; 网卡驱动程序 APPSTART.ANI &#8211; 动画光标 APPS.HLP &#8211; Windows帮助文件 AUDIOCDC.HLP &#8211; &#34;易码编码解码器&#34;帮助文件 AWARDPR32.EXE &#8211; 增加打印机工具 B　 BIGMEM.DRV &#8211; BIGMEM虚拟设备 BILLADD.DLL &#8211; 动态链接库(支持MSW) BIOS.VXD &#8211; 即插即用BIOS接口 BUSLOGIC.MPD &#8211; SCSI驱动程序]]></description>
			<content:encoded><![CDATA[<p>详细的整个WINDOWS系统文件的用途<br/><br/>A　 <br/>ACCESS.CHM &#8211; Windows帮助文件 <br/>ACCSTAT.EXE &#8211; 辅助状态指示器 <br/>ADVAPI32.DLL &#8211; 高级Win32应用程序接口 <br/>AHA154X.MPD &#8211; SCSI驱动程序 <br/>AM1500T.VXT &#8211; 网卡驱动程序 <span id="more-362"></span><br/>AM2100.DOS &#8211; 网卡驱动程序 <br/>APPSTART.ANI &#8211; 动画光标 <br/>APPS.HLP &#8211; Windows帮助文件 <br/>AUDIOCDC.HLP &#8211; &quot;易码编码解码器&quot;帮助文件 <br/>AWARDPR32.EXE &#8211; 增加打印机工具 <br/><br/>B　 <br/>BIGMEM.DRV &#8211; BIGMEM虚拟设备 <br/>BILLADD.DLL &#8211; 动态链接库(支持MSW) <br/>BIOS.VXD &#8211; 即插即用BIOS接口 <br/>BUSLOGIC.MPD &#8211; SCSI驱动程序 </p>
]]></content:encoded>
			<wfw:commentRss>http://www.ouyy.com/blog/2008/04/362.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>禁止查看源代码方法</title>
		<link>http://www.ouyy.com/blog/2008/02/349.html</link>
		<comments>http://www.ouyy.com/blog/2008/02/349.html#comments</comments>
		<pubDate>Mon, 25 Feb 2008 10:17:45 +0000</pubDate>
		<dc:creator>ouyang</dc:creator>
				<category><![CDATA[杂杂碎碎]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[学习]]></category>
		<category><![CDATA[教程]]></category>

		<guid isPermaLink="false">http://blog.ouyy.com/?p=349</guid>
		<description><![CDATA[禁止查看源代码方法]]></description>
			<content:encoded><![CDATA[<p>禁止查看源代码方法<br />
<code><br />
<script><!--function clear(){  Source=document.body.firstChild.data;  document.open();  document.close();  document.title="不显示源代码";  document.body.innerHTML=Source;}
// --></script><!--此方法是HTML防止查看源代码的方法中比较好的,什么东西都不会是绝对的,可以利用以下代码查看到。<br />
javascript:alert(document.documentElement.outerHTML); --><br />
</code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ouyy.com/blog/2008/02/349.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>禁止网页另存为</title>
		<link>http://www.ouyy.com/blog/2008/02/340.html</link>
		<comments>http://www.ouyy.com/blog/2008/02/340.html#comments</comments>
		<pubDate>Wed, 20 Feb 2008 18:59:11 +0000</pubDate>
		<dc:creator>ouyang</dc:creator>
				<category><![CDATA[杂杂碎碎]]></category>
		<category><![CDATA[学习]]></category>
		<category><![CDATA[网络]]></category>

		<guid isPermaLink="false">http://blog.ouyy.com/?p=340</guid>
		<description><![CDATA[在HTML网页中加入几行简单的代码可以禁止他人使用鼠标右键和“另存为”命令。　　一、屏蔽鼠标右键　　把网页的标签修改为下面的代码：　　＜body oncontextmenu=self.event.returnValue=false onselectstart=\&#8221;return false\&#8221;＞　　现在点击鼠标右键就不会有任何反应了。　　二、禁止“另存为”命令　　在＜body＞&#8230;＜/body＞标签之间加入如下代码，可以使“另存为”命令不能顺利执行。　　＜noscript＞　　＜iframe scr=\&#8221;*.htm\&#8221;＞＜/iframe＞　　＜/noscript＞　　加入上述代码后，当执行“另存为”命令时，会弹出“保存网页时出错”的对话框。　　利用Html Guard　　上面的方法只能在一定程度上保护网页的安全，如果要想彻底地防止他人抄袭，可以把代码、软件两种方法同时用上。下面就介绍利用Html Guard来对网页进行加密。　　Html Guard档案　　最新版本：2.33　　软件大小：1057KB　　软件类型：共享软件　　适用系统：Win9X/Me/2000/NT/XP　　下载地址：http://www.skycn.com/soft/6588.html　　安装完成后启动软件。它的操作界面主要由五个功能标签和设置区域组成。　　一、选择网页文件　　点击主界面中的“Input”标签。选中“Protect all files in a directory”项将对整个文件夹中的网页文件进行加密，若是子文件夹中的文件也需要加密，应将“Include sub directories”项选中。如果想加密单个网页，应选择“Protect following HTML files”项，并使用“Add”按钮来添加。　　二、设置输出　　使用“Output”标签下“Copy to following directory”项后的“Browse”按钮，来设置加密后的文件所存放的位置。通常我们要把“Copy Linked Files”项也选中，这样就会把网页相关的链接文件一同复制到输出目录中。“Overwrite existing files”项表示用加密后的文件覆盖源文件，笔者建议不要使用此项。　　如果不想查看输出结果，可以使用“Upload to server via FTP”项，直接将加密后的文件上传到服务器中。点击“FTP-Settings”按钮，在弹出的对话框中设置服务器地址、用户名、用户密码等等。　　勾选“Backup”项下的“Create backup copies of the unmodified files before overwriting html pages”，它表示在加密信息写入网页之前创建一个备份。要在原文件夹中创建备份应选“Place in the original directory”项。　　三、加密源代码　　在“Source code”页面中有三种加密源代码的方法。　　1.Encode source code(编译源代码)。使用该项后，当别人用网页编辑器打开该网页时将显示乱码。由于该编译是在JavaScript技术的基础上进行的，所以编译后的网页必须在支持JavaScript 1.0以上的浏览器上运行。如果你担心有人因此而不能查看你的网页，那么可以将“Include ＜noscript＞section”项选中，并在它下面的栏里添加提示。例如：想正常查看该网页，则必须有支持JavaScript 1.0以上的浏览器。　　2.Squeeze source code(压缩源代码)。此项的主要作用是去除代码中的空行，使代码更加紧凑。这样做除了能让剽窃者难以读懂源代码以外，还能缩小网页文件的体积，有效地减少调入时间。　　3.Insert blank lines(插入空行)。插入空行的作用也是为了让人难以找到源代码。勾选“At the beginning(在前端)”或“At [...]]]></description>
			<content:encoded><![CDATA[<p>在HTML网页中加入几行简单的代码可以禁止他人使用鼠标右键和“另存为”命令。<br/><br/>　　一、屏蔽鼠标右键<br/>　　把网页的标签修改为下面的代码：<br/><br/>　　＜body oncontextmenu=self.event.returnValue=false onselectstart=\&#8221;return false\&#8221;＞<br/><br/>　　现在点击鼠标右键就不会有任何反应了。<br/><span id="more-340"></span><br/>　　二、禁止“另存为”命令<br/>　　在＜body＞&#8230;＜/body＞标签之间加入如下代码，可以使“另存为”命令不能顺利执行。<br/><br/>　　＜noscript＞<br/><br/>　　＜iframe scr=\&#8221;*.htm\&#8221;＞＜/iframe＞<br/><br/>　　＜/noscript＞<br/><br/>　　加入上述代码后，当执行“另存为”命令时，会弹出“保存网页时出错”的对话框。<br/><br/>　　利用Html Guard<br/>　　上面的方法只能在一定程度上保护网页的安全，如果要想彻底地防止他人抄袭，可以把代码、软件两种方法同时用上。下面就介绍利用Html Guard来对网页进行加密。<br/><br/>　　Html Guard档案<br/><br/>　　最新版本：2.33<br/><br/>　　软件大小：1057KB<br/><br/>　　软件类型：共享软件<br/><br/>　　适用系统：Win9X/Me/2000/NT/XP<br/><br/>　　下载地址：http://www.skycn.com/soft/6588.html<br/><br/>　　安装完成后启动软件。它的操作界面主要由五个功能标签和设置区域组成。<br/><br/><br/>　　一、选择网页文件<br/>　　点击主界面中的“Input”标签。选中“Protect all files in a directory”项将对整个文件夹中的网页文件进行加密，若是子文件夹中的文件也需要加密，应将“Include sub directories”项选中。如果想加密单个网页，应选择“Protect following HTML files”项，并使用“Add”按钮来添加。<br/><br/>　　二、设置输出<br/>　　使用“Output”标签下“Copy to following directory”项后的“Browse”按钮，来设置加密后的文件所存放的位置。通常我们要把“Copy Linked Files”项也选中，这样就会把网页相关的链接文件一同复制到输出目录中。“Overwrite existing files”项表示用加密后的文件覆盖源文件，笔者建议不要使用此项。<br/><br/>　　如果不想查看输出结果，可以使用“Upload to server via FTP”项，直接将加密后的文件上传到服务器中。点击“FTP-Settings”按钮，在弹出的对话框中设置服务器地址、用户名、用户密码等等。<br/><br/>　　勾选“Backup”项下的“Create backup copies of the unmodified files before overwriting html pages”，它表示在加密信息写入网页之前创建一个备份。要在原文件夹中创建备份应选“Place in the original directory”项。<br/><br/>　　三、加密源代码<br/>　　在“Source code”页面中有三种加密源代码的方法。<br/><br/><br/>　　1.Encode source code(编译源代码)。使用该项后，当别人用网页编辑器打开该网页时将显示乱码。由于该编译是在JavaScript技术的基础上进行的，所以编译后的网页必须在支持JavaScript 1.0以上的浏览器上运行。如果你担心有人因此而不能查看你的网页，那么可以将“Include ＜noscript＞section”项选中，并在它下面的栏里添加提示。例如：想正常查看该网页，则必须有支持JavaScript 1.0以上的浏览器。<br/><br/>　　2.Squeeze source code(压缩源代码)。此项的主要作用是去除代码中的空行，使代码更加紧凑。这样做除了能让剽窃者难以读懂源代码以外，还能缩小网页文件的体积，有效地减少调入时间。<br/><br/>　　3.Insert blank lines(插入空行)。插入空行的作用也是为了让人难以找到源代码。勾选“At the beginning(在前端)”或“At the end(在末尾)”项来确定加入空行的位置，然后调整“Number of lines”的值确定插入的空行数。另外你还能够使用“Insert the following text at the top”项在网页代码的上端添加例如“source code not available(该网页代码不可用)”之类的警告信息。需要注意的是，每次插入一个空行，将使网页文件大小增大两个字节。<br/><br/>　　四、保护图像和文本<br/>　　“Images/Texts”标签中选项的功能如下：“Lock the menu on the right mouse button”帮助你锁住网页的右键菜单；“Block text selection”禁止文本被选择(该功能只能在IE4.0以上的浏览器上生效)；“Do not display links in status bar”不在状态栏中显示链接；“Deactivate browser`s print function”禁止浏览器的打印功能；“Disable Clipboard”禁止剪贴板功能；“Disable image caching in browser”禁止浏览器的图片缓存。<br/><br/>　　五、查看结果<br/>　　点击界面右侧的“Protect files”按钮，即可完成网页文件的加密(如果弹出警告窗口，点击“Continue”按钮继续工作)。然后在“Result”标签中点击要查看的网页，在展开项中选择“Load in browser”来查看加密后的效果。当然你也可以使用展开项里的“Path”和“Show source code”命令来打开加密后文件所存放的文件夹以及查看加密后的源代码。<br/><br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ouyy.com/blog/2008/02/340.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>好久没有心情&#8230;</title>
		<link>http://www.ouyy.com/blog/2007/09/296.html</link>
		<comments>http://www.ouyy.com/blog/2007/09/296.html#comments</comments>
		<pubDate>Tue, 11 Sep 2007 08:52:15 +0000</pubDate>
		<dc:creator>ouyang</dc:creator>
				<category><![CDATA[杂杂碎碎]]></category>
		<category><![CDATA[公司]]></category>
		<category><![CDATA[学习]]></category>
		<category><![CDATA[工作]]></category>
		<category><![CDATA[考试]]></category>
		<category><![CDATA[辞职]]></category>

		<guid isPermaLink="false">http://blog.ouyy.com/?p=292</guid>
		<description><![CDATA[不知道为什么,烦 辞职还要下月20号才可以离开公司,有种迷茫的感觉 不知道自己下一步该做什么 或许 这就是成长的苦恼和需要面对的现实,感觉压力非常的沉重, 下个月还要考试 自己还没来得及复习 时间却已经过了好多 不知道自己能否可以通过这次考试,好累.]]></description>
			<content:encoded><![CDATA[<p>不知道为什么,烦 辞职还要下月20号才可以离开公司,<br/>有种迷茫的感觉 不知道自己下一步该做什么 <br/>或许 这就是成长的苦恼和需要面对的现实,感觉压力非常的沉重, <br/>下个月还要考试 自己还没来得及复习 时间却已经过了好多 <br/>不知道自己能否可以通过这次考试,好累.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ouyy.com/blog/2007/09/296.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Illustrator制作精致可爱的矢量三维图标</title>
		<link>http://www.ouyy.com/blog/2007/08/290.html</link>
		<comments>http://www.ouyy.com/blog/2007/08/290.html#comments</comments>
		<pubDate>Sat, 18 Aug 2007 04:23:44 +0000</pubDate>
		<dc:creator>ouyang</dc:creator>
				<category><![CDATA[文章转载]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[学习]]></category>
		<category><![CDATA[教程]]></category>

		<guid isPermaLink="false">http://blog.ouyy.com/?p=287</guid>
		<description><![CDATA[利用Illustrator的三维功能，我们可以做出很多简单漂亮的示例三维logo效果。 　　1、3D文本　　选用Illustrator字体工具输入“3D Logo”。然后在效果菜单 选择 弯曲 选择 弧度（Effect ＞Warp ＞ Arc）做如下设置： 　　2、三维挤压与导角　　然后在效果菜单 选择 三维，再选择 挤压与导角（ Effect ＞ 3D ＞ Extrude &#038; Bevel )做如图设置。你可以用拖拽立方体的方法来设置X,Y,Z坐标的值。设置挤压深度为20pt。　　3、扩展外观　　现在到对象菜单选择扩展外观来移除效果并得到路径。在扩大文本对象后，在对象菜单下选择去除群组或者按Ctrl+Shift+G。你也许需要执行4到5次去除群组才能把对象的组合全部去除。4、合并路径　　选择一个圆角的路径，用修整工具（Shift+F9）。按住alt，点击合并外部区域来合并选中的路径。重复这个动作直到合并了所有圆角的路径。 　　5、应用渐变　　选择表面的路径并用一个黄色到绿色渐变。　　6、吸管　　选择阴影（深层）路径，用吸管工具点击字体路径，这样就可以复制渐变填充了。　　7、阴影渐变　　选择阴影区的路径，然后在渐变工具加入暗色调的渐变。　　总结　　你可以这个方法制作任何3D对象（形状、文本、元素），就通用的步骤如下：　　使用三维挤压与导角效果　　放大对象外观　　取消群组　　使用渐变　　吸管提取渐变填充]]></description>
			<content:encoded><![CDATA[<p>利用Illustrator的三维功能，我们可以做出很多简单漂亮的示例三维logo效果。 <br/><br/><img src="http://www.ouyy.com/wp-content/bo/attachment/1187382055_0.jpg" alt="" /><br/><br/>　　1、3D文本<br/>　　选用Illustrator字体工具输入“3D Logo”。然后在效果菜单 选择 弯曲 选择 弧度（Effect ＞Warp ＞ Arc）做如下设置： <br/><span id="more-290"></span><br/><img src="http://www.ouyy.com/wp-content/bo/attachment/1187382055_1.gif" alt="" /><br/><br/>　　2、三维挤压与导角<br/>　　然后在效果菜单 选择 三维，再选择 挤压与导角（ Effect ＞ 3D ＞ Extrude &#038; Bevel )做如图设置。你可以用拖拽立方体的方法来设置X,Y,Z坐标的值。设置挤压深度为20pt。<br/><br/><img src="http://www.ouyy.com/wp-content/bo/attachment/1187382055_2.gif" alt="" /><br/><br/>　　3、扩展外观<br/>　　现在到对象菜单选择扩展外观来移除效果并得到路径。在扩大文本对象后，在对象菜单下选择去除群组或者按Ctrl+Shift+G。你也许需要执行4到5次去除群组才能把对象的组合全部去除。<br/><br/><img src="http://www.ouyy.com/wp-content/bo/attachment/1187382055_3.gif" alt="" /><br/><br/>4、合并路径<br/>　　选择一个圆角的路径，用修整工具（Shift+F9）。按住alt，点击合并外部区域来合并选中的路径。重复这个动作直到合并了所有圆角的路径。 <br/><br/><img src="http://www.ouyy.com/wp-content/bo/attachment/1187382055_4.gif" alt="" /><br/><br/>　　5、应用渐变<br/>　　选择表面的路径并用一个黄色到绿色渐变。<br/><img src="http://www.ouyy.com/wp-content/bo/attachment/1187382134_0.gif" alt="" /><br/><br/><br/>　　6、吸管<br/>　　选择阴影（深层）路径，用吸管工具点击字体路径，这样就可以复制渐变填充了。<br/><img src="http://www.ouyy.com/wp-content/bo/attachment/1187382134_1.gif" alt="" /><br/><br/><br/>　　7、阴影渐变<br/>　　选择阴影区的路径，然后在渐变工具加入暗色调的渐变。<br/><br/><img src="http://www.ouyy.com/wp-content/bo/attachment/1187382134_2.gif" alt="" /><br/><br/>　　总结<br/><br/>　　你可以这个方法制作任何3D对象（形状、文本、元素），就通用的步骤如下：<br/>　　使用三维挤压与导角效果<br/>　　放大对象外观<br/>　　取消群组<br/>　　使用渐变<br/>　　吸管提取渐变填充<br/><img src="http://www.ouyy.com/wp-content/bo/attachment/1187382134_3.gif" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ouyy.com/blog/2007/08/290.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>学习常用的一些HTML标签的语义</title>
		<link>http://www.ouyy.com/blog/2007/08/289.html</link>
		<comments>http://www.ouyy.com/blog/2007/08/289.html#comments</comments>
		<pubDate>Sat, 18 Aug 2007 04:03:57 +0000</pubDate>
		<dc:creator>ouyang</dc:creator>
				<category><![CDATA[文章转载]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[学习]]></category>

		<guid isPermaLink="false">http://blog.ouyy.com/?p=286</guid>
		<description><![CDATA[HTML标签的语义如今Web标准都被通俗的叫做“div+css”或者“层布局”。我不反对这种便宜行事的叫法。但是这样会陷入一个误区：即大量的使用div标签作为结构元素。事实上这是一种更高级的div滥用(Jeffrey Zeldman在《网站重构》一书中提到）。HTML为我们提供了相当丰富的标签，每个标签都有它各自的含义。我认为在设计时，除了遵循HTML语法以外，应该充分利用并遵守各标签的“语义”。如标题文字应该包含在h1-h6中，大段的文字内容应该由&#60;p&#62;进行分段而不是&#60;br /&#62;，列表项应该放在ul或ol或dl中，表格形式的数据应该仍然用table布局。为什么要这样做？一个很有说服力的原因是，保证在用户去掉CSS显示的情况下，网页能够尽量有效的将内容的结构层次显示出来。如果全部用div，当去掉CSS之后，整个网页就失去了层次，只剩下一些杂乱的文字碎片。这并不符合Web标准对低配置兼容性的要求。我下面详细的列举一下我对一些标签的语义的理解：p br先说个最简单的。分段要用p标签而不是用br（甚至连续两个&#60;br /&#62;）。这个似乎不用多说。但是有时候我们不得不放弃这个原则。一个常见的例子是论坛发帖，如果我想分段，便打回车。而如此传输到后台并显示出来的，显然就是用&#60;br /&#62;分段的。table th由于大力宣扬div+css的结果，似乎现在谁用table布局谁就是未开化的土著。但我认为这种观点是不正确的。table的含义是表格，因此凡是应该以表格形式出现的数据，仍然应该用table布局。简单的例子是班级同学的花名册，包括姓名学号性别等等，这明显是一个表格形式的数据，因此应该用table布局。另一个比较值得探讨的例子是，blog里面的日历导航。我曾经有见过一个blog程序，它的日历导航里的各个日期，从1号到30号全用div套好，再使用float:left样式7个一排的排出当月的日历。当我取消浏览器的CSS显示之后，日历的那部分则从1号到30号一竖排下来。我认为这是不对的。因为日历应该是一个表格形式的数据，因此仍然应该用table布局。当取消css之后，应该仍然按照一排7个的样子归成一个表格。th则是另一个会被忽视的标签。由于CSS的万能，所有的表格单元都可以用td加一个class属性搞定。但是从语义上讲，一些表格单元应该用th标签。比如上文说到的日历表格，里面的“MON TUE WED&#8230; SUN”这些标识星期的单元，就应该用th而不是td。h1-h6对于h1-h6标签，从语义上讲，它们应该适用于所有标题文字。因此，一些如&#60;div class=&#34;diary-title&#62;的写法都是多余的，直接写成&#60;h1&#62;，然后直接对h1而不是.diary-title定义CSS，不是一样的效果么？当然，这个规矩我也不能定得太死，因为有时候标题部分的结构元素并不能简单的用一个h1就能解决的。但我最多用类似&#60;h1&#62;&#60;span&#62;&#60;/span&#62;&#60;/h1&#62;的方法将标题的结构嵌套得更复杂，以满足表现的需要。但这里会出现一个语义上的分歧。h1究竟该理解为一级标题呢还是理解为1号字体大小的标题。我通常理解为一级标题，一级标题下再有小标题就用h2。但是事实上回顾HTML设计之初，h1-h6后面的数字更多的被理解为控制标题文字大小的。用h3或许只是为了使用三号大小的字体，而并非它就是三级标题。否则一级标题全用h1，个个都是斗大的字，又不得不用CSS来控制字号，感觉很累赘。所以，这是一个待商榷的问题。ul ol 凡是需要罗列条款的，都应该用ul或者ol，而不是用p。比如招聘广告里的职位需求，比如注意事项，比如操作步骤说明。此外一个流行的用法是网页的导航菜单也用ul li来列举，然后再用CSS控制其排列方式。应该要补充的是，别忘了li里面还可以再用ul或ol，形成第二级列表。dl dt dd这是一组几乎被人忘记的标签，但Jeffrey Zeldman在《网站重构》中大力推崇对它们的使用。dl应该是“defining list（或是definition list？有知道的朋友请告诉我）”的全称，一个典型的用法是字典的词条。单词的名字放在dt里面，单词的解释放在dd里面。而alistapart.com网站更加高明的，将右侧栏整个定义为dl，每个单元的标题用dt，而该单元的内容则用dd。]]></description>
			<content:encoded><![CDATA[<p>HTML标签的语义<br/><br/>如今Web标准都被通俗的叫做“div+css”或者“层布局”。我不反对这种便宜行事的叫法。但是这样会陷入一个误区：即大量的使用div标签作为结构元素。事实上这是一种更高级的div滥用(Jeffrey Zeldman在《网站重构》一书中提到）。<br/><br/>HTML为我们提供了相当丰富的标签，每个标签都有它各自的含义。我认为在设计时，除了遵循HTML语法以外，应该充分利用并遵守各标签的“语义”。如标题文字应该包含在h1-h6中，大段的文字内容应该由&lt;p&gt;进行分段而不是&lt;br /&gt;，列表项应该放在ul或ol或dl中，表格形式的数据应该仍然用table布局。<br/><span id="more-289"></span><br/>为什么要这样做？一个很有说服力的原因是，保证在用户去掉CSS显示的情况下，网页能够尽量有效的将内容的结构层次显示出来。如果全部用div，当去掉CSS之后，整个网页就失去了层次，只剩下一些杂乱的文字碎片。这并不符合Web标准对低配置兼容性的要求。<br/><br/>我下面详细的列举一下我对一些标签的语义的理解：<br/><br/>p br<br/><br/>先说个最简单的。分段要用p标签而不是用br（甚至连续两个&lt;br /&gt;）。这个似乎不用多说。但是有时候我们不得不放弃这个原则。一个常见的例子是论坛发帖，如果我想分段，便打回车。而如此传输到后台并显示出来的，显然就是用&lt;br /&gt;分段的。<br/><br/>table th<br/><br/>由于大力宣扬div+css的结果，似乎现在谁用table布局谁就是未开化的土著。但我认为这种观点是不正确的。table的含义是表格，因此凡是应该以表格形式出现的数据，仍然应该用table布局。简单的例子是班级同学的花名册，包括姓名学号性别等等，这明显是一个表格形式的数据，因此应该用table布局。另一个比较值得探讨的例子是，blog里面的日历导航。我曾经有见过一个blog程序，它的日历导航里的各个日期，从1号到30号全用div套好，再使用float:left样式7个一排的排出当月的日历。当我取消浏览器的CSS显示之后，日历的那部分则从1号到30号一竖排下来。我认为这是不对的。因为日历应该是一个表格形式的数据，因此仍然应该用table布局。当取消css之后，应该仍然按照一排7个的样子归成一个表格。<br/><br/>th则是另一个会被忽视的标签。由于CSS的万能，所有的表格单元都可以用td加一个class属性搞定。但是从语义上讲，一些表格单元应该用th标签。比如上文说到的日历表格，里面的“MON TUE WED&#8230; SUN”这些标识星期的单元，就应该用th而不是td。<br/><br/>h1-h6<br/><br/>对于h1-h6标签，从语义上讲，它们应该适用于所有标题文字。因此，一些如&lt;div class=&quot;diary-title&gt;的写法都是多余的，直接写成&lt;h1&gt;，然后直接对h1而不是.diary-title定义CSS，不是一样的效果么？当然，这个规矩我也不能定得太死，因为有时候标题部分的结构元素并不能简单的用一个h1就能解决的。但我最多用类似&lt;h1&gt;&lt;span&gt;&lt;/span&gt;&lt;/h1&gt;的方法将标题的结构嵌套得更复杂，以满足表现的需要。<br/><br/>但这里会出现一个语义上的分歧。h1究竟该理解为一级标题呢还是理解为1号字体大小的标题。我通常理解为一级标题，一级标题下再有小标题就用h2。但是事实上回顾HTML设计之初，h1-h6后面的数字更多的被理解为控制标题文字大小的。用h3或许只是为了使用三号大小的字体，而并非它就是三级标题。否则一级标题全用h1，个个都是斗大的字，又不得不用CSS来控制字号，感觉很累赘。所以，这是一个待商榷的问题。<br/><br/>ul ol <br/><br/>凡是需要罗列条款的，都应该用ul或者ol，而不是用p。比如招聘广告里的职位需求，比如注意事项，比如操作步骤说明。此外一个流行的用法是网页的导航菜单也用ul li来列举，然后再用CSS控制其排列方式。<br/><br/>应该要补充的是，别忘了li里面还可以再用ul或ol，形成第二级列表。<br/><br/>dl dt dd<br/><br/>这是一组几乎被人忘记的标签，但Jeffrey Zeldman在《网站重构》中大力推崇对它们的使用。dl应该是“defining list（或是definition list？有知道的朋友请告诉我）”的全称，一个典型的用法是字典的词条。单词的名字放在dt里面，单词的解释放在dd里面。而alistapart.com网站更加高明的，将右侧栏整个定义为dl，每个单元的标题用dt，而该单元的内容则用dd。<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ouyy.com/blog/2007/08/289.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
