W3C



(This is a fingerprinting vector.)




(This is a fingerprinting vector.)

(This is a fingerprinting vector.)









    1. (This is a fingerprinting vector.)





(This is a fingerprinting vector.)

























Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would  be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that.








An example of ruby text mixed up with regular text.

Group ruby example with きょう annotating 今日

Example of jukugo ruby

San Francisco in Chinese, with both pinyin and the original English as annotations.

上手 ("skill") annotated in both kana and romaji, shown in both jukugo and mono styles.







The example HTML code as displayed in a browser. 3 links each containing a rectangular image:  1 is blue with the text 'blue', 2 red with the text 'red' and 3 is green with the text 'green'.

W3C logo used as link content.

W3C logo used as link content.

Print preview icon used as link content.

Search icon used as button content.

Image containing the text 'PIP'.Image containing the text 'CO'.

Browser Share: Internet Explorer 25%, Firefox 40%, Chrome 25%, Safari 6% and Opera 4%.

Representation of the code snippet above.

Flowchart: Dealing with a broken lamp.

Bar Chart showing average rainfall in millimetres by Country and Season.

Get Happy!

The big sale ...ends Friday.

euro

O

Figure 1. Distribution of Articles by Journal 
  Category. Pie chart: Language=68%, Education=14% and Science=18%.

A painting inspired by Alfred Tennyson's poem The Lady of Shalott

Portrait photo(black and white) of Robin, accompanied by a heading 'Robin Berjon' and a question
  'what more needs to be said?'


Painting of a woman in a white flowing dress, sitting in a small boat.

love

heart

Image containing the text 'PIP'.Image containing the text 'CO'.

3 out of 5.

Map of Katoomba.

North KatoombaSouth Katoomba

crocodile's angry, chomping headduck's soft, feathery body

Lola the cat sitting under an umbrella in the bath tub.

An abstract, freeform, vertically symmetrical, black inkblot on a light background.

Sopwith house weather cam. Taken on the 21/04/10 at 11:51 and 34 seconds. In the foreground are the safety
  rails on the flat part of the roof. Nearby ther are low rise industrial buildings, beyond those are block of flats. In the distance there's a
  church steeple.

no text alternative provided

no text alternative provided

A house icon next to the word 'home'.

Warning!

Warning!

HTML 5.1 Nightly specification

WebPlatform.org

HTML5 logo: Shaped like a shield with the 
  text 'HTML' above and the numeral '5' prominent on the face of the shield.

captcha containing the words 'aides' and 'sprucest'. The letters are distorted and the color of the letters and background is partially inverted,















(This is a fingerprinting vector.)



































A line with four shapes in it, equally spaced: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star.





Representation of the example 
   table overlayed with arrows indicating which cells each header applies to.



















A text box with an icon on the left followed by the text "www.w3" and a cursor, with a drop down button on the right hand side; with, below, a drop down box containing a list of six URLs on the left, with the first four having grayed out labels on the right; and a scroll bar to the right of the drop down box, indicating further values are available.

A vertical slider control whose primary color is black and whose background color is beige, with the slider having five tick marks, one long one at each extremity, and three short ones clustered around the midpoint.

As a dial.

As a long horizontal slider with tick marks.

A vertical slider control with two tick marks, one near the top labeled 'High', and one near the bottom labeled 'Low'.

A control group with the label 'Outbound flight time', showing a drop-down that lets you select Departure vs Arrival, a two-handled range control that lets you set the start and end time of the range, and a label showing the currently selected times.



(This is a fingerprinting vector.)





(This is a fingerprinting vector.)

Form control group containing 'Send', 
   'Save now' and 'Discard' buttons, a 'To:' combo box with an 'a' displayed in the text box and 2 list items below.

Form control group containing 'send', 
   'save now' and 'discard' buttons and a 'To:' combo box with 'bob@example.net,a' displayed in the text box and 4 list items below.












With the <meter> elements rendered as inline green bars of varying lengths.











A drop-down control with a long alphabetical list of countries.

The same drop-down control with the alphabetical list of countries, but with Zambia as an entry at the top.




A toolbar with three buttons, labeled 'File', 'Edit', and 'Help'; where if you select the 'Edit' button you get a drop-down menu with three more options, 'Copy', 'Cut', and 'Paste'.







A context menu, shown over a picture of cats, with four lines: the first two offering the menu items described in the markup above ('Pet the kittens' and 'Cuddle with the kittens'), the third giving a submenu labeled 'Feed the kittens', and the fourth, after a horizontal splitter, consisting of only a downwards-pointing disclosure triangle.

This would result in the same basic interface, but with a longer menu; the disclosure triangle having been replaced by items such as 'View Image', 'Copy Image', 'Copy Image Location', and so forth.

















Title:'HTML 5.1 Nightly' in a mid blue Sans Serif font. 
   Subtitle 1:'A vocabulary and associated APIs for HTML and XHTML' on a new line, same style smaller font size. 
   Subtitle 2:'Editor's Draft 9 May 2013' on a new line, same style and size as subtitle 1.

Title and subtitle:'The Lord of the Rings: The Two Towers' in a gold coloured Gothic style Serif font on a black background.

 Line 1:'Ramones' displayed in a large bold angular hand writing style font with a spray can paint effect. Line 2:'Hey! Ho! Let's Go' displayed in a smaller, standard sans serif style font.

 Title:'3D films set for popularity slide' in a large, bold, dark blue Serif font style. Paragraph: 'First drop in 3D box office projected for this year despite...' in a smaller, dark grey, Sans Serif font style.

Tagline above the heading:'Magazine of the Decade'. Tagline below the heading 'The Best of UK and Foreign Media' both in a small,all caps, sans-serif font style. Heading:'The Month' in a large, Serif font style. All text is black against a red background.

The heading and the links are displayed on one line.


































  • (This is a fingerprinting vector.)





  1. (This is a fingerprinting vector.)


















(This is a fingerprinting vector.)

  • (This is a fingerprinting vector.)

(This is a fingerprinting vector.)


(This is a fingerprinting vector.)


(This is a fingerprinting vector.)





The modal dialog box could have the title 'Content Handler Registration', and could say 'This Web page: Kittens at work http://kittens.example.org/ ...would like permission to handle files of type: application/x-meowmeow using the following Web-based application: Kittens-at-work displayer http://kittens.example.org/?show=%s Do you trust the administrators of the "kittens.example.org" domain?' with two buttons, 'Trust kittens.example.org' and 'Cancel'.

The dialog box could have the title 'Unknown File Type' and could say 'You have attempted to access:' followed by a URL, followed by a prompt such as 'How would you like FerretBrowser to handle this resource?' with three radio buttons, one saying 'Contact the FerretBrowser plugin registry to see if there is an official way to handle this resource.', one saying 'Pass this URL to a local application' with an application selector, and one saying 'Pass this URL to the "Kittens-at-work displayer" application at "kittens.example.org"', with a checkbox labeled 'Always do this for resources using the "application/x-meowmeow" type in future.', and with two buttons, 'Ok' and 'Cancel'.


(This is a fingerprinting vector.)

(This is a fingerprinting vector.)

(This is a fingerprinting vector.)


(This is a fingerprinting vector.)

(This is a fingerprinting vector.)

(This is a fingerprinting vector.)


(This is a fingerprinting vector.)

(This is a fingerprinting vector.)

(This is a fingerprinting vector.)

(This is a fingerprinting vector.)


(This is a fingerprinting vector.)


(This is a fingerprinting vector.)

(This is a fingerprinting vector.)






    1. (This is a fingerprinting vector.)