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:

  • email
  • url
  • number
  • range
  • Date pickers (date, month, week, time, datetime, datetime-local)
  • search
  • color

Browser Support

Input type IE Firefox Opera Chrome Safari
email 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: w3schoolshtml5 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 DuckPeriodic Table of the Elements

Advertisements

About this entry