Read the notes in HTML5 and CSS3 authoritative guide (previous book), html5css3

Read the notes in HTML5 and CSS3 authoritative guide (previous book), html5css3

Chapter 2

1. content type: "text/html ". DOCTYPE Declaration: <! DOCTYPE html>. Specify the character encoding: <meta charset = "UTF-8">

2. the elements of the write end mark are not allowed: area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track, and wbr.

Elements that can omit the end tag include: li, dt, dd, p, rt, rp, optgroup, option, colgroup, thead, body, tfoot, tr, td, th

The following elements can be omitted: html, head, body, colgroup, and tbody.

3. It has a boolean Value Attribute. If you write only the attribute but do not specify the attribute value, the attribute value is true. If you want to set the attribute value to false, you can skip this attribute. In addition, if you want to set the attribute value to true, you can also set the attribute name to the attribute value, or set the null string to the attribute value.

<! -- Write-only attributes without writing attribute values indicates that the attribute is true --> <input type = "checkbox" checked> <! -- If the attribute is not written, the attribute is false. --> <input type = "checkbox"> <! -- Property value = property name, indicating the property is true --> <input type = "checkbox" check = "checked"> <! -- Property value = Null String, indicating the property is true --> <input type = "checkbox" check = "">

4. When the attribute value is specified in HTML5, quotation marks can be omitted.

5. add element: <section>... </section> <article>... </article> <aside>... </aside>

<Footer>... </footer> <nav>... </nav> <figure>... </figure>

<Video src = "movie.ogg" controls = "controls"> video Element Definition video </video> <audio src = "some.wav"> audio Element Definition audio </audio> <! -- The embed element is used to insert various multimedia files in the format of Midi, Wav, AIFF, AU, MP3, etc. --> <embed src = "horse.wav"> <mark> highlighted text </mark> <progress> indicates a running process </progress> <meter> table measurement </ meter> <time> indicates the time </time> <ruby> ruby annotation </ruby> <wbr> soft line feed, when the browser window width is insufficient, the <canvas id = "maCanvas" width = "200" height = "200"> representation </canvas> <command onclick = cut () label = "cut"> indicates a command button </command> <details> indicates details </details> <datalist> indicates an optional data list, which can be used with input, you can create a drop-down list of input values </datalist> <datagrid> to indicate the list of optional data, </datagrid> <keygen> indicates generating a key <output> indicates different types of output </output> <source> defining media resources <menu> indicates menus. list </menu>

6. Added input types: email, url, number, range, and Date Pickers.

7. Added global attributes: contentEditable, designMode, hidden, spellcheck, and tabindex.

 

Chapter 3

1. putdate attribute: it is an optional attribute with a boolean value. It can be used in the time element of the article element, meaning that the time element represents the publishing time of the article or the entire web page.

 

Chapter 4

1. new Attributes: form attributes of the elements in the form; formaction attributes of the form elements; forequalhod attributes of the elements in the form; formenctype attributes of the elements in the form; and formtarget attributes of the elements in the form; autofocu attribute of elements in the form; required attribute of elements in the form; labels attribute of elements in the form; control attribute of the label; placeholder attribute of the text box; list attribute of the text box; autocomplete attribute of the text box; SelectionDirection attribute of the text box; indeterminate attribute of the check box; height attribute and width attribute of the image submit button; maxlength attribute and wrap attribute of the textarea element.

<! -- Form attributes of elements in the form; --> <form id = "testform"> <input type = "text"> </form> <textarea form = "testform"> </textarea> 
 

Html5 and css3 authoritative guide this book is suitable for beginners
HTML5 must be familiar
CSS3 is enough. In general, CSS is a guy who needs to constantly open the style sheets of other websites to do experiments.

JQuery must also be familiar with usage... At least understand the principle.

Which book is better at learning html and css? Html5 authoritative guide, people's post and telecommunications; html5 and css3 authoritative guide, Tsinghua
This authority is the direct w3c on w3c.
If you want to learn how to directly build a project, it's just that thing.