What is the difference between a similar tag and a property in HTML?

Source: Internet
Author: User
In this chapter we give you a detailed explanation of the differences between the similar tags and attributes in HTML. Have a certain reference value, the need for friends can refer to, I hope to help you.

"1" <i></i> and <em></em> tags

Same: both represent italics.

Difference:

(1) <em> means that the content that is emphasized to present,<i> is physically italic and has no meaning on the content.

(2) <em> tags are "semantic" tags, and search engines will understand these semantics. It is deliberately set to mean "accent" in HTML. Some screen readers may use different inflection when they find these "stressed" labels, which is more beneficial for SEO.

"2" <br/> and <p> tags

Same: Both have a newline property.

The difference:<br/> is used alone;

<p></p> the use of; a large line break between the execution paragraphs.

"3" <strong> and <b> tags

<strong> is a logical label that strengthens the tone of the character and expresses emphasis. CSS can also be used to change the specific performance of strong.

<b> is a solid label that represents bold.

In order to meet the current standards, we recommend using the strong label.

"4" <span> and <div> tags

Same: Container tags are widely used in HTML language if you replace "<div>" with "<span>", you will find the effect is exactly the same after execution. Both of them play a role in separate chunks.

The difference between:<span> is that the line class element will not wrap around it;

<div> is a block-level element. The element he surrounds will wrap automatically. A DIV takes one line.

"5" valign and Align Properties

Valign: Represents the vertical alignment of the row "top center/mmiddle under Bottom"

Align: Represents the horizontal direction of center/middle right in the left side of its

"6" Center and Middle Properties

Align=middle is usually the center of the picture

Align=center is usually centered on text

The effect can be common at the same time

Usually using center,middle may not work in IE

"7" <button> and <input type= "button" >

<button> offers more powerful features and richer content.

All content between <button> and </button> tags is the content of the button, including any acceptable body content, such as text or multimedia content.

The only prohibited element is an image map.

Always specify the Type property for the button.

The default type of Internet Explorer is "button", while the default value for other browsers, including the specifications, is "submit".

"8" Text-align:center and <center>

<center> not only affects text, it also centers the entire element.

Text-align does not control the alignment of elements, but only internal content.

The element itself does not move from one segment to the other, except that the text in it is affected.

"9" letter-spacing and Word-spacing

Letter-spacing refers to the spacing of letters;

Word-spacing refers to the word interval.

Chinese is generally letter-spacing control character spacing

Word-spacing doesn't work on Chinese

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.