HTML5 Other Common tags

HTML5 other commonly used tagged floating frames <iframe> elements

You can display multiple page documents simultaneously in one browser window, by setting the SRC attribute of the <iframe> element to the URL of the other page.

Grammar:

• Start tag: Required
• Content: You can add a text description that will be displayed when the browser does not support the <iframe> element
• End tag: Required

Main properties:

• SRC: URL of a Web page in a floating frame
• Height: High
• Width: Wide

Floating frame <src= "frame1.html"></iframe>

Summary and details

It is often necessary to expand or contract some of the information on a Web page.

<details> Elements for defining details

Elements such as text or images can be added to this element.

Need to work with <summary> elements

<summary> elements used to include the title of the <details> element

Must be included in the <details> element

As the first child element of the <details> element

Currently only Chrome supports

<Details>    <Summary>Post a message</Summary>    <Div>Invoice Header:<input/><BR/>Invoice Content:<input/>    </Div></Details>

Metric Elements <meter>

The <meter> element is used to define weights and measures.

For example, to indicate the proportion of votes, the amount of disk usage, or statistical proportions.

Often used for static proportional display (known maximum and minimum values)

Grammar:<meter> Text </meter>

Main properties:

• Min: The minimum value of the range, default is 0
• Max: The maximum value of the range, default is 1
• Value: measure, default = 0

device 1:<Metervalue= "Ten"min= "0"Max= "+"title= "50%"></Meter>%<BR/>Device 2:<Metervalue= " the"min= "0"Max= "+"title= "10%"></Meter>%<BR/>Device 3:<Metervalue= "All"min= "0"Max= "+"title= "90%"></Meter>%<BR/>

Time Elements <time>

The <time> element is used to define the time of the Gregorian calendar (24-hour system) or date

Does not bring a change in page display effect for the page

Often used to add time-related additional information to a Web page

Grammar:<time> Text </time>

Main properties:

DateTime: Specifies the date/time, separated by a "T" literal between the date and time.

<datetime= "2011-7-11t0:35"> 0:35 A.M. </ time >

Highlight text display <mark> elements

The <mark> element is used to define the marked text in the page.

• commonly used for text that needs highlighting
• text that is surrounded by <mark> elements displays an additional background color

 <  h2  >  search for "<  mark  >  Html5</ mark  >  ": </ h2  >  <  p  ><  mark  >  Html5</ mark  >  is the markup language </ p  >  

HTML5 Other Common tags