html ... ⁄html

Share it

HTML5 html element

The html element is the root element. »video

About html

the html element is optional unless ...»details
only 1 html element allowed per HTML5 document, right after the doctype declaration »examples

Display & support html

display in browser »video
display type: block

Parents, children html

html nested within elements »html parents
elements nested within html »html children
»examples

Attributes html

required: none
optional: specific attributes, global attributes, event attributes

Syntax html

1
2
3
4

<html> ... <⁄html>
<html> ...
... <⁄html>
... » video

Attributes and Values html (comma separated)

<html	attribute	=	"attribute_value(s)"	Video	Examples
1. specific attributes
1.	manifest	=	manifest file url	» video	<html manifest="test.appcache"> ... <⁄html> <html manifest="http://site.com/test.appcache"> ... <⁄html>
	All Specific Attributes
2. global attributes
1.	accesskey	=	keyboard key	»img	<html accesskey="h"> ... </html>
2.	class	=	class name	»html »img	<html class="class_name"> ... </html>
3.	contenteditable	=	"", , true, false	»html	<html contenteditable="true"> ... </html>
4.	contextmenu	=	menu id value	»html	<html contextmenu="menu_id_value"> ... </html>
5.	data-*	=	value	-	<html data-http-error="404"> ... </html>
6.	dir	=	ltr, rtl, auto	»html	<html dir="ltr"> ... </html>
7.	draggable	=	true, , false	»img	<html draggable="false"> ... </html>
8.	dropzone	=	copy, move, link, string:, file:	-	<html dropzone="copy"> ... </html>
9.	hidden	=	"", , hidden	»html »img	<html hidden="hidden"> ... </html>
10.	id	=	id name	»html »img	<html id="unique_id_name"> ... </html>
11.	itemid	=	URL	-	-
12.	itemprop	=	string	»link »a	-
13.	itemref	=	string	-	-
14.	itemscope	=	"", , itemscope	-	-
15.	itemtype	=	absolute URL	-	-
16.	lang	=	language code	»html »head »title »img	<html lang="en"> ... </html>
17.	spellcheck	=	"", , true, false	»html	<html spellcheck="true"> ... </html>
18.	style	=	CSS property:value	»html »img	<html style="color:red"> ... </html>
19.	tabindex	=	integer	»img	<html tabindex="3"> ... </html>
20.	title	=	text	»html »link »style »abbr »dfn »img »meter	<html title="html page"> ... </html>
21.	translate	=	"", yes, no	»html »img	<html translate="yes"> ... </html>
	All Global Attributes
3. global event attributes
1.	onclick	=	script	» list	<html onclick="script" > ...
2.	ondblclick	=	script	» list	<html ondblclick="script" > ...
	All Event Attributes

Video demonstration html element

HTML5 html root element, Tutorial

min	video details
00:02	open the html file in Notepad++
00:05	html - represents the root element - the main container for all HTML elements, except the doctype declaration
00:14	all html elements, except doctype declaration, must be placed inside it (html = main container) note: as direct descendants (= children) accepts only 2 elements: head and body, those 2 containing all other html elements
00:22	launch file in browser
00:27	entering 3d View mode (shortcut CTRL+Shift+I)
00:36	zooming in the 3D representation of our index.html file
00:38	in 3D mode we can understand better why the html element is considered the root element
00:42	mark element: - in source code: is placed inside p element; - in 3D view: is placed on p element;
00:47	p element: - in source code: is placed inside body element; - in 3D view: is placed on body element;
00:55	body element: - in source code: is placed inside html element; - in 3D view: is placed on html element;
01:03	html element: - in source code: is placed right after the doctype declaration ; - in 3D view: is at the root (base) of all other html elements;

For more information about the html element, please see the specs: W3C ⁄ WHATWG