简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
html - 为什么<abbr>标签在不一样的浏览器里表现不一样？
天蓬老师
天蓬老师 2017-04-17 15:02:27
0
1
475

一个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>

谢谢

天蓬老师
天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

répondre à tous(1)
PHPzhong
PHPzhong2017-04-17 15:04:27 1 plancher

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

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！