"HTML5 and CSS3 authoritative guide" reading notes (previous)-Continuous update

Source: Internet
Author: User
Tags closing tag

Watercress on the score is small and evaluation is not very good, reading found a few publications on the small issues, but the line of word-of-mouth looks good, basically a manual

Over 500 pages, presenter H5, divided into tags, local storage, offline applications, new APIs, get geolocation information
Labels include forms, Canvas, multimedia, etc.;
API words Multimedia, history, drag and drop and notifications, documents, communications, etc.
Some of these chapters just flip, such as the file API, the communication API is not understand, the two chapters add up can be a single book

The following book is CSS3 related

Chapter II

1. Elements that do not allow the end tag to be written: META,LINK,HR,IMG,INPUT,BR,AREA,EMBED,BASE,COL,COMMAND,KEYGEN,PARAM,SOURCE,TRACK,WBR

Elements that can omit the closing tag: Li,dt,dd,p,,thead,tbody,tfoot,option,tr,td,th,rt,rp,optgroup,colgroup

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

2. A property with a Boolean value that indicates that the property value is true when a write-only property is not specified, or that the property name is set to a property value, or an empty string is set to a property value, and if you want the property value to be false, you can not use the property.

    <!--property value set to True -    <inputtype= "checkbox"checked/>    <inputtype= "checkbox"checked="" />    <inputtype= "checkbox"checked= "Checked" />    <!--do not write property code to False -    <inputtype= "checkbox" />

3.h5, specify attribute values, either omit quotation marks or use single quotation marks

4. Add element:<section> section, emphasizing segmentation </section> <article> articles, emphasizing independence </article> <aside> sidebar </aside >

    <!--Menu List -    <Menu>        <Li></Li>    </Menu>    < Time>Just a date or time label</ Time>    <Mark>Highlight or Highlight</Mark>    <!--Soft-wrap, line wrapping when the width is not enough -    <WBR/>    <Output>Represents different types of output, similar to span in H4</Output>    <Videosrc= "Movie.ogg"Controls>Video</Video>    <Audiosrc="">Audio</Audio>    <!--Media Elements, defining media resources -    <Sourcesrc= "Movie.ogg"type="" />    <!--insert format for multimedia such as Mp3,midi,wav,aiff,au -    <Embedsrc= "Horse.wav" />    <Progressvalue= "0"Max= "+">Progress bar</Progress>    <!--use scenarios such as disk size -    <Metermin= "0"Max= "+"value= " the">Weights</Meter>    <!--Ruby annotations, using scenes such as pinyin for Chinese characters, information exists in RT, when the browser does not support the display of RP content -    <Ruby>Hans<RT><RP>(</RP>ㄏㄢˋ<RP>)</RP></RT>    </Ruby>    <CanvasID= "MyCanvas"width= "$"Height= "$" >Graphics</Canvas>    <!--The effect of shrinking, summary the title or legend -    <Details><Summary>I'll give it a try.</Summary>You found it.</Details>    <!--Generate key -    <keygen/>    <!--didn't understand -    <Command/>    <DataGrid>Define a list of optional data</DataGrid>

5. New input type: Email,url,number,range slider, color, date selector, day pickers (date,month,week,time,datetime,datetime-local) support rate general , can be used in all major browsers, even if not supported, can still be displayed as a regular text field.

6. New properties: Form related autofocus,placeholder,form,required,readonly read-only, control,multiple upload multiple files, maxlength, a tag related download, The start,reversed start and end numbers in ol, Time Putdate indicates that the time element is the publication date of the article or the entire Web page, and Meta,menu,style,script,html,iframe also adds the corresponding attributes respectively.

7. The abolition of attributes, most of which can be replaced with CSS style, such as many labels have the Align Center text property

8. New Global Properties: a property that can be used by any element. Conenteditable is true when content is editable, document.designmode= "on" entire page editable, Hidden tells the browser not to render the element is not visible, Boolean property ; spellcheck checks the content entered by the user; You must explicitly declare the property value TRUE or False;tabindex.

The third & four chapters describe the above tags and attributes, etc.

The fifth chapter draws the graph

Sixth chapter Multimedia API, homemade play production, add subtitles to Yin

Seventh Chapter History API

Eighth chapter Local Storage

Chapter Nineth Offline applications

Tenth Chapter Article API

15th. Obtaining Geo-location information

16th drag-and-drop and notification API

17th Chapter Other APIs

"HTML5 and CSS3 authoritative guide" reading notes (previous)-Continuous update

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.