Elements that describe text-level semantics

<span> tags are used to combine inline elements in a document.

tip: Use <span> to group inline elements to format them with styles.

Note:span does not have a fixed format representation. When you apply a style to it, it produces a visual change.

<em> The tag tells the browser to show the text as an emphasis. For all browsers, this means to display the text in italics.

Adding emphasis to the text also requires skill. If you emphasize too much, some important phrases will be omitted, and if you emphasize too little, you will not be able to really highlight the important parts. This is the same as seasoning, it is best not to abuse the emphasis.

Although the contents of the <em> tag are now displayed in italics, they also have a broader meaning, and if you only want to display text in italics, use the <i> tag. In addition, the document can include cascading style definitions (emphasis) for changing the display of text.

  Tag and &NBSP; label

The browser typically differs from <em> label way to display <strong>

If common sense tells us that we should use less <em> tag words, then <strong > tags should appear less often. If you use <em> The label-decorated text seems to be shouting , then use <strong> The label-modified text is like screaming. The words of a taciturn man are always promise, same as this, restricting <strong>

any content in the <b> element will be displayed in bold.

any content in the <i> element is displayed in italics.

The <small> element is used to print " stripe details ", free declarations, warnings, and copyright information, all of which are typical use cases.

<cite> When referencing text, you can specify the source information by placing it in the Open tab <cite></cite> .

<q> Use when you want to add a reference within a statement, rather than indenting the text block as a whole segment alone. the <q> element can also have the cite attribute, and her value should be the URL address to the reference source .

the <dfn> element is used to indicate the special terms introduced in the document.

<abbr>

by tagging abbreviations, you can provide useful information for browsers, spell checking, and search engines. You can use the global title property in the <abbr> tab to show the abbreviation when the mouse pointer moves over the <abbr> Element / abbreviation for the full version.

the <time> tag defines the date or time, or both.

Datetime

Datetime

Defines the date and time of the element. If the attribute is not defined, the date or time must be specified in the element's contents.

<p>
We start our business every morning <time>9:00</time>.
</p>

<p>
I have an appointment at <time datetime= "2008-02-14" > Valentine's Day </time>.
</p>

<code> tags are used to indicate computer source code or text content that can be read by other machines.

software code writers have become accustomed to the special style of text representation when writing source code. <code> tags are designed for them. The text contained within the label will be displayed with a wide, typewriter-like font (Courier), which should be familiar tomost programmers and w3school users.

The <code> tag should be used only on text content that represents the source code of the computer program or that other machines can read . Although the <code> tag usually only turns text into equal-width fonts, it implies that the text is the source code. Future browsers may add additional display effects. For example, a programmer's browser might look for a <code> fragment and perform some extra text formatting, such as looping and conditional judgment statements for special indentation, and so on.

Note: use <; instead of the left angle bracket, use >; to replace the right angle bracket. "Replace";& &

the <figure> tag provides separate streaming content (images, charts, photos, code, and so on).

the content of the figure element should be related to the main content, but if deleted, it should not affect the flow of the document.

The <var> tag represents the name of the variable, or the value provided by the user.

<var> tags are another trick to apply to your computer's documentation, which often <code> and the <pre> Tags used together to display examples of computer programming code and specific elements of a similar aspect.

text marked with <var> tags is usually displayed in italics.

Eg:<p><code>console.log ("<var>user-name</var>") </code></p>

The <samp> element is used to indicate sample output from programs, scripts, and so on.

Edit text:

<ins> elements, used when inserting text (usually underlined font in the browser)

<del> elements for deletion of text (usually in a cross-line font in the browser)

Comments <!--comment goes here--> in HTML, no content from <!--to-

This article is from the "Small Stop" blog, please be sure to keep this source http://10541556.blog.51cto.com/10531556/1880379

Elements that describe text-level semantics