HTML5 Series-Basic knowledge

Source: Internet
Author: User

Compatibility issues

Create a HTML5 page

<!DOCTYPE HTML><HTML>  <Head>    <MetaCharSet= "UTF-8">    <title></title>  </Head>  <Body>  ......  </Body></HTML>

HTML5 new (input type= type) element

<inputtype= "Number"name= "Quantity" /><inputtype= "Date"name= "Bday" /><inputtype= "Color"name= "Favcolor" /><inputtype= "Range"name= "Points" /><inputtype= "Month"name= "Bdaymonth" /><inputtype= "Week"name= "Week_year" /><inputtype= "datetime"name= "Bdaytime" /><inputtype= "Datetime-local"name= "Bdaytime" /><inputtype= "Email"name= "Email" /><inputtype= "Search"name= "Googlesearch" /><inputtype= "Tel"name= "Usrtel" /><inputtype= "url"name= "Homepage" />

HTML5 new elements

<DataList>a label defines a list of optional data. <keygen>The tag definition generates the key. <Output>labels define different types of output. <article>the label defines the external content. <aside>the label defines content other than article. The content of aside should be related to the content of article. <Details>the tag defines the details of the element, which is hidden by clicking. <Dialog>The Label Definition dialog box or window. <figcaption>the label defines the caption of the figure element. < Figure>tags are used to group elements. Use the Figcaption element to add a caption to an element group. <Footer>the label defines the footer for section or document. <Header>a label defines a header for a section or document. <Main>the label defines the main contents of the document. <Meter>labels define weights and measures. Can be defined in the Min/max property. <nav>the label defines the part of the navigation link. <RP>label definitions are used in Ruby annotations. <RT>The label defines the character (Chinese phonetic notation or character). <Ruby>tags define ruby annotations (Chinese phonetic notation or characters). < Section>A label defines a chapter, header, footer, or other part of a document in a document. <Summary>the label definition contains the title of the details element. < Time>The label defines the date or time. <Mark>tags define tags or highlight text. This tag is very popular and can be used to highlight search keywords in search. <Progress>the process in which the label runs. This tab shows the process of time-consuming functions in JavaScript. --------------------------------------------------------------------------<Video>label definition video. <Audio>The label defines the sound. <Source>The label is a media element (<Video>、<Audio>) to define the media resources. <Canvas>The label defines the graphic.

This article source: http://www.jcore.cn/2014/09/14/html5-series-base/

HTML5 Series-Basic knowledge

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.