HTML5 text Element parsing

1. <b> denotes keywords and product names

<b>HTML5</b>

Explaining the actual effect of the:<b> element is bold. Semantically, it is the marking of a piece of text, but not a particular emphasis on importance.

2. <strong> denotes important text

<strong>HTML5</strong>

Explaining that the:<strong> element actually functions as a <b> is bold. In terms of semantics, it is the emphasis on an important text.

3. <br> Force line break <wbr> secure line break

<BR>THISABC<WBR>DKSDFSDF<WBR>SDFSF s a apple

Explanation: Typing <br> in any text position will be wrapped, and when the English word is too long, using <wbr> will toggle the line according to the appropriate width of the browser.

4. <i> denotes foreign words or technical terms

<i>HTML5</i>

Explaining that the:<i> element actually works is to tilt, semantically, to differentiate the surrounding content, not particularly stressed or important

5. <em> emphasizes

<em>HTML5</em>

Explaining that the:<em> element actually works in the same way as <i> is skewed: semantically, it represents an emphasis on a piece of text.

6. <s> indicates inaccuracy or correction

<s>HTML5</s>

Explaining the actual effect of the:<s> element is to delete the line, which, semantically, represents an inaccurate deletion

7. <del> means delete text

<del>HTML5</del> elements

Explaining that the:<del> element actually acts as a <s>, is the strikethrough, which, semantically, represents the deletion of the text

8, <u> to underline the text

<u>HTML5</u>

Explaining the actual effect of the:<u> element is to add an underscore, which, semantically, does not emphasize this paragraph of text.

9, <ins> add a paragraph of text

<ins>HTML5</ins>

Explain that the:<ins> element acts as a <u>, adding an underscore, semantically, is to add a piece of text that emphasizes the effect

10. <small> Add Small font

<small>HTML5</small>

Explaining that the:<small> element actually works is to put the text in a small number, semantically, for disclaimers, and clarification statements

11. <sub> Add subscript <sup> Add superscript

<sub>5</sub><sup>5</sup>

Explaining the practical role of:<sub> and <sup> elements is the subscript and superscript in mathematics

12. <code> indicates input and output

<code>html5</code><var>html5</var><samp>html5</samp><kdb>html5</ ID >

Explanation:<code> indicates that the computer code fragment,<var> represents a variable in the encoding language. <samp> indicates that the output:<kdb> in the program or computer represents the user's input, and because this is in the English category, lang= ' en ' must be shown to be effective

13. <abbr> denotes abbreviation

<abbr>HTML5</abbr>

Explaining that the:<abbr> element has no practical effect, is semantically an abbreviation for a piece of text

14. <dfn> means defining terms

<dfn>HTML5</dfn>

Explain that the:<dfn> element is a general slant, semantically, that represents a piece of text that interprets a word or phrase

15. <q> reference content from it

<q>HTML5</q>

Explaining that the:<q> element actually works is to add a pair of double quotes, semantically, to refer to the content from other parties.

16. <cite> references to other works ' titles

<cite>HTML5</cite>

Explaining that the:<cite> element actually works is bold and, semantically, refers to the title of the other work.

17. <ruby> language Elements

<ruby>

Foodies <rp> (</rp><rt>tao</rt></rp>) </rp>

Voracious <rp> (</rp><rt>tie</rt></rp>) </rp>

</ruby>

Explanation:<ruby> is used to provide support for non-Western languages. <rp><rt> is used to help readers master the correct pronunciation of ideographic language, such as:

Hanyu Pinyin is above the text, but the wooden bridge Firefox does not support

18. <bdo> Set Text Direction

<bdo dir= "Rt1" >HTML5</bdo>

Explanation:<bdo> must use the attribute dir to set, altogether two values, RTL from left to right, and ltr (from again to left). The general setting is LTR, and the <bdi> element is also the processing direction. Because it is special language special effect, and mainstream browser dress does not support, ignore

19. <mark> Highlight Text

<mark>HTML5</mark>

Explaining the actual effect of:<mark> is to add a yellow background, black words, semantically, contextual and prominent text. Used for marking

20. <time> represents the date and time

<time>207-2-12</time>

Explaining that the:<time> element has no practical effect, and semantically represents the date and time

21. <span> represents general text

<span>HTML5</span>

Explanation: There is no practical function, semantic representation of a text, often used to set up CSS and other operations

Example:

<! Doctype html>  
650) this.width=650; "src=" Https://s5.51cto.com/wyfs02/M02/8D/84/wKioL1igIaHjEu58AAR-Lp8xQpY276.png "title=" screen shot 2017-02-12 pm 4.48.29.png "alt=" Wkiol1igiahjeu58aar-lp8xqpy276.png "/>




















This article is from the "Zengestudy" blog, make sure to keep this source http://zengestudy.blog.51cto.com/1702365/1897083
HTML5 text Element parsing