Explanation of semantic inline elements in HTML5 and html5 Semantics

Explanation of semantic inline elements in HTML5 and html5 Semantics

Explanation of semantic inline elements in HTML5

Time tag

The time element represents a time value, for example, p.m., EST, limit l 23,200 7. For example:
Example Source Code:
<P> I am writing this example
<Time> p.m. on 23rd </time>.
</P>

The time element helps the browser and other programs identify the time in the HTML page. It does not apply any specific format to element content. However, each time element should have a datetime attribute, which contains a time value that is more suitable for machine identification, such:
Example Source Code:
<P> I am writing this example
<Time datetime = "2007-04-23T17: 35: 00-05:00"> p.m. on 23rd </time>.
</P>

The time value suitable for machine reading may be helpful to search engines and calendar programs.

M tag

The m element indicates that the text is "marked", but not necessarily emphasized. You can think of it as a highlighted section in the book. The cached Google page may look like the following:
Example Source Code:
The Great <m> Egret </m> (also known as
American <m> Egret </m>) is a large white wading bird found worldwide.
The Great <m> Egret </m> flies with slow wing beats.
Scientific name of the Great <m> Egret </m> is <I> Casmerodius
Albus </I>.

The name of this element is still controversial. Before the specification is released, it may be changed from m to mark.

Progress tag

The SS element indicates the status of an ongoing process, just like the progress bar in a graphical user interface (GUI) application. The following progress control indicates that the download has completed 60%:
Example Source Code:
<P> Downloaded:
<Progress value = "1534602" max = "4603807"> 60% </progress>
</P>


Meter label

The meter element indicates the numeric value in the specified range. Here, I use meter to mark the data provided by a Google programmer on Software Development 2007:
Example Source Code:
<P> An entry level programmer in Silicon Valley
Can perform CT to start around <meter> $90,000 </meter> per year.
</P>

The meter element helps browsers and other clients identify the number of HTML pages. It does not apply any specific format to element content. However, each meter element can have a maximum of six attributes. They represent this quantity in a more suitable form for Machine recognition:
Value
Min
Low
High
Max
Optimum
These attributes must contain a decimal number. For example, the score of the final exam can be written as follows:
Example Source Code:
<P> Your score was
<Meter value = "88.7" min = "0" max = "100" low = "65" high = "96" optimum = "100"> B + </meter>.
</P>

This indicates that the score of this student is 88.7 in the percentage system. The possible Gini score is 0, but the actual Gini score is 65. The highest possible score is 100, but the actual highest score is 96. The user agent can use a numeric control to display this information, or display additional data in the tooltip, but the most common case may be to apply a style to it like other inline elements.