📜  如何标记缩写并使它们在 HTML 中易于理解?

📅  最后修改于: 2022-05-13 01:56:52.794000             🧑  作者: Mango

如何标记缩写并使它们在 HTML 中易于理解?

在本文中,我们将学习如何在 HTML 中指定更短的内容版本。 标签(缩写)用于定义一个元素的缩写或缩写形式。 标签用作缩短版本,用于表示一系列字母。例如,“HTML”被用作“超文本标记语言”的缩写。

句法:

Abbreviated form

属性:此标签接受一个可选属性,如下所述:

  • 标题 用于指定有关元素的额外信息。当鼠标移到元素上时,它会显示信息。

示例:此示例说明了 HTML 中 标记的使用。

HTML


  

    abbr tag

  

    

Welcome to GFG     

  


HTML


  

    abbr tag

  

    

GeeksforGeeks

       

        GFG:         A Computer Science portal for geeks.     

  


HTML


  

    abbr with dfn

  

    

                     GFG                  : Learn Data Structures Online At          Your Own Pace With The Best Of Faculty         In The Industry.     

  


输出:

即使鼠标悬停在其上,使用 标记也不会显示缩写的扩展。这使得用户难以理解缩写形式。

有两种方法可以使缩写易于理解:

  • 使用带有标题属性的
  • 使用

我们将通过示例了解这两种方式。

  • 带有标题属性:

为了消除这个问题, 标签与 title 属性结合使用,为缩写提供扩展。当鼠标指针悬停在元素上时,浏览器会提供此文本作为工具提示。

句法:

 abbreviated form 

示例:在此示例中,我们在 标记内使用了title属性,用于指定有关元素的额外信息。

HTML



  

    abbr tag

  

    

GeeksforGeeks

       

        GFG:         A Computer Science portal for geeks.     

  

输出:

  • with 可以与 一起使用来为缩写添加定义。

句法:

  Abbreviated form  

示例:此示例说明了在 HTML 中使用 标记和 标记。

HTML



  

    abbr with dfn

  

    

                     GFG                  : Learn Data Structures Online At          Your Own Pace With The Best Of Faculty         In The Industry.     

  

输出:

这些是我们可以用来标记缩写并使用户可以理解的方法。