mirror of
https://github.com/cbracco/html5-test-page.git
synced 2025-08-21 05:11:45 +02:00
Compare commits
12 Commits
97arushish
...
0.9.4
| Author | SHA1 | Date | |
|---|---|---|---|
|
328c708a5e | ||
|
|
a557aa534e | ||
|
|
4e522a8e67 | ||
|
|
35cd96c06b | ||
|
|
4b6224d52e | ||
|
|
5218026335 | ||
|
|
e24e4b2b64 | ||
|
|
2e602b623d | ||
|
|
9780f2af62 | ||
|
|
a65554bba1 | ||
|
b5cc38cc84 | ||
|
a9fa7e0dfb |
12
CHANGELOG.md
12
CHANGELOG.md
@@ -1,3 +1,15 @@
|
||||
# 0.9.4 (April 3, 2021)
|
||||
|
||||
- Remove unnecessary role attributes. Update headings (thanks @gipsi!).
|
||||
|
||||
# 0.9.3 (April 3, 2021)
|
||||
|
||||
- Add multiple <select> (thanks @racztiborzoltan!).
|
||||
|
||||
# 0.9.2 (April 3, 2021)
|
||||
|
||||
- Add nested lists (thanks @charul97!).
|
||||
|
||||
# 0.9.1 (April 3, 2021)
|
||||
|
||||
- Add background images (thanks @97arushisharma!).
|
||||
|
||||
114
index.html
114
index.html
@@ -7,11 +7,11 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="top" class="page" role="document">
|
||||
<header role="banner">
|
||||
<header>
|
||||
<h1>HTML5 Test Page</h1>
|
||||
<p>This is a test page filled with common HTML elements to be used to provide visual feedback whilst building CSS systems and frameworks.</p>
|
||||
</header>
|
||||
<nav role="navigation">
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#text">Text</a>
|
||||
@@ -32,7 +32,6 @@
|
||||
<li>
|
||||
<a href="#embedded">Embedded content</a>
|
||||
<ul>
|
||||
|
||||
<li><a href="#embedded__images">Images</a></li>
|
||||
<li><a href="#embedded__bgimages">Background images</a></li>
|
||||
<li><a href="#embedded__audio">Audio</a></li>
|
||||
@@ -60,12 +59,12 @@
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main role="main">
|
||||
<main>
|
||||
<section id="text">
|
||||
<header><h1>Text</h1></header>
|
||||
<article id="text__headings">
|
||||
<header>
|
||||
<h1>Headings</h1>
|
||||
<h2>Headings</h2>
|
||||
</header>
|
||||
<div>
|
||||
<h1>Heading 1</h1>
|
||||
@@ -78,14 +77,25 @@
|
||||
<footer><p><a href="#top">[Top]</a></p></footer>
|
||||
</article>
|
||||
<article id="text__paragraphs">
|
||||
<header><h1>Paragraphs</h1></header>
|
||||
<header><h2>Paragraphs</h2></header>
|
||||
<div>
|
||||
<p>A paragraph (from the Greek paragraphos, “to write beside” or “written beside”) is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.</p>
|
||||
</div>
|
||||
<footer><p><a href="#top">[Top]</a></p></footer>
|
||||
</article>
|
||||
<article id="text__blockquotes">
|
||||
<header><h2>Blockquotes</h2></header>
|
||||
<div>
|
||||
<blockquote>
|
||||
<p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text.</p>
|
||||
<p>It is typically distinguished visually using indentation and a different typeface or smaller size quotation. It may or may not include a citation, usually placed at the bottom.</p>
|
||||
<cite><a href="#!">Said no one, ever.</a></cite>
|
||||
</blockquote>
|
||||
</div>
|
||||
<footer><p><a href="#top">[Top]</a></p></footer>
|
||||
</article>
|
||||
<article id="text__lists">
|
||||
<header><h1>Lists</h1></header>
|
||||
<header><h2>Lists</h2></header>
|
||||
<div>
|
||||
<h3>Definition list</h3>
|
||||
<dl>
|
||||
@@ -93,15 +103,71 @@
|
||||
<dd>This is a definition list division.</dd>
|
||||
</dl>
|
||||
<h3>Ordered List</h3>
|
||||
<ol>
|
||||
<ol type="1">
|
||||
<li>List Item 1</li>
|
||||
<li>List Item 2</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ol type="A">
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ol type="a">
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ol type="I">
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ol type="i">
|
||||
<li>List Item 1</li>
|
||||
<li>List Item 2</li>
|
||||
<li>List Item 3</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ol>
|
||||
<h3>Unordered List</h3>
|
||||
<ul>
|
||||
<li>List Item 1</li>
|
||||
<li>List Item 2</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ul>
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ul>
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ul>
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ul>
|
||||
<li>List Item 1</li>
|
||||
<li>List Item 2</li>
|
||||
<li>List Item 3</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -138,14 +204,14 @@
|
||||
<footer><p><a href="#top">[Top]</a></p></footer>
|
||||
</article>
|
||||
<article id="text__hr">
|
||||
<header><h1>Horizontal rules</h1></header>
|
||||
<header><h2>Horizontal rules</h2></header>
|
||||
<div>
|
||||
<hr>
|
||||
</div>
|
||||
<footer><p><a href="#top">[Top]</a></p></footer>
|
||||
</article>
|
||||
<article id="text__tables">
|
||||
<header><h1>Tabular data</h1></header>
|
||||
<header><h2>Tabular data</h2></header>
|
||||
<table>
|
||||
<caption>Table Caption</caption>
|
||||
<thead>
|
||||
@@ -200,7 +266,7 @@
|
||||
<footer><p><a href="#top">[Top]</a></p></footer>
|
||||
</article>
|
||||
<article id="text__code">
|
||||
<header><h1>Code</h1></header>
|
||||
<header><h2>Code</h2></header>
|
||||
<div>
|
||||
<p><strong>Keyboard input:</strong> <kbd>Cmd</kbd></p>
|
||||
<p><strong>Inline code:</strong> <code><div>code</div></code></p>
|
||||
@@ -217,7 +283,7 @@
|
||||
<footer><p><a href="#top">[Top]</a></p></footer>
|
||||
</article>
|
||||
<article id="text__inline">
|
||||
<header><h1>Inline elements</h1></header>
|
||||
<header><h2>Inline elements</h2></header>
|
||||
<div>
|
||||
<p><a href="#!">This is a text link</a>.</p>
|
||||
<p><strong>Strong is used to indicate strong importance.</strong></p>
|
||||
@@ -241,7 +307,7 @@
|
||||
<footer><p><a href="#top">[Top]</a></p></footer>
|
||||
</article>
|
||||
<article id="text__comments">
|
||||
<header><h1>HTML Comments</h1></header>
|
||||
<header><h2>HTML Comments</h2></header>
|
||||
<div>
|
||||
<p>There is comment here: <!--This comment should not be displayed--></p>
|
||||
<p>There is a comment spanning multiple tags and lines below here.</p>
|
||||
@@ -253,7 +319,7 @@
|
||||
</article>
|
||||
</section>
|
||||
<section id="embedded">
|
||||
<header><h1>Embedded content</h1></header>
|
||||
<header><h2>Embedded content</h2></header>
|
||||
<article id="embedded__images">
|
||||
<header><h2>Images</h2></header>
|
||||
<div>
|
||||
@@ -321,7 +387,7 @@
|
||||
</article>
|
||||
</section>
|
||||
<section id="forms">
|
||||
<header><h1>Form elements</h1></header>
|
||||
<header><h2>Form elements</h2></header>
|
||||
<form>
|
||||
<fieldset id="forms__input">
|
||||
<legend>Input fields</legend>
|
||||
@@ -379,6 +445,16 @@
|
||||
</optgroup>
|
||||
</select>
|
||||
</p>
|
||||
<p>
|
||||
<label for="select_multiple">Select (multiple)</label>
|
||||
<select id="select_multiple" multiple="multiple">
|
||||
<optgroup label="Option Group">
|
||||
<option>Option One</option>
|
||||
<option>Option Two</option>
|
||||
<option>Option Three</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</p>
|
||||
</fieldset>
|
||||
<p><a href="#top">[Top]</a></p>
|
||||
<fieldset id="forms__checkbox">
|
||||
@@ -471,8 +547,8 @@
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<footer role="contentinfo">
|
||||
<p>Made by <a href="https://twitter.com/cbracco">@cbracco</a>. Code on <a href="https://github.com/cbracco/html5-test-page">GitHub</a>.</p>
|
||||
<footer>
|
||||
<p>Made by <a href="http://twitter.com/cbracco">@cbracco</a>. Code on <a href="http://github.com/cbracco/html5-test-page">GitHub</a>.</p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
5
package-lock.json
generated
Normal file
5
package-lock.json
generated
Normal file
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"name": "html5-test-page",
|
||||
"version": "0.8.0",
|
||||
"lockfileVersion": 1
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html5-test-page",
|
||||
"version": "0.9.1",
|
||||
"version": "0.9.4",
|
||||
"description": "A page filled with common HTML elements to be used for testing purposes.",
|
||||
"main": "index.html",
|
||||
"scripts": {
|
||||
|
||||
Reference in New Issue
Block a user