0

一个html文件,里面有用到<abbr>标签,就比如这个<abbr title="Document Object Model">DOM</abbr>

只有这个html文件,没加任何的CSS和JS代码。在Chrome和Safari中,和不加abbr一样的显示效果,但是鼠标悬停在关键词“DOM”上还是会显示注释。但是用Firefox打开就能发现有<abbr>包住的就有下划虚线。

为什么会有这种不一样呢?哪一种是以后的趋势?

下面是这个html文件的完整代码。是《JavaScript: DOM 编程艺术》里的。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>Explaining the Document Object Model</title>
</head>

<body>
    <h1>What is Document Object Model?</h1>
    <p>
        The <abbr title="World Wide Web Consortium">W3C</abbr> defines the <abbr title="Document Object Model">DOM</abbr>        as:
    </p>
    <blockquote cite="http://www.w3.org/DOM/">
        <p>
            A plateform- and langage-neutral interface that will allow programs and scripts to dynamically access the update the content,
            structure and style of documents.
        </p>
    </blockquote>
    <p>
        It is an <abbr title="Application Programming Interface">API</abbr> that can be used to navigate <abbr title="HyperText Markup Language">HTML</abbr>        and <abbr title="eXtensible Markup Language">XML</abbr> documents.
    </p>
</body>

</html>

谢谢

seiki 7
2017-03-20 提问
1 个回答
1

何止html标签的显示不一样,连同一字体同一字号在各个浏览器里面的默认高度和显示都是会有差异的

1
回复 seiki

追求统一效果的话,那就css reset

Canrz · 2017年03月24日

展开评论

撰写答案

推广链接