{"id":9266,"date":"2022-10-06T03:57:42","date_gmt":"2022-10-06T03:57:42","guid":{"rendered":"https:\/\/mdr.foobrdigital.com\/?p=9266"},"modified":"2022-10-06T03:57:42","modified_gmt":"2022-10-06T03:57:42","slug":"html-tag-4","status":"publish","type":"post","link":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/2022\/10\/06\/html-tag-4\/","title":{"rendered":"HTML Tag"},"content":{"rendered":"\n

The <acronym> tag defines an acronym or abbreviation. To decipher an acronym, the global title attribute is used (displayed as a pop-up text prompt when you hover the mouse over an acronym).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The\u00a0<acronym>\u00a0tag is a\u00a0deprecated HTML tag\u00a0and not supported in HTML5. Use the\u00a0<abbr>\u00a0tag instead.<\/p>\n\n\n\n

Syntax<\/h2>\n\n\n\n

The <acronym> tag comes in pairs. The content is written between the opening (<acronym>) and closing (<\/acronym>) tags.<\/p>\n\n\n\n

Example of the HTML <acronym> tag:<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <head>\n    <title>Title of the document<\/title>\n  <\/head>\n  <body>\n    <p>Hover the mouse cursor over acronym HTML<\/p>\n    <acronym title=\"Hyper Text Markup Language\">HTML<\/acronym>\n  <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
In the following example, the HTML <abbr> tag is used instead of <acronym>. The browser renders the characters within the <abbr> tag as an abbreviation or an acronym.<\/p>\n\n\n\n
Example of the HTML <abbr> tag:<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <head>\n    <title>Title of the document<\/title>\n  <\/head>\n  <body>\n    <p><abbr title=\"Universal Resource Locator\">URL<\/abbr> - This is a special form of designating an individual resource address on the Internet <\/p>\n  <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Default styling<\/h2>\n\n\n\n
The default styling of the <acronym> tag varies from one browser to another:<\/p>\n\n\n\n
  • Opera, Firefox, Chrome style the content with a dotted underline. And, some other browsers not only add a dotted underline but also put it in small caps.<\/li><\/ul>\n\n\n\n
    Attributes<\/h2>\n\n\n\n
    The <acronym> tag supports the\u00a0Global Attributes\u00a0and the\u00a0Event Attributes.<\/p>\n\n\n\n
    How to style <acronym> tag?<\/h2>\n\n\n\n
    Common properties to alter the visual weight\/emphasis\/size of text in <acronym> tag:<\/h3>\n\n\n\n
    • CSS font-style\u00a0property sets the style of the font. normal | italic | oblique | initial | inherit.<\/li>
    • CSS font-family\u00a0property specifies a prioritized list of one or more font family names and\/or generic family names for the selected element.<\/li>
    • CSS font-size\u00a0property sets the size of the font.<\/li>
    • CSS font-weight\u00a0property defines whether the font should be bold or thick.<\/li>
    • CSS text-transform\u00a0property controls text case and capitalization.<\/li>
    • CSS text-decoration\u00a0property specifies the decoration added to text, and is a shorthand property for text-decoration-line, text-decoration-color, text-decoration-style.<\/li><\/ul>\n\n\n\n
      Coloring text in <acronym> tag:<\/h3>\n\n\n\n
      • CSS color\u00a0property describes the color of the text content and text decorations.<\/li>
      • CSS background-color\u00a0property sets the background color of an element.<\/li><\/ul>\n\n\n\n
        Text layout styles for <acronym> tag:<\/h3>\n\n\n\n
        • CSS text-indent\u00a0property specifies the indentation of the first line in a text block.<\/li>
        • CSS text-overflow\u00a0property specifies how overflowed content that is not displayed should be signalled to the user.<\/li>
        • CSS white-space\u00a0property specifies how white-space inside an element is handled.<\/li>
        • CSS word-break\u00a0property specifies where the lines should be broken.<\/li><\/ul>\n\n\n\n
          Other properties worth looking at for <acronym> tag:<\/h3>\n\n\n\n
          • CSS text-shadow\u00a0property adds shadow to text.<\/li>
          • CSS text-align-last\u00a0property sets the alignment of the last line of the text.<\/li>
          • CSS line-height\u00a0property specifies the height of a line.<\/li>
          • CSS letter-spacing\u00a0property defines the spaces between letters\/characters in a text.<\/li>
          • CSS word-spacing\u00a0property sets the spacing between words.<\/li><\/ul>\n\n\n\n
            \n\n\n\n
            Browser support<\/h2>\n\n\n\n
            \"chrome\"<\/th>\"edge\"<\/th>\"firefox\"<\/th>\"safari\"<\/th>\"opera\"<\/th><\/tr><\/thead>
            \u2713<\/td>\u2713<\/td>\u2713<\/td>\u2713<\/td>\u2713<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"
            The <acronym> tag defines an acronym or abbreviation. To decipher an acronym, the global title attribute is used (displayed as a pop-up text prompt when you hover the mouse over an acronym). The\u00a0<acronym>\u00a0tag is a\u00a0deprecated HTML tag\u00a0and not supported in HTML5. Use the\u00a0<abbr>\u00a0tag instead. Syntax The <acronym> tag comes in pairs. The content is written between the opening (<acronym>) and closing […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[529],"tags":[],"_links":{"self":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/9266"}],"collection":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/comments?post=9266"}],"version-history":[{"count":0,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/9266\/revisions"}],"wp:attachment":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=9266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/categories?post=9266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/tags?post=9266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}