HTML5 authoritative guide Reading Notes (Part 2): html5 authoritative Reading Notes

HTML5 authoritative guide Reading Notes (Part 2): html5 authoritative Reading Notes
1. hyperlink href support format: http https ftp mailto (mailto: adam@mydomain.com) 2. hyperlink # id move the element of the specified id into the field of view, if not, search for name matching. 3. The regular forms of B and strong are both bold, but B does not represent important semantics in html5, strong 4. Use of wbr when the browser needs to wrap the line, give suggestions for split row position 5, code, var, samp (output), kbd (user input) exposed HTML geek attributes 6. <ruby> strong <rp> (</rp> <rt> chi </rt> <rp>) </rp> </ruby> 7. bdo text direction <bdo dir = "ltr"> I love you </bdo> 8. pre-nested code completes the original output of code 9, in ol, li uses value to initialize its serial number 10, figure Illustration figcaption illustration Title 11, h1 ~ H4 font size greater than standard font h5 ~ H6 is smaller than the standard font 12, hgroup introduction, to add the level of the first title in hgoup to determine the level of the group, it is convenient to set sub-title 13. The details in the details foldable display nested summary content as the collapsed visible Title open attribute is expanded by default (not supported by IE) 14.> the css selector indicates keeping up with the combination. 15. If thead is not added, other tr values belong to tbody16 and td \ th colspan, cross-column rowspan, cross-row, and cross-row, the position should be selected based on the upper cell and cross-column. select 17 at the far left of the position. the id of the first td headers column <td headers = "column header id row header id">... </td> 18. Title of the caption table 19. <colgroup id = "colgroup1" span = "3"/> create the first three columns for column group management, however, the style priority of the column group is lower than that of the style directly in tr td. Irregular cells are classified into the corresponding group according to the column to which the actual unit belongs. 20. Use cols to get more freedom:

<colgroup id=“colgroup1”>    <col id=“col1And2” span=“2”/>    <col id=“col3”/></colgroup>

21. encoding method application/x-www-form-urlencoded: parameter concatenation similar to get cannot be used for file transmission multipart/form-data: file transmission text/plain: A parameter exclusive Row 22, the form autocomplete = "on" automatically fills in the input set to include by default, however, you can configure your own Automatic completion switch for input. 23. The result displayed after the table target is submitted is _ blank _ self _ parent _ top <frame> 24. <label for =" fave "> Fruit: <input id = "fave" name = "fave"/> </label> 25. input autofocus: 26. form fieldset Group

<Fieldset> <legend> group tag </legend> </fieldset>

27. added the form formation formtarget formmethod attribute in HTML5... 28. The form attribute of HTML5 button specifies the id29 of the external form, and the length of the characters displayed in the input size setting maxLength valid length 30. If the input in the form is set to disabled, it will not be submitted to the server (converted to use ). hidden) 31. The difference between the button generated by the input element and the button element is that the latter can be used to display the marked text 32, <input type = "range" step = "1" min =" 0 "max =" 100 "value =" 1 "id =" price "name =" price "/> Generate the slider selection 33. input checkbox only values in the selected status will be transmitted to the server on34, input hidden will still be submitted with the Form 35, input type = "image" src = "" name = "submit" 36, select size display a total of select items multiple select Boolean 37, select group

<select id=“fave”>    <optgroup label=“Top Choice”>        <option value=“apples” label=“Apples”>Apples</option>    </optgroup></select>

38. textarea wrap = "hard" inserts a line break 39. img ismap creates a server-side partition response map. Record click coordinates of the image. 40. iframe sandbox controls which elements are enabled by the frame. 41. embed object you can add plug-ins, but the object can provide additional content.