Home Web Front-end HTML Tutorial What does the html abbr tag mean? Detailed explanation of the specific usage of html abbr tag

What does the html abbr tag mean? Detailed explanation of the specific usage of html abbr tag

Aug 20, 2018 pm 02:14 PM
html

html What does the abbr tag mean? Detailed explanation of the specific usage of html abbr tag. Next, let us take a look at the introduction of this article. The definition and usage of html abbr tag, as well as the specific usage and explanation of its function are all in it.

html The definition and usage of the abbr tag:

The tag indicates an abbreviation or abbreviation, such as "WWW" or "NATO".

By tagging abbreviations, you can provide useful information to browsers, spell checkers, and search engines. The

tag was originally introduced in HTML 4.0 and indicates that the text it contains is a shortened form of a longer word or phrase.

HTML tag example:

Mark an abbreviation:

The <abbr title="People&#39;s Republic of China">PRC</abbr> was founded in 1949.
Copy after login

html The usage and function of abbr tag: ## The tag in

#html is used to define abbreviations or acronyms. Marking abbreviated words with the tag provides more useful information to browsers, spell checkers, and search engine indexers.

HTML Tag format:

<abbr title="全称">缩写词</abbr>
Copy after login

Description: The abbreviation tag supports the title attribute. Generally, the attribute value of the title attribute is the full name of the abbreviation. When the mouse is placed over an abbreviation, the full name of the abbreviation will be displayed. The tag supports html global attributes and html event attributes

Example:

<body style="font-size:25px;">
<abbr title="World Wide Web">www</abbr>
<abbr title="Cascading Style Sheets">CSS</abbr>
<abbr title="JavaScript">js</abbr>
<abbr title="PHP: Hypertext Preprocessor">php</abbr>
</body>
Copy after login

It is better to use the tag than . Style sheets can now be used to specify spoken pronunciations, for example

<abbr title="Structured Query Language">SQL</abbr>
Copy after login

and

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

can be used together.

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

abbr is used to mark an abbreviation

abbr : abbreviation [??bri:vi'e??n] The abbreviation

<abbr title="phone">P</abbr>
Copy after login
abbr provides useful information to browsers and search engines.

Note: All browsers support the tag. The tag is not supported in IE 6 or earlier.

Tip: You can use the global title attribute in the tag to display the full version of the abbreviation/abbreviation when the mouse pointer moves over the element.

【Related recommendations】

html5 What does the meter label mean? Introduction to the usage and attributes of html5 meter tag

##html What does the bdo tag mean? Detailed explanation of how to use html bdo

The above is the detailed content of What does the html abbr tag mean? Detailed explanation of the specific usage of html abbr tag. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles