Add abt 30 test files, and a testhtml5.cmd
This commit is contained in:
Geoff McLane
parent
57315266f7
commit
ba37ecd7d6
15
test/html5/article.org.html
Normal file
15
test/html5/article.org.html
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 article tag</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h1>Google Chrome</h1>
|
||||||
|
<p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
17
test/html5/aside.org.html
Normal file
17
test/html5/aside.org.html
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Minimum HTML5 document</title>
|
||||||
|
</head>
|
||||||
|
<html>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>My family and I visited The Epcot center this summer.</p>
|
||||||
|
|
||||||
|
<aside>
|
||||||
|
<h4>Epcot Center</h4>
|
||||||
|
<p>The Epcot Center is a theme park in Disney World, Florida.</p>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
24
test/html5/bdi.org.html
Normal file
24
test/html5/bdi.org.html
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 bdi element</title>
|
||||||
|
</head>
|
||||||
|
<html>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
In the example below, usernames are shown along with the number of points in a contest.
|
||||||
|
If the bdi element is not supported in the browser, the username of the Arabic user would confuse the text (the bidirectional algorithm would put the colon and the number "90" next to the word "User" rather than next to the word "points").
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>User <bdi>hrefs</bdi>: 60 points</li>
|
||||||
|
<li>User <bdi>jdoe</bdi>: 80 points</li>
|
||||||
|
<li>User <bdi>إيان</bdi>: 90 points</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><b>Note:</b> The bdi element is currently supported only in Firefox and Chrome.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
24
test/html5/datalist.org.html
Normal file
24
test/html5/datalist.org.html
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 datalist tag</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<form action="demo_form.asp" method="get">
|
||||||
|
<input list="browsers" name="browser">
|
||||||
|
<datalist id="browsers">
|
||||||
|
<option value="Internet Explorer">
|
||||||
|
<option value="Firefox">
|
||||||
|
<option value="Chrome">
|
||||||
|
<option value="Opera">
|
||||||
|
<option value="Safari">
|
||||||
|
</datalist>
|
||||||
|
<input type="submit">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p><strong>Note:</strong> The datalist tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
30
test/html5/datalist2.org.html
Normal file
30
test/html5/datalist2.org.html
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML5 datalist2
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<form action="demo_form.asp"
|
||||||
|
method="get">
|
||||||
|
<p>Select city</p>
|
||||||
|
<p>
|
||||||
|
<input type="text" name="city" list="cityname">
|
||||||
|
<datalist id="cityname">
|
||||||
|
<option value="Boston">
|
||||||
|
<option value="Cambridge">
|
||||||
|
<option value="London">
|
||||||
|
</datalist>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<input type="submit"
|
||||||
|
value="> Play">
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
46
test/html5/datalist3.org.html
Normal file
46
test/html5/datalist3.org.html
Normal file
|
|
@ -0,0 +1,46 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML5 form input datalist 3
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<html>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<form action="demo_form.asp" method="get">
|
||||||
|
<p>Select the city 1
|
||||||
|
<input type="text" name="acity" list="acity">
|
||||||
|
<select id="acity">
|
||||||
|
<option value="Boston">Boston</option>
|
||||||
|
<option value="Cambridge">Cambridge</option>
|
||||||
|
</select>
|
||||||
|
<input type="submit">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<form action="demo_form.asp" method="get">
|
||||||
|
<p>Select the city 2
|
||||||
|
<input type="text" name="cityname" list="cityname">
|
||||||
|
<datalist id="cityname">
|
||||||
|
<option value="Boston">
|
||||||
|
<option value="Cambridge">
|
||||||
|
</datalist>
|
||||||
|
<input type="submit">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<form action="demo_form.asp" method="get">
|
||||||
|
<p>Select browser
|
||||||
|
<input type="text" list="browsers" name="browser">
|
||||||
|
<datalist id="browsers">
|
||||||
|
<option value="Internet Explorer">
|
||||||
|
<option value="Firefox">
|
||||||
|
<option value="Chrome">
|
||||||
|
<option value="Opera">
|
||||||
|
<option value="Safari">
|
||||||
|
</datalist>
|
||||||
|
<input type="submit">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
18
test/html5/details.org.html
Normal file
18
test/html5/details.org.html
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 details</title>
|
||||||
|
</head>
|
||||||
|
<html>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<details>
|
||||||
|
<summary>Copyright 1999-2014.</summary>
|
||||||
|
<p> - by Refsnes Data. All Rights Reserved.</p>
|
||||||
|
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
|
||||||
|
</details>
|
||||||
|
|
||||||
|
<p><b>Note:</b> The details tag is currently only supported in Opera, Chrome, and in Safari 6.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
32
test/html5/dialog.org.html
Normal file
32
test/html5/dialog.org.html
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 dialog element</title>
|
||||||
|
<style>
|
||||||
|
table,th,td
|
||||||
|
{
|
||||||
|
border:1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p><b>Note:</b> The dialog tag is only supported in Chrome Canary and Safari 6.</p>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<th>January <dialog open>This is an open dialog window</dialog></th>
|
||||||
|
<th>February</th>
|
||||||
|
<th>March</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>31</td>
|
||||||
|
<td>28</td>
|
||||||
|
<td>31</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
17
test/html5/figure.org.html
Normal file
17
test/html5/figure.org.html
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 figure and figcaption</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.</p>
|
||||||
|
|
||||||
|
<figure>
|
||||||
|
<img src="images/img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
|
||||||
|
<figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
test/html5/footer.org.html
Normal file
16
test/html5/footer.org.html
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 footer tag
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>Posted by: Hege Refsnes</p>
|
||||||
|
<p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a>.</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
36
test/html5/formselect.org.html
Normal file
36
test/html5/formselect.org.html
Normal file
|
|
@ -0,0 +1,36 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML form/select/option
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<form action="courseselector.dll" method="get">
|
||||||
|
<p>Which course would you like to watch today?
|
||||||
|
<p><label>Course:
|
||||||
|
<select name="c">
|
||||||
|
<optgroup label="8.01 Physics I: Classical Mechanics">
|
||||||
|
<option value="8.01.1">Lecture 01: Powers of Ten</option>
|
||||||
|
<option value="8.01.2">Lecture 02: 1D Kinematics</option>
|
||||||
|
<option value="8.01.3">Lecture 03: Vectors</option>
|
||||||
|
</optgroup>
|
||||||
|
<optgroup label="8.02 Electricity and Magnestism">
|
||||||
|
<option value="8.02.1">Lecture 01: What holds our world together?</option>
|
||||||
|
<option value="8.02.2">Lecture 02: Electric Field</option>
|
||||||
|
<option value="8.02.3">Lecture 03: Electric Flux</option>
|
||||||
|
</optgroup>
|
||||||
|
<optgroup label="8.03 Physics III: Vibrations and Waves">
|
||||||
|
<option value="8.03.1">Lecture 01: Periodic Phenomenon</option>
|
||||||
|
<option value="8.03.2">Lecture 02: Beats</option>
|
||||||
|
<option value="8.03.3">Lecture 03: Forced Oscillations with Damping</option>
|
||||||
|
</optgroup>
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
|
<p><input type=submit value="> Play">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
20
test/html5/formselect2.org.html
Normal file
20
test/html5/formselect2.org.html
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML form/select/option 2</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<form action="demo_form.asp" method="get">
|
||||||
|
<p>Which course would you like to watch today?
|
||||||
|
<p>
|
||||||
|
<label>Course: <select name="c">
|
||||||
|
<option value="8.01.1">Lecture 01: Powers of Ten</option>
|
||||||
|
<option value="8.01.2">Lecture 02: 1D Kinematics</option>
|
||||||
|
<option value="8.01.3">Lecture 03: Vectors</option>
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
|
<p><input type="submit" value="> Play">
|
||||||
|
</form>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
19
test/html5/header.org.html
Normal file
19
test/html5/header.org.html
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 header for article</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<header>
|
||||||
|
<h1>Internet Explorer 9</h1>
|
||||||
|
<p><time pubdate datetime="2011-03-15">2011-03-15</time></p>
|
||||||
|
</header>
|
||||||
|
<p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
|
||||||
|
the public on March 14, 2011 at 21:00 PDT.....</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
18
test/html5/keygen.org.html
Normal file
18
test/html5/keygen.org.html
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 keygen tag</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<form action="demo_keygen.asp" method="get">
|
||||||
|
Username: <input type="text" name="usr_name">
|
||||||
|
Encryption: <keygen name="security">
|
||||||
|
<input type="submit">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p><strong>Note:</strong> The keygen tag is not supported in Internet Explorer.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
33
test/html5/main.org.html
Normal file
33
test/html5/main.org.html
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML5 main tag
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>Web Browsers</h1>
|
||||||
|
<p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p>
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h1>Google Chrome</h1>
|
||||||
|
<p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h1>Internet Explorer</h1>
|
||||||
|
<p>Internet Explorer is a free web browser from Microsoft, released in 1995.</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<h1>Mozilla Firefox</h1>
|
||||||
|
<p>Firefox is a free, open-source web browser from Mozilla, released in 2004.</p>
|
||||||
|
</article>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
13
test/html5/mark.org.html
Normal file
13
test/html5/mark.org.html
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 mark tag</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Do not forget to buy <mark>milk</mark> today.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
19
test/html5/mav.org.html
Normal file
19
test/html5/mav.org.html
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML5 nav tag
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<nav>
|
||||||
|
<a href="/html/">HTML</a> |
|
||||||
|
<a href="/css/">CSS</a> |
|
||||||
|
<a href="/js/">JavaScript</a> |
|
||||||
|
<a href="/jquery/">jQuery</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
29
test/html5/menuitem.org.html
Normal file
29
test/html5/menuitem.org.html
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML5 menu item
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div style="background:yellow;border:1px solid #cccccc;padding: 10px;" contextmenu="mymenu">
|
||||||
|
<p>Right-click inside this box to see the context menu!
|
||||||
|
|
||||||
|
<menu type="context" id="mymenu">
|
||||||
|
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png"></menuitem>
|
||||||
|
<menu label="Share on...">
|
||||||
|
<menuitem label="Twitter" icon="ico_twitter.png" onclick="window.open('//twitter.com/intent/tweet?text=' + window.location.href);"></menuitem>
|
||||||
|
<menuitem label="Facebook" icon="ico_facebook.png" onclick="window.open('//facebook.com/sharer/sharer.php?u=' + window.location.href);"></menuitem>
|
||||||
|
</menu>
|
||||||
|
<menuitem label="Email This Page" onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
|
||||||
|
</menu>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>This example currently only works in Firefox!</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
18
test/html5/meter.org.html
Normal file
18
test/html5/meter.org.html
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML5 meter tag
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Display a gauge:</p>
|
||||||
|
<meter value="2" min="0" max="10">2 out of 10</meter><br>
|
||||||
|
<meter value="0.6">60%</meter>
|
||||||
|
|
||||||
|
<p><strong>Note:</strong> The meter tag is not supported in Internet Explorer or Safari 5 (and earlier versions).</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
10
test/html5/min.org.html
Normal file
10
test/html5/min.org.html
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Minimum HTML5 document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
Content of the document......
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
18
test/html5/output.org.html
Normal file
18
test/html5/output.org.html
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 ouput tag</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
|
||||||
|
<input type="range" id="a" value="50">100
|
||||||
|
+<input type="number" id="b" value="50">
|
||||||
|
=<output name="x" for="a b"></output>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p><strong>Note:</strong> The output tag is not supported in Internet Explorer.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
18
test/html5/progress.org.html
Normal file
18
test/html5/progress.org.html
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML5 progress tag
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
Downloading progress:
|
||||||
|
<progress value="22" max="100">
|
||||||
|
</progress>
|
||||||
|
|
||||||
|
<p><strong>Note:</strong> The progress tag is not supported in Internet Explorer 9 and earlier versions.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
29
test/html5/removed.org.html
Normal file
29
test/html5/removed.org.html
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML5 removed elements
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Removed Elements</h1>
|
||||||
|
|
||||||
|
<p>The following HTML 4.01 elements has been removed from HTML5:
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><acronym>
|
||||||
|
<li><applet>
|
||||||
|
<li><basefont>
|
||||||
|
<li><big>
|
||||||
|
<li><center>
|
||||||
|
<li><dir>
|
||||||
|
<li><font>
|
||||||
|
<li><frame>
|
||||||
|
<li><frameset>
|
||||||
|
<li><noframes>
|
||||||
|
<li><strike>
|
||||||
|
<li><tt>
|
||||||
|
</ul>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
test/html5/rp.org.html
Normal file
16
test/html5/rp.org.html
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML5 ruby rt rp tags
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<ruby>
|
||||||
|
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
|
||||||
|
</ruby>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
22
test/html5/section.org.html
Normal file
22
test/html5/section.org.html
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML5 section tag
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h1>WWF</h1>
|
||||||
|
<p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h1>WWF's Panda symbol</h1>
|
||||||
|
<p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
20
test/html5/select2.org.html
Normal file
20
test/html5/select2.org.html
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 select 2</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<form action="demo_form.asp" method="get">
|
||||||
|
<p>Select city
|
||||||
|
<p>
|
||||||
|
<input type="text" name="city" list="cityname">
|
||||||
|
<select id="cityname">
|
||||||
|
<option value="Boston">Boston</option>
|
||||||
|
<option value="Cambridge">Cambridge</option>
|
||||||
|
<option value="London">London</option>
|
||||||
|
</select>
|
||||||
|
<p><input type="submit" value="> Play">
|
||||||
|
</form>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
21
test/html5/summary.org.html
Normal file
21
test/html5/summary.org.html
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
Minimum HTML5 document
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<details>
|
||||||
|
<summary>Copyright 1999-2011.</summary>
|
||||||
|
<p> - by Refsnes Data. All Rights Reserved.</p>
|
||||||
|
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
|
||||||
|
</details>
|
||||||
|
|
||||||
|
<p><b>Note:</b> The summary element is currently supported only in Opera, Chrome and Safari
|
||||||
|
6.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
102
test/html5/testhtml5.cmd
Normal file
102
test/html5/testhtml5.cmd
Normal file
|
|
@ -0,0 +1,102 @@
|
||||||
|
@setlocal
|
||||||
|
|
||||||
|
@set TMPEXE=..\..\build\cmake\Release\tidy5.exe
|
||||||
|
@if NOT EXIST %TMPEXE% goto NOEXE
|
||||||
|
@set TMPINP=temphtml5.cfg
|
||||||
|
@set TMPDIR=tempout
|
||||||
|
|
||||||
|
@%TMPEXE% -h > nul
|
||||||
|
@if ERRORLEVEL 1 goto NOEXE
|
||||||
|
|
||||||
|
@if EXIST %TMPDIR%\nul goto GOTOUT
|
||||||
|
@echo Will create the folder %TMPDIR% for output...
|
||||||
|
@pause
|
||||||
|
@md %TMPDIR%
|
||||||
|
@if ERRORLEVEL 1 goto NOOUT
|
||||||
|
@if NOT EXIST %TMPDIR%\nul goto NODIR
|
||||||
|
:GOTOUT
|
||||||
|
|
||||||
|
@REM This option would be nice, but at present it is FARRRR TOOOOO agressive,
|
||||||
|
@REM dropping <html>, <body>, etc... because they are marked CM_OPT
|
||||||
|
@REM which causes WARNINGS when tidy is run on the tidied file!!!
|
||||||
|
@REM echo omit-optional-tags: yes >> %TMPINP%
|
||||||
|
|
||||||
|
@if EXIST %TMPINP% goto GOTINP
|
||||||
|
@echo Creating a CONFIG file %TMPINP%
|
||||||
|
@pause
|
||||||
|
@echo wrap: 99 > %TMPINP%
|
||||||
|
@echo tidy-mark: no >> %TMPINP%
|
||||||
|
@echo indent: yes >> %TMPINP%
|
||||||
|
@echo break-before-br: yes >> %TMPINP%
|
||||||
|
@echo indent-attributes: yes >> %TMPINP%
|
||||||
|
@echo vertical-space: yes >> %TMPINP%
|
||||||
|
@echo indent-spaces: 1 >> %TMPINP%
|
||||||
|
@echo indent-cdata: no >> %TMPINP%
|
||||||
|
@echo wrap-asp: no >> %TMPINP%
|
||||||
|
@echo wrap-attributes: no >> %TMPINP%
|
||||||
|
@echo wrap-jste: no >> %TMPINP%
|
||||||
|
@echo wrap-php: no >> %TMPINP%
|
||||||
|
@echo wrap-script-literals: no >> %TMPINP%
|
||||||
|
@echo wrap-sections: no >> %TMPINP%
|
||||||
|
@echo tab-size: 4 >> %TMPINP%
|
||||||
|
@echo show-info: no >> %TMPINP%
|
||||||
|
@if NOT EXIST %TMPINP% goto NOINP
|
||||||
|
:GOTINP
|
||||||
|
@set TMPCNT1=0
|
||||||
|
@set TMPCNT2=0
|
||||||
|
@set TMPCNT3=0
|
||||||
|
|
||||||
|
@for %%i in (*.org.html) do @(call :CNTIT %%i)
|
||||||
|
@echo Will process %TMPCNT1% files found...
|
||||||
|
@echo All should exit with NO WARNINGS or ERRORS
|
||||||
|
@echo *** CONTINUE? *** Only Ctlr+C aborts... all other keys continue...
|
||||||
|
@pause
|
||||||
|
|
||||||
|
@for %%i in (*.org.html) do @(call :DOONE %%i)
|
||||||
|
|
||||||
|
@echo Done %TMPCNT2% files. See tidied output in %TMPDIR%...
|
||||||
|
@if "%TMPCNT3%x" == "0x" (
|
||||||
|
@echo With NO WARNINGS or ERRORS! This ia a success...
|
||||||
|
) ELSE (
|
||||||
|
@echo However have %TMPCNT3% WARNINGS or ERRORS! This is a FAILURE...
|
||||||
|
)
|
||||||
|
|
||||||
|
@goto END
|
||||||
|
|
||||||
|
:CNTIT
|
||||||
|
@if "%~1x" == "x" goto :EOF
|
||||||
|
@set /A TMPCNT1+=1
|
||||||
|
@goto :EOF
|
||||||
|
|
||||||
|
:DOONE
|
||||||
|
@if "%~1x" == "x" goto :EOF
|
||||||
|
@set /A TMPCNT2+=1
|
||||||
|
@echo %TMPCNT2% of %TMPCNT1%: %1
|
||||||
|
@set TMPOUT=%TMPDIR%\%~nx1
|
||||||
|
@%TMPEXE% -config %TMPINP% -o %TMPOUT% %1
|
||||||
|
@if ERRORLEVEL 1 goto FAILED
|
||||||
|
@goto :EOF
|
||||||
|
|
||||||
|
:FAILED
|
||||||
|
@echo The test of %1 FAILED!
|
||||||
|
@set /A TMPCNT3+=1
|
||||||
|
@pause
|
||||||
|
@goto :EOF
|
||||||
|
|
||||||
|
:NODIR
|
||||||
|
:NOOUT
|
||||||
|
@echo Error: Unable to create %TMPDIR%!
|
||||||
|
@goto END
|
||||||
|
|
||||||
|
|
||||||
|
:NOEXE
|
||||||
|
@echo Unable to find/run exe %TMPEXE%! *** FIX ME ***
|
||||||
|
@echo Set the name of the 'tidy' executable to use...
|
||||||
|
@goto END
|
||||||
|
|
||||||
|
:NOINP
|
||||||
|
@echo Error: Unable to create config file %TMPINP%!
|
||||||
|
@goto END
|
||||||
|
|
||||||
|
|
||||||
|
:END
|
||||||
16
test/html5/time.org.html
Normal file
16
test/html5/time.org.html
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>HTML5 time tag</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>We open at <time>10:00</time> every morning.</p>
|
||||||
|
|
||||||
|
<p>I have a date on <time datetime="2008-02-14">Valentines day</time>.</p>
|
||||||
|
|
||||||
|
<p><b>Note:</b> The time element does not render as anything special in any of the major browsers.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
15
test/html5/video.org.html
Normal file
15
test/html5/video.org.html
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>video tag</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<video width="320" height="240" controls>
|
||||||
|
<source src="movie.mp4" type="video/mp4">
|
||||||
|
<source src="movie.ogg" type="video/ogg">
|
||||||
|
Your browser does not support the video tag.
|
||||||
|
</video>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
20
test/html5/wbr.org.html
Normal file
20
test/html5/wbr.org.html
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
HTML5 wbr tag
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Try to shrink the browser window, to view how the very long word in
|
||||||
|
the paragraph below will break:</p>
|
||||||
|
|
||||||
|
<p>This is a veryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryvery<wbr>longwordthatwillbreakatspecific<wbr>placeswhenthebrowserwindowisresized.</p>
|
||||||
|
|
||||||
|
<p><b>Note:</b> The wbr element is not supported in IE.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue