Tags HTML5
Etiquetas que ya no volveran al usar HTML5 y las nuevas de este y cuantas ya soportan los navegadores mas usados y cuales aun no.
Antes que todo, invito a ver el post de Craftyman Blog que se expresa graficamente mejor Chuleta infografica de HTML5
Browser Support
| Attribute | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| autocomplete | 8.0 | 3.5 | 9.5 | 3.0 | 4.0 |
| autofocus | No | No | 10.0 | 3.0 | 4.0 |
| form | No | No | 9.5 | No | No |
| form overrides | No | No | 10.5 | No | No |
| height and width | 8.0 | 3.5 | 9.5 | 3.0 | 4.0 |
| list | No | No | 9.5 | No | No |
| min, max and step | No | No | 9.5 | 3.0 | No |
| multiple | No | 3.5 | 11.0 | 3.0 | 4.0 |
| novalidate | No | No | 11.0 | No | No |
| pattern | No | No | 9.5 | 3.0 | No |
| placeholder | No | No | 11.0 | 3.0 | 3.0 |
| required | No | No | 9.5 | 3.0 | No |
Nuevos tags en HTML5:
| Tag | Description |
|---|---|
| <!–…–> | Defines a comment |
| <!DOCTYPE> | Defines the document type |
| <a> | Defines a hyperlink |
| <abbr> | Defines an abbreviation |
| <acronym> | Not supported in HTML5. |
| <address> | Defines an address element |
| <applet> | Not supported in HTML5. |
| <area> | Defines an area inside an image map |
| <article> New | Defines an article |
| <aside> New | Defines content aside from the page content |
| <audio> New | Defines sound content |
| <b> | Defines bold text |
| <base> | Defines a base URL for all the links in a page |
| <basefont> | Not supported in HTML5. |
| <bdo> | Defines the direction of text display |
| <big> | Not supported in HTML5. |
| <blockquote> | Defines a long quotation |
| <body> | Defines the body element |
| <br> | Inserts a single line break |
| <button> | Defines a push button |
| <canvas> New | Defines graphics |
| <caption> | Defines a table caption |
| <center> | Not supported in HTML5. |
| <cite> | Defines a citation |
| <code> | Defines computer code text |
| <col> | Defines attributes for table columns |
| <colgroup> | Defines groups of table columns |
| <command> New | Defines a command button |
| <datalist> New | Defines a dropdown list |
| <dd> | Defines a definition description |
| <del> | Defines deleted text |
| <details> New | Defines details of an element |
| <dfn> | Defines a definition term |
| <dir> | Not supported in HTML5. |
| <div> | Defines a section in a document |
| <dl> | Defines a definition list |
| <dt> | Defines a definition term |
| <em> | Defines emphasized text |
| New | Defines external interactive content or plugin |
| <fieldset> | Defines a fieldset |
| <figcaption> New | Defines the caption of a figure element |
| <figure> New | Defines a group of media content, and their caption |
| <font> | Not supported in HTML5. |
| <footer> New | Defines a footer for a section or page |
| <form> | Defines a form |
| <frame> | Not supported in HTML5. |
| <frameset> | Not supported in HTML5. |
| <h1> to <h6> | Defines header 1 to header 6 |
| <head> | Defines information about the document |
| <header> New | Defines a header for a section or page |
| <hgroup> New | Defines information about a section in a document |
| <hr> | Defines a horizontal rule |
| <html> | Defines an html document |
| <i> | Defines italic text |
| <iframe> | Defines an inline sub window (frame) |
| <img> | Defines an image |
| <input> | Defines an input field |
| <ins> | Defines inserted text |
| <keygen> New | Defines a generated key in a form |
| <kbd> | Defines keyboard text |
| <label> | Defines a label for a form control |
| <legend> | Defines a title in a fieldset |
| <li> | Defines a list item |
| <link> | Defines a resource reference |
| <map> | Defines an image map |
| <mark> New | Defines marked text |
| <menu> | Defines a menu list |
| <meta> | Defines meta information |
| <meter> New | Defines measurement within a predefined range |
| <nav> New | Defines navigation links |
| <noframes> | Not supported in HTML5. |
| <noscript> | Defines a noscript section |
| <object> | Defines an embedded object |
| <ol> | Defines an ordered list |
| <optgroup> | Defines an option group |
| <option> | Defines an option in a drop-down list |
| <output> New | Defines some types of output |
| <p> | Defines a paragraph |
| <param> | Defines a parameter for an object |
| <pre> | Defines preformatted text |
| <progress> New | Defines progress of a task of any kind |
| <q> | Defines a short quotation |
| <rp> New | Used in ruby annotations to define what to show browsers that to not support the ruby element. |
| <rt> New | Defines explanation to ruby annotations. |
| <ruby> New | Defines ruby annotations |
| <s> | Defines text that is no longer correct |
| <samp> | Defines sample computer code |
| <script> | Defines a script |
| <section> New | Defines a section |
| <select> | Defines a selectable list |
| <small> | Defines small text |
| <source> New | Defines media resources |
| <span> | Defines a section in a document |
| <strike> | Not supported in HTML5. |
| <strong> | Defines strong text |
| <style> | Defines a style definition |
| <sub> | Defines subscripted text |
| <summary> New | Defines the header of a “detail” element |
| <sup> | Defines superscripted text |
| <table> | Defines a table |
| <tbody> | Defines a table body |
| <td> | Defines a table cell |
| <textarea> | Defines a text area |
| <tfoot> | Defines a table footer |
| <th> | Defines a table header |
| <thead> | Defines a table header |
| <time> New | Defines a date/time |
| <title> | Defines the document title |
| <tr> | Defines a table row |
| <tt> | Not supported in HTML5. |
| <u> | Not supported in HTML5. |
| <ul> | Defines an unordered list |
| <var> | Defines a variable |
| <video> New | Defines a video |
| <wbr> New | Defines a possible line-break |
| <xmp> | Not supported in HTML5. |
Atributos Globales en HTML5:
| Attribute | Value | Description |
|---|---|---|
| accesskey | character | Specifies a keyboard shortcut to access an element |
| class | classname | Specifies a classname for an element (used for stylesheets) |
| contenteditable New | true
false |
Specifies if the user is allowed to edit the content or not |
| contextmenu New | menu_id | Specifies the context menu for an element |
| dir | ltr rtl |
Specifies the text direction for the content in an element |
| draggable New | true false auto |
Specifies whether or not a user is allowed to drag an element |
| dropzone New | copy
move link |
Specifies what happens when dragged items/data is dropped in the element |
| hidden New | hidden | Specifies that the element is not relevant. Hidden elements are not displayed |
| id | id | Specifies a unique id for an element |
| lang | language_code | Specifies a language code for the content in an element |
| spellcheck New | true
false |
Specifies if the element must have its spelling and grammar checked |
| style | style_definition | Specifies an inline style for an element |
| tabindex | number | Specifies the tab order of an element |
| title | text | Specifies extra information about an element |
HTML5 New Input Types
HTML5 has several new input types
for forms. These new features allow for better input control and validation.
This chapter covers the new input types:
- url
- number
- range
- Date pickers (date, month, week, time, datetime, datetime-local)
- search
- color
Browser Support
| Input type | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| No | No | 9.0 | No | No | |
| url | No | No | 9.0 | No | No |
| number | No | No | 9.0 | 7.0 | No |
| range | No | No | 9.0 | 4.0 | 4.0 |
| Date pickers | No | No | 9.0 | No | No |
| search | No | No | 11.0 | No | No |
| color | No | No | 11.0 | No | No |
HTML5 New Form Elements
HTML5 has several new elements and attributes for forms.
This chapter covers the new form elements:
- datalist
- keygen
- output
Browser Support
| Attribute | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| datalist | No | No | 9.5 | No | No |
| keygen | No | No | 10.5 | 3.0 | No |
| output | No | No | 9.5 | No | No |
HTML5 New Form Attributes
This chapter covers some of the new attributes for <form> and <input>.
New form attributes:
- autocomplete
- novalidate
New input attributes:
- autocomplete
- autofocus
- form
- form overrides (formaction, formenctype, formmethod, formnovalidate,
formtarget) - height and width
- list
- min, max and step
- multiple
- pattern (regexp)
- placeholder
- required
Browser Support
| Attribute | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| autocomplete | 8.0 | 3.5 | 9.5 | 3.0 | 4.0 |
| autofocus | No | No | 10.0 | 3.0 | 4.0 |
| form | No | No | 9.5 | No | No |
| form overrides | No | No | 10.5 | No | No |
| height and width | 8.0 | 3.5 | 9.5 | 3.0 | 4.0 |
| list | No | No | 9.5 | No | No |
| min, max and step | No | No | 9.5 | 3.0 | No |
| multiple | No | 3.5 | 11.0 | 3.0 | 4.0 |
| novalidate | No | No | 11.0 | No | No |
| pattern | No | No | 9.5 | 3.0 | No |
| placeholder | No | No | 11.0 | 3.0 | 3.0 |
| required | No | No | 9.5 | 3.0 | No |
Extraido de: w3schools – html5 reference
Y para cerrar, un Videotutorial de HTML5 para principiantes de Armando Sosa: HTML5 para principiantes from Armando Sosa on Vimeo.
Y una esquema tipo tabla periodica de las etiquetas html5…
Tomado de: Josh Duck – Periodic Table of the Elements
1024bytes 
No comments yet
Jump to comment form | comment rss [?] | trackback uri [?]