If you have a title with subtitle(s) and other metadata associated with the section or article, place both the <hgroup> and the metadata within a single <header> element.
If you have a title with subtitle(s) or tag lines (i.e., more than one consecutive <h1>–<h6>), group them in an <hgroup>.
When grouping headings in an <hgroup> element, the outline algorithm will mask the lowest level all but the highest level heading in the group from the resulting document outline.
It can only contain a group of <h1>–<h6> element(s), and it should be used for subtitles, alternative titles, and tag lines.
"How to enable and tags in all major browsers
To make HTML5 video and audio tags work in all major browsers, simply add the following line of code somewhere in the of your document.
"
The sectioning elements act quite literally as their name suggests: they define sections of the parent element. These sections can be thought of as child nodes whose headings fall under their parent heading, regardless of their rank.
Sections may contain headings of any rank, but authors are strongly encouraged to either use only h1 elements, or to use elements of the appropriate rank for the section’s nesting level.
For accessibility reasons, we recommend each sectioning element have a heading, even <aside> and <nav>, as shown below. If you don’t want these headings to be visible, you can always hide them with CSS.
It’s best if you use logical heading levels — <h1>–<h6> — at least until the new outlines are more widely supported.
Unfortunately, there is little support for the new outlining algorithms right now. Search engines may be experimenting with it in their crawling algorithms as you read this, but as far as we know, headings are treated just as they were before. You won’t be penalised for using them, even if you use multiple <h1>s (which have always been okay as far as the spec is concerned). Check out our HTML5 and Search Engine Optimisation article for more on search engines and HTML5.
The value of input elements whose type attributes are in the Text, Search,
URL, or E-mail states and that are mutable (i.e. that do not have the readonly attribute specified and that are not disabled).The value of textarea elements that do not
have a readonly attribute and that are not disabled.
Note the input types that we can set spellcheck="false" include:
email url search text
Otherwise, if there is an ancestor element with a spellcheck content attribute that is not in the default
state, then: if the nearest such ancestor's spellcheck
content attribute is in the true state, then checking is enabled; otherwise, checking is
disabled.
User agents should take into account the other semantics given in
the document when suggesting spelling and grammar corrections. User agents may use the language of
the element to determine what spelling and grammar rules to use, or may use the user's preferred
language settings. UAs should use input element attributes such as pattern to ensure that the resulting value is valid, where
possible.
On mobile devices with on-screen keyboards, the search input type sets the submit button text to "Search".
On desktop devices, this should also enable submitting the form by pressing the Enter key?
Possible values are:
off: The user must explicitly enter a value into this field for every use, or the document provides its own auto-completion method. The browser does not automatically complete the entry.
on: The browser is allowed to automatically complete the value based on values that the user has entered during previous uses, however on does not provide any further information about what kind of data the user might be expected to enter.
name: Full name.
honorific-prefix: Prefix or title (e.g. "Mr.", "Ms.", "Dr.", "Mlle").
given-name: First name.
additional-name: Middle name.
family-name: Last name.
This attribute applies when the value of the type attribute is text, search, tel, url, email, or password, otherwise it is ignored.
minlength HTML5
If the value of the type attribute is text, email, search, password, tel, or url, this attribute specifies the minimum number of characters (in Unicode code points) that the user can enter.
maxlength
If the value of the type attribute is text, email, search, password, tel, or url, this attribute specifies the maximum number of characters (in UTF-16 code units) that the user can enter.
autocorrect
A Safari extension, the autocorrect attribute is a string which indicates whether or not to activate automatic correction while the user is editing this field. Permitted values are:
on
Enable automatic correction of typos, as well as processing of text substitutions if any are configured.
\"', 'tags':'html,video,audio,tags,browsers,html5,mobile',
'first_user_id':1615481, 'first_user_name':'vfowler', 'first_user_real_name':'Vernon Fowler', 'last_user_id':1615481, 'last_user_name':'vfowler', 'last_user_real_name':'Vernon Fowler',
'user_count':1, 'p_c_count':1, 'ann_count':0, 'i_c_count':0, 'page_comments':[],'annotations':[]}
var p_c = {'id':1599877, 'group_id':106643, 'link_id':82697916, 'g_l_id':'106643-82697916', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'content':'\"How to enable \<video\> and \<audio\> tags in all major browsers\\n\\nTo make HTML5 video and audio tags work in all major browsers, simply add the following line of code somewhere in the \<head\> of your document.\\n\<script src=\"http://api.html5media.info/1.1.4/html5media.min.js\"\>\</script\>\"'}
b.page_comments.push(p_c)
_items.push(b);
var b = {'item_id':7831647, 'obj_type':1, 'obj_id':124968229, 'index':3, 'checked':false,
'group_id':106643, 'g_name':'html5_dev', 'link_id':124968229, 'g_l_id':'106643-124968229', 'url':'http://html5doctor.com/outlines/', 'title':'Document Outlines | HTML5 Doctor', 'desc':'', 'tags':'semantic,structure,headings,html5',
'first_user_id':1615481, 'first_user_name':'vfowler', 'first_user_real_name':'Vernon Fowler', 'last_user_id':1615481, 'last_user_name':'vfowler', 'last_user_real_name':'Vernon Fowler',
'user_count':1, 'p_c_count':0, 'ann_count':5, 'i_c_count':0, 'page_comments':[],'annotations':[]}
var ann = {'id':2350172, 'content':'', 'group_id':106643, 'link_id':124968229, 'g_l_id':'106643-124968229', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':2350174, 'content':'', 'group_id':106643, 'link_id':124968229, 'g_l_id':'106643-124968229', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':2350177, 'content':'', 'group_id':106643, 'link_id':124968229, 'g_l_id':'106643-124968229', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':2350181, 'content':'', 'group_id':106643, 'link_id':124968229, 'g_l_id':'106643-124968229', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':2350182, 'content':'', 'group_id':106643, 'link_id':124968229, 'g_l_id':'106643-124968229', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
_items.push(b);
var b = {'item_id':8837654, 'obj_type':1, 'obj_id':109323062, 'index':4, 'checked':false,
'group_id':106643, 'g_name':'html5_dev', 'link_id':109323062, 'g_l_id':'106643-109323062', 'url':'http://www.html5rocks.com/en/resources', 'title':'Resources - HTML5 Rocks', 'desc':'', 'tags':'HTML5,resources,reference,test,compatibility,documentation,tools,css3,books,browser,comparison',
'first_user_id':1615481, 'first_user_name':'vfowler', 'first_user_real_name':'Vernon Fowler', 'last_user_id':1615481, 'last_user_name':'vfowler', 'last_user_real_name':'Vernon Fowler',
'user_count':1, 'p_c_count':0, 'ann_count':0, 'i_c_count':0, 'page_comments':[],'annotations':[]}
_items.push(b);
var b = {'item_id':11556178, 'obj_type':1, 'obj_id':128281982, 'index':5, 'checked':false,
'group_id':106643, 'g_name':'html5_dev', 'link_id':128281982, 'g_l_id':'106643-128281982', 'url':'http://html5doctor.com/the-section-element/', 'title':'The section element | HTML5 Doctor', 'desc':'\"section is a blob of content that you could store as an individual record in a database. It generally looks like this (and note that the heading goes inside the section element, not immediately before it)\"', 'tags':'section,html5,html,element,markup,outline,document,structure',
'first_user_id':1615481, 'first_user_name':'vfowler', 'first_user_real_name':'Vernon Fowler', 'last_user_id':1615481, 'last_user_name':'vfowler', 'last_user_real_name':'Vernon Fowler',
'user_count':1, 'p_c_count':0, 'ann_count':5, 'i_c_count':1, 'page_comments':[],'annotations':[]}
var ann = {'id':3123339, 'content':'', 'group_id':106643, 'link_id':128281982, 'g_l_id':'106643-128281982', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':3123340, 'content':'', 'group_id':106643, 'link_id':128281982, 'g_l_id':'106643-128281982', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':3722950, 'content':'', 'group_id':106643, 'link_id':128281982, 'g_l_id':'106643-128281982', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':3722952, 'content':'', 'group_id':106643, 'link_id':128281982, 'g_l_id':'106643-128281982', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':3722954, 'content':'', 'group_id':106643, 'link_id':128281982, 'g_l_id':'106643-128281982', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':1, 'inline_comments':[]};
var i_c = {'id':972563, 'group_id':106643, 'link_id':128281982, 'g_l_id':'106643-128281982', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'ann_id':3722954, 'content':'Use \<article\> rather than \<section\> for blog post and for comment content types.'}
ann.inline_comments.push(i_c);
b.annotations.push(ann);
_items.push(b);
var b = {'item_id':5693539, 'obj_type':1, 'obj_id':122604824, 'index':6, 'checked':false,
'group_id':106643, 'g_name':'html5_dev', 'link_id':122604824, 'g_l_id':'106643-122604824', 'url':'http://html5doctor.com/avoiding-common-html5-mistakes/', 'title':'Avoiding common HTML5 mistakes | HTML5 Doctor', 'desc':'In this post, I\'ll show you some of the mistakes and poor markup practices I often see and explain how to avoid them.', 'tags':'html5,avoiding,mistakes,html,navigation,semantic,markup,hgroup,section,header,nav,figure,logo,input,attributes,LIM225,best practices',
'first_user_id':1615481, 'first_user_name':'vfowler', 'first_user_real_name':'Vernon Fowler', 'last_user_id':1615481, 'last_user_name':'vfowler', 'last_user_real_name':'Vernon Fowler',
'user_count':1, 'p_c_count':0, 'ann_count':1, 'i_c_count':0, 'page_comments':[],'annotations':[]}
var ann = {'id':2573069, 'content':'', 'group_id':106643, 'link_id':122604824, 'g_l_id':'106643-122604824', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
_items.push(b);
var b = {'item_id':2463551, 'obj_type':1, 'obj_id':62694589, 'index':7, 'checked':false,
'group_id':106643, 'g_name':'html5_dev', 'link_id':62694589, 'g_l_id':'106643-62694589', 'url':'http://www.thebusinessvalueguide.com/clb_pleasetech.aspx', 'title':'PleaseTech: Collaborative Document Review and Authoring', 'desc':'', 'tags':'collaborative,review,authoring,Writing',
'first_user_id':1412727, 'first_user_name':'osensus', 'first_user_real_name':'Alfred Waizenauer', 'last_user_id':1412727, 'last_user_name':'osensus', 'last_user_real_name':'Alfred Waizenauer',
'user_count':1, 'p_c_count':0, 'ann_count':0, 'i_c_count':0, 'page_comments':[],'annotations':[]}
_items.push(b);
var b = {'item_id':17827497, 'obj_type':1, 'obj_id':306857609, 'index':8, 'checked':false,
'group_id':106643, 'g_name':'html5_dev', 'link_id':306857609, 'g_l_id':'106643-306857609', 'url':'https://html.spec.whatwg.org/multipage/interaction.html', 'title':'HTML Standard', 'desc':'\"User agents can support the checking of spelling and grammar of editable text, either in form controls (such as the value of textarea elements), or in elements in an editing host (e.g. using contenteditable).\\n\\n\"', 'tags':'no_tag',
'first_user_id':1615481, 'first_user_name':'vfowler', 'first_user_real_name':'Vernon Fowler', 'last_user_id':1615481, 'last_user_name':'vfowler', 'last_user_real_name':'Vernon Fowler',
'user_count':1, 'p_c_count':0, 'ann_count':3, 'i_c_count':1, 'page_comments':[],'annotations':[]}
var ann = {'id':5752849, 'content':'', 'group_id':106643, 'link_id':306857609, 'g_l_id':'106643-306857609', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':1, 'inline_comments':[]};
var i_c = {'id':1215432, 'group_id':106643, 'link_id':306857609, 'g_l_id':'106643-306857609', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'ann_id':5752849, 'content':'Note the input types that we can set spellcheck=\"false\" include:\\n email url search text'}
ann.inline_comments.push(i_c);
b.annotations.push(ann);
var ann = {'id':5762130, 'content':'', 'group_id':106643, 'link_id':306857609, 'g_l_id':'106643-306857609', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':5762131, 'content':'', 'group_id':106643, 'link_id':306857609, 'g_l_id':'106643-306857609', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
_items.push(b);
var b = {'item_id':16873494, 'obj_type':1, 'obj_id':296254281, 'index':9, 'checked':false,
'group_id':106643, 'g_name':'html5_dev', 'link_id':296254281, 'g_l_id':'106643-296254281', 'url':'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input', 'title':': The Input (Form Input) element - HTML | MDN', 'desc':'', 'tags':'HTML5,form,input,attributes',
'first_user_id':1615481, 'first_user_name':'vfowler', 'first_user_real_name':'Vernon Fowler', 'last_user_id':1615481, 'last_user_name':'vfowler', 'last_user_real_name':'Vernon Fowler',
'user_count':1, 'p_c_count':0, 'ann_count':7, 'i_c_count':2, 'page_comments':[],'annotations':[]}
var ann = {'id':5302503, 'content':'', 'group_id':106643, 'link_id':296254281, 'g_l_id':'106643-296254281', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':1, 'inline_comments':[]};
var i_c = {'id':1170836, 'group_id':106643, 'link_id':296254281, 'g_l_id':'106643-296254281', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'ann_id':5302503, 'content':'On mobile devices with on-screen keyboards, the search input type sets the submit button text to \"Search\".\\n\\nOn desktop devices, this should also enable submitting the form by pressing the Enter key?'}
ann.inline_comments.push(i_c);
b.annotations.push(ann);
var ann = {'id':5302504, 'content':'', 'group_id':106643, 'link_id':296254281, 'g_l_id':'106643-296254281', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':5302505, 'content':'', 'group_id':106643, 'link_id':296254281, 'g_l_id':'106643-296254281', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':1, 'inline_comments':[]};
var i_c = {'id':1170837, 'group_id':106643, 'link_id':296254281, 'g_l_id':'106643-296254281', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'ann_id':5302505, 'content':'Currently not supported in any browser. https://caniuse.com/#feat=input-inputmode'}
ann.inline_comments.push(i_c);
b.annotations.push(ann);
var ann = {'id':5302506, 'content':'', 'group_id':106643, 'link_id':296254281, 'g_l_id':'106643-296254281', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':5352057, 'content':'', 'group_id':106643, 'link_id':296254281, 'g_l_id':'106643-296254281', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':5352058, 'content':'', 'group_id':106643, 'link_id':296254281, 'g_l_id':'106643-296254281', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
var ann = {'id':5843199, 'content':'', 'group_id':106643, 'link_id':296254281, 'g_l_id':'106643-296254281', 'user_id':1615481, 'user_name':'vfowler', 'user_real_name':'Vernon Fowler', 'c_count':0, 'inline_comments':[]};
b.annotations.push(ann);
_items.push(b);
window.addOnLoadListener(function(){new ContextMenu("leftColumn",{eventType:"click",backgroundColor:'#E0EDFE',color:'#000'})});
window.addOnLoadListener(function(){new AvatarPopup()});