From d55543ed92c658b72ca76ecfb9748ae0a52248d2 Mon Sep 17 00:00:00 2001 From: Robert Bottomley Date: Tue, 31 Jul 2018 18:14:11 -0700 Subject: [PATCH 1/7] Add lots of missing elements and group by content category. Remove acronym element since it has been removed from HTML5. --- kitchen-sink.html | 891 +++++++++++++++++++++++++++++++++------------- playbill.pdf | Bin 0 -> 14393 bytes 2 files changed, 646 insertions(+), 245 deletions(-) mode change 100644 => 100755 kitchen-sink.html create mode 100644 playbill.pdf diff --git a/kitchen-sink.html b/kitchen-sink.html old mode 100644 new mode 100755 index 9b5a956..5044620 --- a/kitchen-sink.html +++ b/kitchen-sink.html @@ -1,120 +1,527 @@ -
-
-
-

h1 HTML5 Kitchen Sink

-

h2 Back in my quaint garden

-

h3 Jaunty zinnias vie with flaunting phlox

-

h4 Five or six big jet planes zoomed quickly by the new tower.

-
h5 Expect skilled signwriters to use many jazzy, quaint old alphabets effectively.
-
h6 Pack my box with five dozen liquor jugs.
-
-
-
-
-
- + + + + HTML5 Kitchen Sink + + + +
+

HTML5 Kitchen Sink

+

Note: this heading and paragraph are contained in a header + element.

-
-

This paragraph is nested inside an article. It contains many different, sometimes useful, HTML5 tags. Of course there are classics like emphasis, strong, and small but there are many others as well. Hover the following text for abbreviation tag: abbr. Similarly, you can use acronym tag like this: ftw. You can define deleted text which often gets replaced with inserted text.

-

You can also use keyboard text, which sometimes is styled similarly to the <code> or samp tags. Even more specifically, there is a tag just for variables. Not to be mistaken with blockquotes - below, the quote tag lets you denote something as quoted text. Lastly don't forget the sub (H2O) and sup (E = MC2) tags.

-
- -
This is footer for this section
-
-
-
-
-

Blockquote: I quickly explained that many big jobs involve few hazards

-
-
-

This is a mult-line blockquote with a cite reference. People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick - carefully. I’m actually as proud of the things we haven’tdone as the things I have done. Innovation is saying no to 1,000 things. - Steve Jobs – Apple Worldwide Developers’ Conference, 1997 -

