程序代码:
国外网站整理的一份很全的HTML特殊字符集,共享出来供大家查阅吧(自:paranimage)。
使用方法:
这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;
下面符号列表的后面有两列编号,它们并不太一样,第一列是用于html的,你需要在前面加上符号;
第二列可以用于CSS文件中,但是需要用反斜杠\转义;
第二列也可以用于javascript,和CSS用法一样,不过要用\u来转义。
需要主意的是:
在网页中也经常会用到货币符号,RMB符号传统的显示方式:
1、直接使用 ¥
2、使用:
¥3、淘宝网新的显示方式:
font-family:Arial; + ¥RMB符号效果如下:
1、¥ 80元
2、¥ 80元
3、¥ 80元
1、使用声明
你必须经常在html网页头部放置一个声明,推荐使用严格的标准。例如
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”"http://www.w3.org/TR/html4/strict.dtd”>or, for XHTML:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>最后你需要是ie6进入兼容模式,这已经足够兼容了。
2、使用position: relative
设置一个标签position: relative可以解决很多问题,特别是曾经有过看不见的经历或者奇怪布局的框架。明显的,你需要小心,绝对位置放置的子元素是否都参照找到新位置。
IE6的兼容性是网页制作中头疼的问题,IE6中用了float:left之后会导致出现margin-left双倍边距的BUG,这里分享一下IE6中float产生双倍margin的解决方案,收藏备忘。
比如我们需要浮动到左边并具有10px的边距,CSS代码如下:
.boxLeft { float:left; margin-left:10px; }
在IE7,Firefox等浏览器下能正确解释左边距10px。但是在IE6下会理解为左边距20px。也就是说,在与浮动同方向的空白边会加倍。解决方法是加上:display:inline;