abbr mark and acronym mark

abbr mark and acronym mark
The <abbr> and <acronym> tags represent the abbreviations and acronyms presented in the web page, and the full name of the abbreviation is given through the title attribute . The difference between the two is that the <acronym> tag is used to represent an acronym , and often the abbreviation is a pronounceable word . For example:

<abbr title="United Nations" > UN .< / abbr ><br>
Jack weighs 90 < abbr title="kilograms"> kg .</ abbr ><br>
< abbr title="Save Our Soul"> SOS </ abbr ><br>
< acronym title="North Atlantic Treaty Organization"> NATO </ acronym ><br>
< acronym title="radio detecting and ranging"> radar </ acronym ><br>
< abbr title="Federal Bureau of Investigation"> FBI </ abbr >

The result is:
UN
Jack weighs 90 kg.
SOS
NATO
radar
FBI
Some abbreviations, like URL and SQL , can be pronounced as a word or individually . In this case, the <abbr> tag is better than <acronym>. The style sheet can now be used to specify spoken pronunciation, for example

< abbr title="Structured Query Language">SQL</ abbr >

and

abbr[title="Structured Query Language"]{speak:spell-out;}

Use together.

[This tag is not useful for browsing, but it can be used if you want the text to be searchable]

<<:  Understand CSS3 FlexBox elastic layout in 10 minutes

>>:  Priority analysis of and or queries in MySQL

Recommend

Analysis of the process of simply deploying nginx in Docker container

1. Deploy nginx service in container The centos:7...

How to add ansible service in alpine image

Use apk add ansible to add the ansible service to...

Several navigation directions that will be popular in the future

<br />This is not only an era of information...

Detailed explanation of MySQL sql99 syntax inner join and non-equivalent join

#Case: Query employee salary levels SELECT salary...

Use of MySQL stress testing tool Mysqlslap

1. MySQL's own stress testing tool Mysqlslap ...

How to remove the dividing line of a web page table

<br />How to remove the dividing lines of a ...

Node and Python two-way communication implementation code

Table of contents Process Communication Bidirecti...

js to achieve image fade-in and fade-out effect

This article shares the specific code of js to ac...

Tutorial on processing static resources in Tomcat

Preface All requests in Tomcat are handled by Ser...

JavaScript to achieve Taobao product image switching effect

JavaScript clothing album switching effect (simil...

Simple Implementation of HTML to Create Personal Resume

Resume Code: XML/HTML CodeCopy content to clipboa...

CSS3 achieves cool 3D rotation perspective effect

CSS3 achieves cool 3D rotation perspective 3D ani...