??xml version="1.0" encoding="utf-8" standalone="yes"?>
html中图片的说明ATL参数能不能分行显C啊
http://topic.csdn.net/t/20040904/21/3340893.html
h高手Q当img的src地址不对Ӟ如何使浏览器不显C?#8220;X”
http://topic.csdn.net/t/20060913/10/5018384.html
<img id="aa" src="aa.jpg" onerror="this.src='file.jpg';" >
当aa.jpg不存在,显Cfile.jpg 。不知道是不是你惌的结果。需要另外的一个图片来替代
]]>
http://www.codefans.net/jscss/code/602.shtml
Ajax选项卡、隔行换艌Ӏ弹出层
http://www.codefans.net/jscss/code/1606.shtml
Div滚动?br />
http://zhidao.baidu.com/question/122145038.html?fr=cpush
div 样式中加overflow:scroll 可以滚动了,但会出现滚动条(不想出现滚动条) 用overflow:hidden是不出现滚动?nbsp;但不能用滚u了,望高手帮忙解?nbsp;
js监听鼠标滚轮 q个怎么实现 Q?br />
]]>
]]>
http://www.iwms.net/n1846c40.aspx
IE6支持下划U,IE7和firefox均不支持下划Uѝ?br />
区别FFQIE7QIE6Q?nbsp;
background:orange;*background:green;_background:blue;
CSS中属性的书写序
http://lifesinger.org/blog/2009/02/the-order-css-rules/
/* mozilla.org Base Styles
* maintained by fantasai
*/
/* Suggested order:
* display
* list-style
* position
* float
* clear
* width
* height
* margin
* padding
* border
* background
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
*
*/
来源Qhttp://www.mozilla.org/css/base/content.css
]]>
作 者: Q美Q哈|d 东贤安 {译
??C: 人民邮电出版C?nbsp; I S B N Q?9787115210470
内容大部分连接至当当Q?a >http://product.dangdang.com/product.aspx?product_id=20642357
内容?br />
本书采用理论与实늛l合的方式,展示了如何重构HTMLQ以获得更佳的可靠性、性能、可用性、安全性、可讉K性、兼Ҏ,甚至实现良好的搜索引擎优化。书中详l介l了如何辨别应该重构的Web代码中的“坏味?#8221;Q如何把旧的HTML转换构和有效的XHTMLQ如何用CSS改善现有的布局Q如何通过用GET替换POST、替换旧的联p表单和重构JavaScfipt来更新Web应用E序Q如何系l地重构内容和链接,如何在不改变用户所依赖的URL的前提下重徏|站?br />
本书适合Web设计人员、开发h员、项目经理和需要维护或更新既有|站的h使用?/p>
目录
W?章 重构
明概要的_重构是在不改变程序行为的基础上进行的改动,是代码基逐渐改善的过E,通常也需依赖于一些自动化工具的帮助。重构的目标是移除长q篏月积聚下来的烂码Q以得到更清晰和更容易维护、除错及新添加功能的代码?br />
重构的原因:1、初始设计者未曾想到的l节逐渐暴露Q?、增加新功能?/p>
1.1 Z重构
1.1.1 坏味道:难以辨认的代?br />
1.1.2 坏味道:CE0Ҏ搞不定他的旅行费用报销?br />
|站需要更好的可用性?br />
1.1.3 坏味道:~慢的页面呈现速度
1.1.4 坏味道:不同的浏览器Q不同的呈现
1.1.5 坏味道:|页需要危险或者非标准技术的支持
1.1.6 坏味道:公司主页H然昄“Pwned by Elite Doodz”
黑客入RQ例如直接对设计有漏z的表单处理脚本实施代码注入d?br />
1.1.7 坏味道:在Google搜烦l果中首ơ排?7之?br />
1.1.8 坏味道:讉K者致信投诉网站失?br />
1.2 何时重构
无论做什么,都不要因q求完美而忽视小的改q(勿以善小而不为)Q如果眼下的旉_做一点儿重构Q那只做一点儿Q以后有旉可以做得更多。整体性的重新设计虽然惹h注目令h隑ֿQ但不积跬步又何以至千里Q?br />
1.3 重构什?br />
1.3.1 Z要用XHTML
XHTML只不qXML化的HTML。但XHTML非常严格。诸如漏掉引h忽略l束标签q些l微的错误,在HTML中浏览器会默默补上,但在XHTML中就会成Z重的四警报。这样就化了览器对XHTML的处理?/p>
1.3.2 Z要用CSS
把表C内容中分d来是HTML的基本设计原则?/p>
1.3.3 Z要用REST
REST(Representational State TransferQ表q性状态{U?Q它是HTTP的架构?/p>
1.4 反对重构的理?/p>
W?章 工具
2.1 备䆾、测试用机和源码控制
重构臛_需?个步骤:
1、确定问题?br />
2、修复问题?br />
3、检查已修复的问题?br />
4、确保没有引入新问题?br />
5、部|解x案?/p>
2.2 验证?br />
2.2.1 W3C标记验证服务
2.2.2 日志验证E序
2.2.3 xmllint
2.2.4 ~辑?/p>
2.3 试
2.3.1 JUnit
2.3.2 HtmlUnit
2.3.3 HttpUnit
2.3.4 JWebUIlit
2.3.5 FitNesse
2.3.6 Selenium
2.3.7 试入门
2.4 正则表达?br />
2.4.1 搜烦
2.4.2 搜烦模式
2.5 Tidy
2.5.1 -asxhtml
2.5.2 -clean
2.5.3 ~码
2.5.4 整洁的格?br />
2.5.5 生成的代?br />
2.5.6 当做库来?br />
2.6 TagSoup
2.7 XSLT
W??良构
良构是强大XML工具链条中的基础性环节。良构保证了DOM可操作的文档树结构的唯一性,因而成为可靠的跨浏览器的JavaScript代码的基?/p>
3.1 什么是良构
3.2 名U改为小?br /> 在XHTML模式中,写是必要条件?br /> <table></table>
3.3 l属性值加引号
在XHTML中,所有的属性|即没有I格Q也都要加上引号?br />
<div id="speech1">...</div>
3.4 补遗漏的属性?br />
为所有不带属性值的属性加上属性倹{XHTML不支持只有属性名U而没有值的语法?br />
<input type="radio" name="p" value="debit" checked></input> 改ؓ
<input type="radio" name="p" value="debit" checked="checked"></input>
3.5 空标签替换为空元素标签
XML解析器要求所有的起始标签都有匚w的结束标{?br />
<br> 改ؓ <br class="empty" /> 在最后一个斜U之前加上属性或者空D辑ֈ最大的兼容性?br />
3.6 dl束标签
关闭所有的D落、清单项目、表格单元格和其他非I的元素?/p>
3.7 消除重叠
在父U元素上关闭每一个子元素?/p>
3.8 把文本{换ؓ UTF-8
UTF-8是一个标准的~码Q可q作在所有浏览器上,被主的文本~辑器和工具支持Q它相当快速、小巧和高效。它支持所有的Unicode字符Q也是页面国际化和本地化的坚实基?/p>
3.9 转移于?br /> ?< 转义?< ?/p>
3.10 转义 & ?br /> ?& 转义?& ?/p>
3.11 转义属性g的引?br /> ?" 转义?" 或把 ' 转义?' ?/p>
3.12 加入XHTML DOCTYPE声明
3.13 l束每一个实体引?br /> ?© 改ؓ ©
3.14 替换虚构的实体引?br /> 保文档中用到的实体引用都是有定义的?/p>
3.15 加入根元?br /> 保每一个文档都有html根元素?/p>
3.16 加入XHTML命名I间
4.1 加入q渡型DOCTYPE声明 4.2 删除所有不该存在的标签 4.3 dalt属?br />
1、帮助视力受损的用户、或者声x览器?br />
2、搜索引擎优化,其是图片搜索,q分xalt属性的文本?/p>
4.4 ?object 替代 embed 4.6 ?CSS替代center 4.7 ?CSS替代font 4.8 ?em?CSS替代 i 4.9 ?strong 或?CSS替换 b 4.10 ?CSS替换各种颜色属?/p>
4.11 ?img元素的属性{换ؓ CSS属?/p>
4.12 ?object替代 applet 4.13 ?CSS替换表现性元?/p>
4.14 把行?Inline)元素攑ֈ?block)元素?/p>
5.1 替换表格布局 5.2 使用CSS定位替代框架 5.3 把内Ҏ到最前面 5.4 正确标记列表 5.5 用CSS替代 blockquote/ul 的羃q?br />
blockquote应该应用于引用上Q而ul应该用户列表中?/p>
5.6 替换占位囄 5.7 d id属?br />
为每个元素添?id属性,以便可快速定位?/p>
5.8 为图片添?width?height属?br />
width?height属性能让浏览器更快地样式化面q展C给用户?br />
6.1 把图片{换ؓ文本 6.2 单输入框d标签 <label>Red-necked Grebe 6.3 使用标准的字D名U?br />
重写表单和处理表单的脚本Qؓ如电子邮件地址、信用卡和电话号码等使用惯用的名U?br />
览器自动填写,q对于那些讨厌把旉费在重复输入内容的人有很大帮助?/p>
6.4 开启自动完?br />
在适当情况下把 autocomplete="off" 删除?/p>
6.5 单添?Tab索引 6.6 加入“跌”机制 6.7 d面标题 6.8 把链接和标题里重要的内容攑ֈ前面 6.9 加大输入?br />
保证所有表单都有够的I间Q让用户更容易填写所有必要的字段?/p>
6.10 加入表格描述 6.11 加入acronym元素 6.12 加入lang属?br />
为每个根元素d lang?xml:lang属性,用于指出文档使用的主要语a?/p>
7.1 用POST替换不安全的GET 7.2 用GET替换安全的POST 7.3 重定?POST?GET 7.4 启用~存 7.5 L~存 7.6 使用 ETag 7.7 ?HTML替换 Falsh 7.8 增加 Web Froms 2.0的类?br />
注:不是所有浏览器都支持?/p>
7.9 ?mailto 链接取代联系表单 7.10 闭机器?br />
在希望封闭机器h的目录中加上 robots.txt文gQ安装一个蜜|程序来和闭不礼貌的机器人和Ҏ爬虫?/p>
7.11 转义用户的输?br />
为所有用L输入提供转义?/p>
8.1 修正拼写 8.2 修复坏链?/p>
8.3 删除入口面 8.4 隐藏电子邮g地址
W?章 有效?/strong>
有效性比良构E微严格Q即不仅要确保文档的语法正确Q还要保证语义正。它保证只有HTML规范中定义的元素和属性会出现Q这样就不会Z览器的意料。它q保证了元素和属性D按自w语义出现在恰当的地斏V?/p>
q渡型DTD让你不必完全语义化标记就能让文档通过验证。它允许文档包含诸如i、b和center{这些不推荐使用的表现性元素?br />
使用旉要特别注意的是IE览器中会生一些用特定技巧的偏差?/p>
消灭所有异敎ͼ即HTML规范不允许或览器私有的扩展元素Q?/p>
object元素可以被更好的文档化,C览器的支持更一致?br />
当然对于旧浏览器Q可以在 object元素内加?embed元素?br />
4.5 加入严格型的 DOCTYPE声明
把所有的center元素转化为div或者相应的语义元素Q然后再使用CSS的text-align属性实现居中?/p>
W?章 布局
在现代浏览器中,CSS寚w面的外观提供更强有力的控制。创建现代网需要用与CSS清晰分离的XHTMLQ不需在用表格型布局和font标签{表现性元素?/p>
把所有的表格布局都删除,代之以线性化内容的div元素。然后用CSS样式表按你想要的形式定位div?/p>
把框架{化ؓ单一面?/p>
在顺序读取原始HTML源码Ӟ主要内容应该攑ֈ最前面。侧栏、页头、页脚和D栏等部分应该跟在内容之后?/p>
把所有占位图片都删除Q必要时使用 CSS的margin、padding、position?indent属性来呈现q些效果?/p>
W?章 可访问?/strong>
只要?XHTML文档有效Q就能在很大E序上提高可讉K性,p渡型向严格型转变又提升了一层。?CSS样式表分d容和表现对可讉K性也有很大的帮助?/p>
使用囄本n包含的文本取代图片,然后使用标记和CSS规则模拟相关的样式?/p>
对于非隐藏的input、textarea、select{表单元素,保他们都有相应的标{?br />
Red-necked Grebe
<input name="rng" type="checkbox" /> 转换?/p>
<input name="rng" type="checkbox" />
</label>
为每一个可~辑的、非隐藏的表单字D|?tabindex属性?/p>
在每个页面的开头放|一?#8220;不可?#8221;的链接,它可以直接蟩到页面的主要内容上?/p>
对于比较长的|页Q在合适的位置攄 h1~h6元素?/p>
为每个表格添加caption元素和或summary属性,l每一行或每一列的标签使用 th元素?br />
觉和非视觉用h供帮助?/p>
W?章 Web应用E序
ETag让客L能够不下载整个页面就能迅速检查页面是否有变化Q从而节省了服务器和客户端的带宽q加速了面的蝲入时间?/p>
?Flash|站专ؓHTMLQؓ所有的 Flsah内容提供一个纯HTML的版本?/p>
电子邮gE序l用h供了更强和更舒适的~辑和归档功能?/p>
W?章 内容
把内Ҏ到首上?/p>
公布?Web面上的电子邮g地址应该q行~码Q放|垃圾信息机器h的采集?/p>
附录A 正则表达?/p>
]]>
正则表达式是一个描q字W模式的对象?br />
Java 里的正则表达?/span>
化范式匹?/a>
使用正则表达式验证本地化数据
java中常用的匚w正则表达式实例大?/a>
安全~程: 验证输入
JavaScript 里的正则表达?/span>
[转] 一些常用的正则表达式(JSQ?/a>
JS的正则表辑ּ
javaScript 中的正则表达式解?/a>
]]>
]]>
二、用CSS样式化面
]]>