Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "what are the basic knowledge of HTML5". In the operation of actual cases, many people will encounter such a dilemma. Next, let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

The HTML5 draft, formerly known as Web Applications 1.0, was proposed by WHATWG in 2004 and accepted by W3C in 2007, and a new HTML working group was established. The first formal draft of HTML 5 was published on 22 January 2008. HTML5 is still in the process of improvement. However, most modern browsers already have some HTML5 support. On December 17, 2012, the World wide Web Consortium (W3C) officially announced that the HTML5 specification, which has condensed a large number of network workers, has been formally finalized. According to the W3C statement, "HTML5 is the cornerstone of the open Web network platform." On May 6, 2013, the official draft of HTML 5.1 was published. The specification defines the fifth major version, with the first revision of the core language of the World wide Web: hypertext markup language (HTML). In this release, new features are being introduced to help authors of Web applications strive to improve the interoperability of new elements. Since the release of this draft, nearly 100 changes have been made, including HTML and XHTML tags, related API, Canvas, etc., at the same time, HTML5 image img tags and svg have also been improved, and the performance has been further improved.

Compatible

Browsers that support Html5 include Firefox (Firefox), IE9 and higher, Chrome (Google browser), Safari,Opera, etc.; domestic browsers (Maxthon), and domestic browsers based on IE or Chromium (engineering version or experimental version of Chrome), Sogou browser, QQ Browser, browser and other domestic browsers also have the ability to support HTML5.

Grammar

Content type (ContentType)

HTML5's file extender and content type remain the same, still ".html" or ".htm"

DOCTYPE statement

Case insensitive

Specify character set encoding

Elements that can be omitted

Elements that are not allowed to write closing tags: br, col, embed, hr, img, input, link, meta

You can omit the elements of the closing tag:

Li 、 dt 、 dd 、 p 、 option 、 colgroup 、 thead 、 tbody 、 tfoot 、 tr 、 td 、 th

You can omit all tag elements: html, head, body, colgroup, tbody

Property values can be in double or single quotation marks.

Semantic label

Before HTML 5 came out, we used div to represent page chapters, but none of these div made any practical sense. Even if we use css-style id and class to describe the meaning of this piece of content. These tags are just instructions we provide to browsers, just defining parts of a web page. But now, those tags that did not have "meaning" before have disappeared because of the emergence of html5, which is what we usually call "semantics".

The section element represents a block in the page

The article element represents a piece of context-free independent content

Auxiliary information related to the content of the article outside the article of the aside element

The header element represents a content block on a page or the title of the entire page

The footer element represents a content block on a page or a footnote for the entire page

The nav element represents the navigation link section of the page

The figure element represents a separate piece of content, and use the figcaption element to add a title to it (the location of the first or last child element)

The main element represents the main content of the page (ie incompatible)

A grouping of hgroup headings

Mark defines highlighted text (span)

Time time

The dialog tag defines a dialog box (dialog box) similar to Wechat

The embed tag defines external interactive content or plug-ins such as flash

Multimedia label

Attribute

Controls property: if this property appears, the control is displayed to the user, such as a play button.

Autoplay attribute: if this attribute appears, the video will play as soon as it is ready.

Loop property: repeat playback property.

Muted property: mute property.

Poster attribute: specifies the image to be displayed when the video is being downloaded until the user clicks the play button.

Source

Tags define media resources for media elements such as and.

Tags allow you to specify replaceable video / audio files for browsers to choose based on their support for media types or codecs.

Type attribute value:

For video: video/ogg video/mp4 video/webm

For audio: audio/ogg audio/mpeg

HTML5 form

New type type

Type= "email" restricts users to enter email type Type= "url" restricts users to enter url type Type= "range" to generate a slider form Type= "number" restricts users to enter number type Type= "search" to generate a search meaning form Type= "color" generates a color selection form Type= "time" restricts users to enter time type Type= "month" restricts users You must enter the month type Type= "week" to restrict the user to enter the week type Type= "datetime-local" to select the local time Type= "date"

Add form properties

Whether the required monitor is empty. The min minimum max maximum step stride determines a legal value. -3 0369 list must be combined with datalist tag and bind datalist id name. Whether the autocomplete automatically prompts the information attribute value on off placeholder text box prompt information autofocus auto-focus. A page can only be made up of one. The attribute value after pattern is a regular expression. Novalidate unvalidates multiple multiple selections (uploads)

Add form tags

Output

100 +

=

Datalist must be used in conjunction with the list attribute. Give me a hint.

This is the end of the content of "what are the basics of HTML5". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.