-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
163 lines (160 loc) · 16.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>SVG test</title>
<link rel="stylesheet" href="cord.css" media="screen">
<script src="raphael-min.js"></script>
<script src="cord.js"></script>
</head>
<body>
<div id="holder"></div>
<div id="content">
<h1>Lamp Cord</h1>
<div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><table class="infobox" cellspacing="3" style="border-spacing: 3px; width:22em;">
<caption class="" style="">HTML5<br>
(<span style="font-size:85%;"><span class="nowrap">HyperText Markup Language</span></span>)</caption>
<tbody><tr class="">
<!-- <td colspan="2" class="" style="text-align:center;"><a href="/wiki/File:HTML5-logo.svg" class="image"><img alt="HTML5-logo.svg" src="//upload.wikimedia.org/wikipedia/commons/thumb/6/6e/HTML5-logo.svg/120px-HTML5-logo.svg.png" width="120" height="120" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/6e/HTML5-logo.svg/180px-HTML5-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/6e/HTML5-logo.svg/240px-HTML5-logo.svg.png 2x"></a></td>
--></tr>
<tr class="">
<td colspan="2" class="" style="text-align:center;"><br>
HTML5 official logo, introduced on January 18, 2011.</td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;"><a href="/wiki/Filename_extension" title="Filename extension">Filename extension</a></th>
<td class="" style=""><code>*.html</code></td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;"><a href="/wiki/Internet_media_type" title="Internet media type">Internet media type</a></th>
<td class="" style=""><code>text/html</code></td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;"><a href="/wiki/Type_code" title="Type code">Type code</a></th>
<td class="" style="">TEXT</td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;"><a href="/wiki/Uniform_Type_Identifier" title="Uniform Type Identifier">Uniform Type Identifier</a></th>
<td class="" style="">public.html<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span>[</span>1<span>]</span></a></sup></td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;">Developed by</th>
<td class="" style=""><a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a> and <a href="/wiki/WHATWG" title="WHATWG">WHATWG</a></td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;">Type of format</th>
<td class="" style=""><a href="/wiki/Markup_language" title="Markup language">Markup language</a></td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;">Extended to</th>
<td class="" style="">XHTML5<sup class="Template-Fact" style="white-space:nowrap;">[<i><a href="/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed"><span title="This claim needs references to reliable sources from January 2012">citation needed</span></a></i>]</sup></td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;"><a href="/wiki/Open_format" title="Open format">Open format</a>?</th>
<td class="" style="">Yes</td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;">Website</th>
<td class="" style=""><span class="url"><a rel="nofollow" class="external text" href="http://whatwg.org/html">whatwg.org/html</a></span><br>
<span class="url"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/html5">www.w3.org/TR/html5</a></span></td>
</tr>
</tbody></table>
<table class="infobox" cellspacing="3" style="border-spacing: 3px; width:22em;">
<caption class="" style="">XHTML5</caption>
<tbody><tr class="">
<th scope="row" style="text-align:left;"><a href="/wiki/Filename_extension" title="Filename extension">Filename extension</a></th>
<td class="" style=""><code>*.xhtml, *.html</code></td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;"><a href="/wiki/Internet_media_type" title="Internet media type">Internet media type</a></th>
<td class="" style=""><code>application/xml, application/xhtml+xml</code></td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;">Developed by</th>
<td class="" style=""><a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a> and <a href="/wiki/WHATWG" title="WHATWG">WHATWG</a></td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;">Type of format</th>
<td class="" style=""><a href="/wiki/Markup_language" title="Markup language">Markup language</a></td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;">Extended from</th>
<td class="" style=""><a href="/wiki/XML" title="XML">XML</a>, HTML5<sup class="Template-Fact" style="white-space:nowrap;">[<i><a href="/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed"><span title="This claim needs references to reliable sources from January 2012">citation needed</span></a></i>]</sup></td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;"><a href="/wiki/Open_format" title="Open format">Open format</a>?</th>
<td class="" style="">Yes</td>
</tr>
<tr class="">
<th scope="row" style="text-align:left;">Website</th>
<td class="" style=""><span class="url"><a rel="nofollow" class="external text" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-xhtml-syntax.html">www.whatwg.org/specs/web-apps/current-work/multipage/the-xhtml-syntax.html</a></span></td>
</tr>
</tbody></table>
<table class="vertical-navbox nowraplinks" cellspacing="5" cellpadding="0" style="float:right;clear:right;width:22.0em;margin:0 0 1.0em 1.0em;background:#f9f9f9;border:1px solid #aaa;padding:0.2em;border-spacing:0.4em 0;text-align:center;line-height:1.4em;font-size:88%;">
<tbody><tr>
<th class="" style=";padding:0.2em 0.4em 0.2em;;font-size:145%;line-height:1.2em;"><a href="/wiki/HTML" title="HTML">HTML</a></th>
</tr>
<tr>
<td class="" style="padding:0 0.1em 0.4em; text-align: left;">
<ul>
<li><a href="/wiki/HTML" title="HTML">HTML</a> and <strong class="selflink">HTML5</strong>; <a href="/wiki/HTML_editor" title="HTML editor">HTML editor</a></li>
<li><a href="/wiki/Dynamic_HTML" title="Dynamic HTML">Dynamic HTML</a></li>
<li><a href="/wiki/XHTML" title="XHTML">XHTML</a>
<ul>
<li><a href="/wiki/XHTML_Basic" title="XHTML Basic">XHTML Basic (Mobile)</a></li>
<li><a href="/wiki/XHTML_Mobile_Profile" title="XHTML Mobile Profile">XHTML Mobile Profile</a> and <a href="/wiki/C-HTML" title="C-HTML">C-HTML</a></li>
</ul>
</li>
<li><a href="/wiki/HTML_element" title="HTML element">HTML element</a></li>
<li><a href="/wiki/Character_encodings_in_HTML" title="Character encodings in HTML">Character encodings</a>; <a href="/wiki/Unicode_and_HTML" title="Unicode and HTML">Unicode</a></li>
<li><a href="/wiki/Language_code" title="Language code">Language code</a></li>
<li><a href="/wiki/Document_Object_Model" title="Document Object Model">Document Object Model</a></li>
<li><a href="/wiki/Browser_Object_Model" title="Browser Object Model">Browser Object Model</a></li>
<li><a href="/wiki/Style_sheet_(web_development)" title="Style sheet (web development)">Style sheets</a> and <a href="/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a></li>
<li><a href="/wiki/Font_family_(HTML)" title="Font family (HTML)">Font family</a> and <a href="/wiki/Web_colors" title="Web colors">Web colors</a></li>
<li><a href="/wiki/HTML_scripting" title="HTML scripting">HTML scripting</a> and <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a></li>
<li><a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a>, <a href="/wiki/WHATWG" title="WHATWG">WHATWG</a>, and <a href="/wiki/W3C_Markup_Validation_Service" title="W3C Markup Validation Service">validator</a></li>
<li><a href="/wiki/Quirks_mode" title="Quirks mode">Quirks mode</a></li>
<li><a href="/wiki/Framing_(World_Wide_Web)" title="Framing (World Wide Web)">HTML Frames</a></li>
<li><a href="/wiki/Canvas_element" title="Canvas element">HTML5 Canvas</a>, <a href="/wiki/WebGL" title="WebGL">WebGL</a>, and <a href="/wiki/WebCL" title="WebCL">WebCL</a></li>
<li><a href="/wiki/HTML5_Audio" title="HTML5 Audio">HTML5 Audio</a> and <a href="/wiki/HTML5_video" title="HTML5 video">HTML5 video</a></li>
<li><a href="/wiki/Web_storage" title="Web storage">Web storage</a></li>
<li><a href="/wiki/Web_browser_engine" title="Web browser engine">Web browser (layout) engine</a></li>
<li>Comparison of
<ul>
<li><a href="/wiki/Comparison_of_document_markup_languages" title="Comparison of document markup languages">document markup languages</a></li>
<li><a href="/wiki/Comparison_of_web_browsers" title="Comparison of web browsers">web browsers</a></li>
<li><a href="/wiki/Comparison_of_web_browser_engines" title="Comparison of web browser engines">layout engine support</a> for
<ul>
<li><a href="/wiki/Comparison_of_layout_engines_(HTML)" title="Comparison of layout engines (HTML)">HTML</a>; <a href="/wiki/Comparison_of_layout_engines_(non-standard_HTML)" title="Comparison of layout engines (non-standard HTML)">Non-standard HTML</a></li>
<li><a href="/wiki/Comparison_of_layout_engines_(XHTML)" title="Comparison of layout engines (XHTML)">XHTML</a> (<a href="/wiki/Comparison_of_layout_engines_(XHTML_1.1)" title="Comparison of layout engines (XHTML 1.1)">1.1</a>)</li>
<li><a href="/wiki/Comparison_of_layout_engines_(HTML5)" title="Comparison of layout engines (HTML5)">HTML5</a>; <a href="/wiki/Comparison_of_layout_engines_(HTML5_canvas)" title="Comparison of layout engines (HTML5 canvas)">HTML5 canvas</a>,
<ul>
<li><a href="/wiki/Comparison_of_layout_engines_(HTML5_media)" title="Comparison of layout engines (HTML5 media)">HTML5 media (Audio, Video)</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</td>
</tr>
<tr>
<td style="text-align:right;font-size:115%;">
<div class="noprint plainlinks hlist navbar mini" style="">
<ul>
<li class="nv-view"><a href="/wiki/Template:HTML" title="Template:HTML"><span title="View this template" style="">v</span></a></li>
<li class="nv-talk"><a href="/wiki/Template_talk:HTML" title="Template talk:HTML"><span title="Discuss this template" style="">t</span></a></li>
<li class="nv-edit"><a class="external text" href="//en.wikipedia.org/w/index.php?title=Template:HTML&action=edit"><span title="Edit this template" style="">e</span></a></li>
</ul>
</div>
</td>
</tr>
</tbody></table>
<p><b>HTML5</b> is a <a href="/wiki/Markup_language" title="Markup language">markup language</a> for structuring and presenting content for the <a href="/wiki/World_Wide_Web" title="World Wide Web">World Wide Web</a> and a core technology of the <a href="/wiki/Internet" title="Internet">Internet</a>. It is the fifth revision of the <a href="/wiki/HTML" title="HTML">HTML</a> standard (created in 1990 and standardized as HTML4 as of 1997)<sup id="cite_ref-HTML5-20110405_2-0" class="reference"><a href="#cite_note-HTML5-20110405-2"><span>[</span>2<span>]</span></a></sup> and, as of December 2012<sup class="plainlinks noprint asof-tag update" style="display:none;"><a class="external text" href="//en.wikipedia.org/w/index.php?title=HTML5&action=edit">[update]</a></sup>, is a <a href="/wiki/W3C_recommendation" title="W3C recommendation">W3C Candidate Recommendation</a>.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span>[</span>3<span>]</span></a></sup> Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (<a href="/wiki/Web_browser" title="Web browser">web browsers</a>, <a href="/wiki/Parsing" title="Parsing">parsers</a>, etc.). HTML5 is intended to subsume not only <a href="/wiki/HTML_4" title="HTML 4" class="mw-redirect">HTML 4</a>, but <a href="/wiki/XHTML" title="XHTML">XHTML</a> 1 and <a href="/wiki/Document_Object_Model" title="Document Object Model">DOM Level 2 HTML</a> as well.<sup id="cite_ref-HTML5-20110405_2-1" class="reference"><a href="#cite_note-HTML5-20110405-2"><span>[</span>2<span>]</span></a></sup></p>
<p>Following its immediate predecessors HTML 4.01 and XHTML 1.1, HTML5 is a response to the observation that the HTML and XHTML in common use on the World Wide Web are a mixture of features introduced by various specifications, along with those introduced by software products such as web browsers, those established by common practice, and the many <a href="/wiki/Syntax_error" title="Syntax error">syntax errors</a> in existing <a href="/wiki/Web_document" title="Web document">web documents</a>.<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span>[</span>4<span>]</span></a></sup> It is also an attempt to define a single <a href="/wiki/Markup_language" title="Markup language">markup language</a> that can be written in either HTML or XHTML syntax. It includes detailed processing models to encourage more interoperable implementations; it extends, improves and rationalises the markup available for documents, and introduces markup and <a href="/wiki/Application_programming_interfaces" title="Application programming interfaces" class="mw-redirect">application programming interfaces</a> (APIs) for complex <a href="/wiki/Web_application" title="Web application">web applications</a>.<sup id="cite_ref-HTML5diffHTML4_5-0" class="reference"><a href="#cite_note-HTML5diffHTML4-5"><span>[</span>5<span>]</span></a></sup> For the same reasons, HTML5 is also <a href="/wiki/HTML5_in_mobile_devices" title="HTML5 in mobile devices">a potential candidate for cross-platform mobile applications</a>. Many features of HTML5 have been built with the consideration of being able to run on low-powered devices such as smartphones and tablets. In December 2011, research firm Strategy Analytics forecast sales of HTML5 compatible phones will top 1 billion in 2013.<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span>[</span>6<span>]</span></a></sup></p>
<p>In particular, HTML5 adds many new <a href="/wiki/Syntax_(programming_languages)" title="Syntax (programming languages)">syntactic</a> features. These include the new <code><a href="/wiki/HTML5_video" title="HTML5 video"><video></a></code>, <code><a href="/wiki/HTML5_Audio" title="HTML5 Audio"><audio></a></code> and <code><a href="/wiki/Canvas_element" title="Canvas element"><canvas></a></code> <a href="/wiki/HTML_element" title="HTML element">elements</a>, as well as the <a href="/wiki/Systems_integration" title="Systems integration" class="mw-redirect">integration</a> of scalable vector graphics <a href="/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics">(SVG)</a> content (that replaces the uses of generic <code><object></code> tags) and <a href="/wiki/MathML" title="MathML">MathML</a> for mathematical formulas. These features are designed to make it easy to include and handle <a href="/wiki/Multimedia" title="Multimedia">multimedia</a> and <a href="/wiki/2D_computer_graphics" title="2D computer graphics">graphical</a> content on the web without having to resort to proprietary <a href="/wiki/Plug-in_(computing)" title="Plug-in (computing)">plugins</a> and <a href="/wiki/Application_programming_interface" title="Application programming interface">APIs</a>. Other new elements, such as <code><section></code>, <code><article></code>, <code><header></code> and <code><nav></code>, are designed to enrich the <a href="/wiki/Semantic_web" title="Semantic web" class="mw-redirect">semantic</a> content of documents. New <a href="/wiki/HTML_attribute" title="HTML attribute">attributes</a> have been introduced for the same purpose, while some elements and attributes have been removed. Some elements, such as <code><a></code>, <code><cite></code> and <code><menu></code> have been changed, redefined or standardized. The APIs and <a href="/wiki/Document_object_model" title="Document object model" class="mw-redirect">document object model</a> (DOM) are no longer afterthoughts, but are fundamental parts of the HTML5 specification.<sup id="cite_ref-HTML5diffHTML4_5-1" class="reference"><a href="#cite_note-HTML5diffHTML4-5"><span>[</span>5<span>]</span></a></sup> HTML5 also defines in some detail the required processing for invalid documents so that syntax errors will be treated uniformly by all conforming browsers and other <a href="/wiki/User_agent" title="User agent">user agents</a>.<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span>[</span>7<span>]</span></a></sup></p>
</div>
</body>
</html>