<?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>吓我一跳 &#187; HTML</title>
	<atom:link href="http://digegg.com/article/tag/html/feed" rel="self" type="application/rss+xml" />
	<link>http://digegg.com</link>
	<description>分享新鲜，传递快乐</description>
	<lastBuildDate>Tue, 31 Jan 2012 13:49:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>IE浏览器下超链接焦点虚线框范围错位的修正方法</title>
		<link>http://digegg.com/article/624.htm</link>
		<comments>http://digegg.com/article/624.htm#comments</comments>
		<pubDate>Fri, 19 Mar 2010 07:14:15 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[使用教程]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://www.digegg.com/?p=624</guid>
		<description><![CDATA[不知道你有没有遇到过这样的问题：Internet Explorer浏览器下超链接a标签的焦点范围同hover范围错位，表现在超链接a标签的焦点范围偏离应有的热点区。这个问题只发生在IE浏览器身上，包括IE6、7、8；除IE之外的Firefox、Opera、Safari和Chrome等浏览器均不存在这样的问题。不知道如何使用css控制超链接虚线框的范围，对于这个问题我是这样解决的： IE下超链接A标签焦点虚线范围错位的表现： 如上所述，次问题紧紧出现在IE浏览器下，关于具体的表现上面说的可能不够清楚，看下面的截图就会明白是怎么回事了，注意看鼠标下面虚线的范围： 在ie下超链接a焦点虚线框比应有的范围缩小了 这个是我在国内Google爱好者谷奥网站底部截取的图片，这张图对问题的说明的可能更直接和清楚，有兴趣可以去看一下 解决方法： 关于这个a标签焦点虚线框的范围问题困扰我好长时间了，昨天在无意间竟然发现解决这个问题的方法竟是如此的简单，只要在对应的css标签中加上float熟悉就可以解决了，但是float后面的参数只能是left或right，即： float:left; 或 float:right; 下图是修正后的效果也是正常情况下应该出现的效果，我不知道这个是不是正确的方法，但是通过这个方法问题被解决了&#8230; 写在最后： 我不知道是何原因致使IE下超链接A标签焦点虚线范围错位，或许是css写的有问题，还是其它地方有冲突&#8230;我是在制作Wordpress主题时发现这个情况的，如果你也正在使用Wordpress分页插件：Wp-PageNavi并且出现了同样的问题，那么你只需要将“pagenavi-css.css”文件中的“.wp-pagenavi a”、“.wp-pagenavi span.extend”、“.wp-pagenavi span.current”和“.wp-pagenavi span.pages”加上“float:left;”属性就可以解决问题了。 如果谁知道造成问题的真正原因或有更好的解决办法请不吝指教，谢谢！]]></description>
		<wfw:commentRss>http://digegg.com/article/624.htm/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>html中map标签致使网站无法通过W3的XHTML验证</title>
		<link>http://digegg.com/article/579.htm</link>
		<comments>http://digegg.com/article/579.htm#comments</comments>
		<pubDate>Tue, 15 Dec 2009 07:47:37 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[usemap]]></category>
		<category><![CDATA[w3]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.digegg.com/?p=579</guid>
		<description><![CDATA[前一段时间我在网站的头部加上了av格子广告，这里的av是avatar的意思，AV格子广告制作很简单，使用的就是map标签，具体的制作请看这里的最后一条，最近不知道怎么想的决定去w3做一下xhtml验证，结果发现一个问题：map标签基本不能通过w3的xhtml 1.1验证&#8230; 这个方法很简便只要使用一张图片就可以了，代码大致如下： &#60;img src=”image_url” usemap=”#mapname” /&#62; &#60;map id=”mapname” name=”mapname”&#62;&#8230;. 然而让人觉得不可思议的是，竟然无法通过w3的xhtml 1.1的验证，其中无法通过给出的错误提示是这样的： “character “#” is not allowed in the value of attribute “usemap”” “Attribute “name” exists, but can not be used for this element” 关于错误： 第二条的意思是说不能在&#60;map&#62;&#60;/map&#62;标签中使用name属性，就是说只能在map中用id了，对于IE、Opera来说不管是id还是name都无所谓，可能没有什么影响，因为他们可以认识id，但是对于Firefox、Google Chrome和Safari来说它们只认识name；这是w3的错还是Firefox、Chrome或Safari的错？ 第一条的意思是说在不能对usemap使用“#”就是id，也就是只能在map标签中使用name属性，这是不是就是传说中的自相矛盾呢？这样一来，只有Google Chrome和Safari能够正常工作，IE、Firefox和Opera全都挂了，IE就不说了，Firefox、Opera可是都声称是按照标准来的，难道是w3错了？ 如果你在usemap中使用了“#”也就是你用了id，那么对应还会有一个warning警告： reference to non-existent ID “#map中的_id_名称” 最后，对于“map无法通过w3的xhtml 1.1验证”这个问题，如果谁有更好的办法请一定要分享一下，欢迎指正！]]></description>
		<wfw:commentRss>http://digegg.com/article/579.htm/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>WordPress美化技巧 &#8211; 表格的美化</title>
		<link>http://digegg.com/article/570.htm</link>
		<comments>http://digegg.com/article/570.htm#comments</comments>
		<pubDate>Thu, 26 Nov 2009 08:26:30 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[美化]]></category>

		<guid isPermaLink="false">http://www.digegg.com/?p=570</guid>
		<description><![CDATA[玩Wordpress好长时间了期间和很多同学交流过一些看法和认识，积累了一点经验，写这篇日志来谈一下Wordpress主题表格的美化技巧。对于HTML表格的认识我们最熟悉的就是&#60;table&#62;&#60;/table&#62;、&#60;tr&#62;&#60;/tr&#62;、&#60;th&#62;&#60;/th&#62;这三对Html标签，而&#60;thead&#62;、&#60;tbody&#62;、&#60;caption&#62;和&#60;th&#62;等却时常被我们忽视，下面就来看看如何使用css样式来美化Wordpress中的表格。 下面不妨使用这些标记写一个表格，如下： &#60;table border=”1&#8243; summary=”summary定义的是摘要”&#62; &#60;caption&#62;caption定义的是首部说明&#60;/caption&#62; &#60;thead&#62; &#60;tr&#62; &#60;th&#62;Month&#60;/th&#62; &#60;th&#62;Savings&#60;/th&#62; &#60;/tr&#62; &#60;/thead&#62; &#60;tbody&#62; &#60;tr&#62; &#60;th&#62;January&#60;/th&#62; &#60;td&#62;$100&#60;/td&#62; &#60;/tr&#62; &#60;tr&#62; &#60;th&#62;February&#60;/th&#62; &#60;td&#62;$80&#60;/td&#62; &#60;/tr&#62; &#60;/tbody&#62; &#60;tfoot&#62; &#60;tr&#62; &#60;th&#62;Sum&#60;/th&#62; &#60;td&#62;$180&#60;/td&#62; &#60;/tr&#62; &#60;/tfoot&#62;&#60;/table&#62;? 说明： th定义表格内的表头单元格，th 元素内部的文本通常会呈现为粗体。 tr 标签定义 HTML 表格中的行。 tr 元素包含一个或多个 th 或 td 元素。 td 标签定义 HTML 表格中的标准单元格。 HTML 表格有两类单元格： 表头单元 &#8211; 包含头部信息（由 th 元素创建） 标准单元 &#8211; 包含数据（由 [...]]]></description>
		<wfw:commentRss>http://digegg.com/article/570.htm/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