-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Tables can have captions now.
PersonNumberThird Column
Someone Lastname900Nullam quis risus eget urna mollis ornare vel eu leo.
Person Name1200Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.
Another Person1500Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam id dolor id nibh ultricies vehicula ut id elit.
Last One2800Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.
-
-
-
-
-
Definition List Title
-
Definition list division.
-
Kitchen Sink
-
Used in expressions to describe work in which all conceivable (and some inconceivable) sources have been mined. In this case, a bunch of markup.
-
aside
-
Defines content aside from the page content
-
blockquote
-
Defines a section that is quoted from another source
-
-
-
-
-
    -
  • Unordered List item one +
    +
    +

    Heading Content

    +

    Elements h1, h2, h3, h4, + h5, h6 make up the heading content + category.

    +
    +

    h1 HTML5 Kitchen Sink

    +

    h2 Back in my quaint garden

    +

    h3 Jaunty zinnias vie with flaunting phlox

    +

    h4 Five or six big jet planes zoomed quickly by the new tower.

    +
    h5 Expect skilled signwriters to use many jazzy, quaint old + alphabets effectively.
    +
    h6 Pack my box with five dozen liquor jugs.
    +
    + +
    +
    +
    +
    +

    Sectioning Content

    +

    Elements article, aside, nav, + section make up the sectioning content + category.

    + +
    +
    +

    This paragraph is nested inside an article element. It + contains many different, sometimes useful, HTML5 elements. Of + course there are classics like emphasis, strong, + and small but there are many others as well. Hover + the following text for abbreviation element: abbr. You can define deleted text + which often gets replaced with inserted text.

    +

    You can also use keyboard text, which sometimes is + styled similarly to the <code> or samp + elements. Even more specifically, there is an element just for variables. + Not to be mistaken with block quotes below, the quote element lets + you denote something as quoted text. Lastly don't forget the + sub (H2O) and sup (E = MC2) elements.

    +
    +

    This paragraph is contained in a section element of + its parent article element.

    +

    ↓ The following paragraph has the hidden attribute + and should not be displayed. ↓

    + +

    ↑ The previous paragraph should not be displayed. ↑

    +
    +
    + + +
    +
    +
    +
    +

    Phrasing Content

    +

    Elements abbr, b, bdi, + bdo, br, cite, code, + data, del, dfn, em, + i, ins, kbd, mark, + meter, progress, q, s, + samp, small, span, strong, + sub, sup, time, u, + var, wbr, and others make up the phrasing + content + category.

    +
    +

    abbr: Some vehicles meet the + SULEV standard.
    + br was used to make this sentence start on a new line.

    +

    bdi: Some languages read right to left, مرحبا. + bdo: The normal direction has been + overridden.

    +

    em is used for emphasis and usually renders as + italics, contrast that with i which is used for alternate + voice or to offset from the normal (such as a phrase from a different + language or taxonomic designation): E. coli can be bad. strong + is used for importance or urgency and usually renders + as bold, contrast that with b which is used to draw + attention without the semantic meaning of importance.

    +

    cite: In the words of Charles Bukowski — + An intellectual says a simple thing in a hard way. An artist says a + hard thing in a simple way.

    +

    data can be used to specify 5 A.M. that is + machine-readable, but time is a better choice for + specifying in a + machine-readable format.

    +

    del can be varily + used to mark deletions. ins marks insertions. s: + similar to del, but used to mark content that is no + longer relevant. Windows XP version available. u: + a holdover with no real meaning that should be removed. mark: + the HTML equivalent of the yellow highlighter. span: + a generic element with no meaning by itself.

    +

    dfn: Foreign phrases add a certain je ne sais quoi to one's + prose.

    +

    q: The W3C page About W3C says the W3C’s + mission is To lead the World + Wide Web to its full potential by developing protocols and + guidelines that ensure long-term growth for the Web.

    +

    kbd and samp: I did this:

    + 
    c:\>format c: /yes
    +

    Is that bad? Press Ctrl+F5 + for a hard reload.

    +

    var: To log in, type ssh user@example.com, + where user is your user ID.

    +

    meter and progress: Storage space usage: + 6 blocks used (out of 8 total) Progress: + 37%

    +

    sub is used for subscripts: H2O. sup + is used for superscripts: E = MC2. small is + used for side comments: I wrote this whole document. [Editor's + node: no he did not] wbr: used to specify + where a word may break and it is supercalifragilisticexpialidocious.

    + +
    +
    +
    +
    +

    Embedded Content

    +

    Elements audio, canvas, embed, + iframe, img, math, object, + picture, svg, video make up + the embedded content category.

    +
    +

    audio: + By Cqdx [CC + BY-SA 3.0 ], from + Wikimedia Commons.

    +

    embed:

    +

    iframe:

    +

    img: Bill Murray

    +

    math:

    + + + + + Quadratic Equation + + + + x + = + + + - + b + ± + + + + b + + 2 + + - + 4 + a + c + + + + + 2 + a + + + + + + + +

    picture: + + Bill Murray +

    +

    svg:

    +

    video:

    + +
    +
    +
    +
    +

    Palpable Content

    +

    Elements a, address, blockquote, + button, details, dl, fieldset, + figure, form, input, label, + map, ol, output, pre, + select, table, textarea, + ul, and others make up the interactive content + category.

    +
    +

    a: Example.

    +

    address:

    +
    1 Infinite Loop
    + Cupertino, CA 95014
    + United States
    +

    blockquote:

    +
    +

    I quickly explained that many big jobs involve few hazards

    +
    +
    +

    This is a mult-line blockquote with a cite reference. People think + focus means saying yes to the thing you’ve got to focus on. But + that’s not what it means at all. It means saying no to the hundred + other good ideas that there are. You have to pick carefully. I’m + actually as proud of the things we haven’tdone as the things I have + done. Innovation is saying no to 1,000 things.

    +
    — Steve Jobs, Apple Worldwide Developers’ Conference, + 1997
    +
    +

    details and summary:

    +
    + Copying... + 25% +
    +
    Transfer rate:
    452KB/s
    +
    Duration:
    01:16:27
    +
    Color profile:
    SD (6-1-6)
    +
    Dimensions:
    320×240
    +
    +
    +

    dl:

    +
    +
    Definition List Title
    +
    Definition list division.
    +
    Kitchen Sink
    +
    Used in expressions to describe work in which all conceivable + (and + some inconceivable) sources have been mined. In + this case, a bunch of markup.
    +
    aside
    +
    Defines content aside from the page content
    +
    blockquote
    +
    Defines a section that is quoted from another source
    +
    +

    figure:

    +
    + +
    Figure 1: A picture of Bill Murray from fillmurray.com +
    +
    +

    form et al.:

    +
    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    + + +

    +
    + I am legend +
    + + +
    +
    + + +
    +
    + + +
    +
    +
    + I am also legend + + + + +
    +

    + + + + + + + +

    +
    +

    ul and ol:

      -
    • Nested list item +
    • Unordered List item one
        -
      • Level 3, item one
        • -
      • Level 3, item two
        • -
      • Level 3, item three
        • -
      • Level 3, item four
        • +
      • Nested list item +
          +
        • Level 3, item one
          • +
        • Level 3, item two
          • +
        • Level 3, item three
          • +
        • Level 3, item four
          • +
        +
        • +
      • List item two
        • +
      • List item three
        • +
      • List item four
    • List item two
    • List item three
    • List item four
    -
    • -
  • List item two
    • -
  • List item three
    • -
  • List item four
    • -
-
-
    -
  1. List item one
    1. List item one
        -
      1. List item one
        2. +
      2. List item one +
          +
        1. List item one
          2. +
        2. List item two
          3. +
        3. List item three
          4. +
        4. List item four
          5. +
        +
      3. List item two
      4. List item three
      5. List item four
        6. @@ -124,21 +531,15 @@
        h6 Pack my box with five dozen liquor jugs.
      6. List item three
      7. List item four
      -
      2. -
    2. List item two
      3. -
    3. List item three
      4. -
    4. List item four
      5. -
    -
-
-
-
1 Infinite Loop
- Cupertino, CA 95014
- United States
-
-
-
- 
+        
output:

+        

+           +
+           =
+          
+        

+        
pre:

+        
 pre {
   display: block;
   padding: 7px;
@@ -150,128 +551,128 @@ 
h6 Pack my box with five dozen liquor jugs.

   font-family: Menlo, Monaco;
   line-height: 160%;
 }

-
-
-
- -
Fig1. A picture of Bill Murray from fillmurray.com
-
-
-
-
-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-
- I am legend -
- -
-
- -
-
- -
-
-
- I am also legend - Check me out - Or check me out -
-

- - - - -

-
-
-
+ 
You are in an open field west of a big white house with a boarded
+front door.
+There is a small mailbox here.
+
+> open mailbox
+
+Opening the mailbox reveals:
+A leaflet.
+
+>
+

table et al.:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Tables can have captions now.
PersonNumberThird Column
Someone Lastname900Nullam quis risus eget urna mollis ornare vel eu leo.
Person Name1200Vestibulum id ligula porta felis euismod semper. Donec + ullamcorper nulla non metus auctor fringilla.
Another Person1500Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor + auctor. Nullam id dolor id nibh ultricies vehicula ut id elit.
Last One2800Morbi leo risus, porta ac consectetur ac, vestibulum at eros. + Cras mattis consectetur purus sit amet fermentum.
+

In the following table, characteristics are + given in the second column, with the negative side in the left column + and the positive side in the right column.

+ + + + + + + + + + + + + + + + + + + + + +
Characteristics with positive and negative sides
NegativeCharacteristicPositive
SadMoodHappy
FailingGradePassing
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Complex table with a thead, + multiple tbody elements, + and a tfoot.
200820072006
Net sales$32,479$24,006$19,315
Cost of sales21,33415,85213,717
Gross margin$11,145$8,154$5,598
Gross margin percentage34.3%34.0%29.0%
+ + + + + + \ No newline at end of file diff --git a/playbill.pdf b/playbill.pdf new file mode 100644 index 0000000000000000000000000000000000000000..1c247e68174a5afd5b31f40a595a3bd2d5586205 GIT binary patch literal 14393 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 literal 0 HcmV?d00001 From e824d6f4d2b861e4a0360475d8814c0d606253c9 Mon Sep 17 00:00:00 2001 From: Robert Bottomley Date: Tue, 31 Jul 2018 18:30:57 -0700 Subject: [PATCH 2/7] Remove extra = in data example. --- kitchen-sink.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/kitchen-sink.html b/kitchen-sink.html index 5044620..485ddd9 100755 --- a/kitchen-sink.html +++ b/kitchen-sink.html @@ -114,7 +114,7 @@

Phrasing Content

An intellectual says a simple thing in a hard way. An artist says a hard thing in a simple way.

data can be used to specify 5 A.M. that is + value="2018-09-24T05:00-07:00">5 A.M. that is machine-readable, but time is a better choice for specifying in a machine-readable format.

@@ -675,4 +675,4 @@

Palpable Content

href="https://github.com/dbox/html5-kitchen-sink">GitHub.

- \ No newline at end of file + From fc5ab9d1b15b862a19d04a3d272aba21d7261845 Mon Sep 17 00:00:00 2001 From: Robert Bottomley Date: Tue, 31 Jul 2018 18:44:36 -0700 Subject: [PATCH 3/7] Fix incorrect category name. --- kitchen-sink.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/kitchen-sink.html b/kitchen-sink.html index 485ddd9..d0ad191 100755 --- a/kitchen-sink.html +++ b/kitchen-sink.html @@ -244,7 +244,7 @@

Palpable Content

figure, form, input, label, map, ol, output, pre, select, table, textarea, - ul, and others make up the interactive content + ul, and others make up the palpable content category.

a: Date: Tue, 31 Jul 2018 18:49:19 -0700 Subject: [PATCH 4/7] Fix type ("note" not "node"). --- kitchen-sink.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/kitchen-sink.html b/kitchen-sink.html index d0ad191..8763153 100755 --- a/kitchen-sink.html +++ b/kitchen-sink.html @@ -145,7 +145,7 @@

Phrasing Content

sub is used for subscripts: H2O. sup is used for superscripts: E = MC2. small is used for side comments: I wrote this whole document. [Editor's - node: no he did not] wbr: used to specify + note: no he did not] wbr: used to specify where a word may break and it is supercalifragilisticexpialidocious.