澳门新葡萄京官网首页 1

Firefox 和 IE 复制 UL、OL 列表的不同点

澳门新葡萄京官网首页,IT 网页上常常有 JavaScript、CSS、C#
等代码,为了便于查看,常常有代码高亮的程序将其高亮起来,同时还可能增加了序号,如下:

兼容性确实是个头痛的问题,所以当众多网民以反垄断的口号追捧各种浏览器时,既喜又忧的莫过于网页开发者了。

查看以下代码:

澳门新葡萄京官网首页 1

  • 在 Firefox 中,复制 UL
    内容为文本时,结果中列表的每一项总是带有一个星号(*),不论 UL 的
    list-style-type 为何值;而 IE 中仅包含列表项的内容。
  • 在 Firefox 中,复制 OL
    内容为文本时,结果中列表的每一项总是带有数字序号(1.、2.、3.、4.……);而
    IE 中仅包含列表项的内容。

<pre>
1
2
</pre>

这种做法很多,有的是直接把序号写在前面,但更多的是用 OL。用 OL
会自动显示序号,在 IE 中一切没问题,在 Firefox 中就有个问题:那就是复制时,会把序号
1、2、3、这些一同复制下来,这给代码使用者带来很大的不变。

可以看出 Firefox 复制为文本时总是将结果尽量忠实于读者看到的内容,而 IE
总是将结果忠实于源代码。但是似乎又不完全是这样:在 IE 中将 <hr />
复制为文本时,结果由间隔线组成的横线,而 Firefox 中则不能复制 <hr
/> 为文本。

<pre>
1<br>2
</pre>

所以说代码序号是个尴尬的东西。

示例

两段代码效果是一样的,都是:

相关阅读

<ul> <li>a</li> <li>b</li>
<li>c</li> <li>d</li> <li>e</li>
<li>f</li> <li>g</li> <li>h</li>
<li>i</li> <li>j</li> </ul> <hr>
<ol> <li>a</li> <li>b</li>
<li>c</li> <li>d</li> <li>e</li>
<li>f</li> <li>g</li> <li>h</li>
<li>i</li> <li>j</li> </ol>

1
2

  • pre 标签中不要用 <br>
    换行
  • Firefox 和 IE 复制 UL、OL
    列表的不同点

[Ctrl+A 全部选择 提示:您可先修改部分代码,再按运行]

因为 pre 中既支持回车换行符换行,也支持 <br> 换行。

请在 Firefox 和 IE 中运行上述代码,然后复制页面到记事本中查看区别。

但我们推荐用回车换行符换行,即第一种。因为在 IE6 浏览器复制 pre
中的内容时,粘贴到记事本中第一种仍然显示为两行,而第二种为显示为一行。兼容性:虽然在 Firefox、Chrome
等浏览器中,两段代码复制到记事本中均是两行,但至少 IE6
中两段代码的复制是有区别的,而 IE6 的市场份额也不小,不得不考虑。

相关阅读

相关阅读

  • pre 标签中不要用
    <br> 换行
  • Firefox 和 IE 复制 UL、OL
    列表的不同点

发表评论

电子邮件地址不会被公开。 必填项已用*标注