简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

Detailed explanation of the difference between similar tags and attributes in HTML

高洛峰
Release： 2017-02-11 14:40:07
Original
1119 people have browsed it

【1】 is the same as tag

: both indicate italics.

Difference:

(1) indicates the content that is emphasized, is physically italicized and has no content meaning.

(2) The tag is a tag that "contains semantics", and search engines will understand these semantics. It is specifically set to mean "emphasis" in HTML. When discovering these "emphasis" tags, some screen readers may use a different inflection, which is more beneficial to SEO.

【2】
and

tags

are the same: they both have line break attributes.

Difference:
used alone; performs small line breaks.

　

Use in pairs; perform large line breaks between paragraphs.

【3】 and tags

are logical tags that strengthen the tone of the characters and express emphasis. The specific performance of strong can also be changed through css.

is an entity tag, which means bold.

In order to comply with the current W3C standards, it is recommended to use the strong tag.

【4】 and

tags

are the same: container tags and are widely used in html language. If you replace "

" with "< span>", after execution, you will find that the effect is exactly the same. Both of them function to separate each block independently.

Difference: is a line element and will not wrap before and after it;

and

is a block-level element and the elements it surrounds will automatically wrap. One div occupies one line.

【5】valign and align attributes

valign: represents the vertical alignment of the row [top, center/mmiddle, bottom]

align: represents the horizontal alignment Its [left center/middle right]

[6] center and middle attributes

align=middle usually centers the picture

align=center usually centers the text

Can be used when the effect is the same

Usually use center, middle may not work in IE

[7] tags is The content of the button, which includes any acceptable body content, such as text or multimedia content.

The only prohibited element is image mapping.

Always specify the type attribute for buttons.

The default type in Internet Explorer is "button", while the default in other browsers (including the W3C specification) is "submit".

【8】text-align:center and

not only affect the text, but also center the entire element.

text-align does not control the alignment of elements, but only affects the internal content. The

element itself will not move from one end to the other, only the text within it will be affected.

【9】letter-spacing and word-spacing

letter-spacing refers to the spacing of letters;

word-spacing refers to the spacing of words.

Chinese generally uses letter-spacing to control character spacing

Word-spacing does not work for Chinese

For more detailed explanations of the differences between similar tags and attributes in HTML, please refer to related articles Follow PHP Chinese website!

Related labels：
HTML 标签 属性
source：php.cn
Previous article：A brief discussion on tags in HTML Next article：A brief discussion on the benefits of semantic HTML structure
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
Latest Articles by Author
Latest Issues
How to translate component attributes/properties using Vue I18n How to translate incoming properties/properties of a component? For example, I have a card...
From 2023-11-07 12:47:10
0
2
163
Relatively positioned top not working as expected Why the top attribute doesn't work when the label is sibling with , but if I remove the la...
From 2023-10-29 21:02:46
0
1
236
TypeError in Next.js: Cannot read property of undefined (reading 'headers') I'm getting this error in next js TypeError: Cannot read property of undefined (read 'head...
From 2023-10-27 10:05:19
0
1
389
How to get the natural dimensions of an image using JavaScript or jQuery? So far I have this code: varimg=document.getElementById('draggable'); varwidth=img.clientW...
From 2023-10-21 13:53:08
0
2
275
JavaScript allows access to CSS custom properties (also known as CSS variables) How to get and set CSS custom properties (properties accessed via var(…) in a stylesheet) ...
From 2023-10-20 22:42:04
0
2
244
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！