<!DOCTYPE HTML><HTML><HeadLang= "en"> <MetaCharSet= "Utf-8"> <title>Figure, Figcaption, details, summary, and Mark elements</title></Head><Body> <!--Figure and Figcaption elements - <!--figure: Specify separate stream content (images, charts, photos, code, and so on), figcaption to add headings to the figures. - < Figure> <figcaption>This is the title</figcaption> <imgsrc= "1.jpg"alt= "Figure 1"> <imgsrc= "2.jpg"alt= "Figure 2"> <imgsrc= "3.jpg"alt= "Figure 3"> </ Figure> <!--details and summary elements - <!--Details: A detail used to describe a part of a document or document, used with summary to define a caption for details, a caption that is visible, and details to be displayed when the user clicks on the title. Currently only Chrome and Safari 6 support <details> tags. - <Details> <Summary>Speed and passion</Summary> <P>It's a racing movie, it's a racing movie, it's a racing movie, it's a racing movie, it's a racing movie, it's a racing movie.</P> </Details> <!--Mark Element - <!--mark: Defines the marked text (highlighting, highlighting, and so on). - <P>This is what Lao Tze said, "<Mark>Tao can road, very way. The name is name, very famous. The beginning of the nameless world. The mother of all things. Therefore, we often have no desire to view its wonderful. Often desire to view its total self abandonment. The two are different names, the same as the Xuan. Convoluted, the gate of all the wonderful. </Mark>”</P></Body></HTML>
<!DOCTYPE HTML><HTML><HeadLang= "en"> <MetaCharSet= "Utf-8"> <title>Progress and meter elements</title></Head><Body><Scripttype= "Text/javascript"> functionbtn () {varI= 0; functionOne () {if(i<= -) {i++; Update (i); }} setinterval (one, -); } functionUpdate (newvalue) {varProgressBar=document.getElementById ('IP'); Progressbar.value=NewValue; Progressbar.getelementsbytagname ('span')[0].textcontent=NewValue; }</Script> <!--rogress: Defines the progress (process) in the run. - < Section> <H2>Use of progress</H2> <P>Complete situation<Progressvalue= "0"Max= "+"ID= "IP"><span>0</span>%</Progress></P> <inputtype= "button"onclick= "btn ()"value= "point Me"/> </ Section> <BR/> <Scripttype= "Text/javascript"> functionbt () {varI= 0; functionOne () {if(i<= -) {i++; Update (i); }} setinterval (one, -); } functionUpdate (newvalue) {varProgressBar=document.getElementById ('wo'); Progressbar.value=NewValue; Progressbar.getelementsbytagname ('span')[0].textcontent=NewValue; }</Script> <!--meter: Define weights and measures. Measures that are used only for the known maximum and minimum values. - <Metervalue= "Ten"min= "0"Max= "+" Low= " the" High= "The "Optimum= "a"ID= "Wo"></Meter> <inputtype= "button"onclick= "BT ()"value= "point Me"/></Body></HTML>
HTML5 Enhanced page elements