HTML\CSS каркасной части раскладки (статический markup) изолирован от семантической части, содержащей собственно данные.
Критические для каркаса стили подключаются методом Internal CSS. В целях подстраховки при критических ошибках разворачивания в браузере (несмотря на "медленность" загрузки Internal CSS по сравнению с External CSS).
HTML5 semantic elements
В ряде случаев, тэги HTML, по-умолчанию "блочные", заменены на теги по-умолчанию "строчные". Исходя из предположения, что при критических ошибках данная мера обеспечит для конечного пользователя наиболее наглядное разворачивание "чистого" кода HTML в браузере.
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.
Blockquotes
This paragraph. This text outside qThis block tag q (inline quotation) (also known as a long quotation or extract) is a quotation in a written document of text. This text outside q.
A block tag 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. This without paragraph.
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. This with paragraph.
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. This with paragraph.
strongStrong is used to indicate strong importance.
b The b element is stylistically different text from normal text, without any special importance.
emThis text has added emphasis.
i The i element is text that is offset from the normal text.
ins here we have some inserted text.
u The u element is text with an unarticulated, though explicitly rendered, non-textual annotation.
delThis text is deleted.
strikeoverstruck.
sThis text has a strikethrough.
sup Superscript ex2 and f(x)g(x)a+b+c.
sub Subscript for things like x1 and H2.
small This small text is small for for fine print, etc.
abbr Abbreviation: HTML.
dfn The dfn element indicates a definition.
time The time element: .
mark The mark element indicates a highlight.
Obsolete
big This big thing text.
font face=Courier Courier font.
font color=red red text.
font size=6 large size.
Code
kbdKeyboard input:CTRL
codeInline code:<div>code</div>.
sampSample output:This is sample output from a computer program.
varVariable element: such as x = y.
xmpxmp element:
<strong>xmp element:</strong>, element renders text between the start and end tags without interpreting the HTML*
data value=""Data element: Text example
ruby rp rtRuby element:
明日
Pre-formatted text
pre
P R E F O R M A T T E D T E X T
! " # $ % & ' ( ) * + , - . /
0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ A B C D E F G H I J K L M N O
P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o
p q r s t u v w x y z { | } ~
* transferred to inline-block
Groups
Hgroup
Calculus I
Fundamentals
Lists
Definition list
Definition List Title
This is a definition list division.
Ordered List
List Item 1
List Item 11
List Item 12
List Item 111
List Item 112
List Item 113
List Item 13
List Item 2
List Item 3
Unordered List
List Item 1
List Item 11
List Item 12
List Item 111
List Item 112
List Item 113
List Item 13
List Item 2
List Item 3
Tabular data
Table standard - Caption
Table Heading 1
Table Heading 2
Table Heading 3
Table Heading 4
Table Heading 5
Table Footer 1
Table Footer 2
Table Footer 3
Table Footer 4
Table Footer 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table .table-short - Caption
Table Heading 1
Table Heading 2
Table Heading 3
Table Heading 4
Table Heading 5
Table Footer 1
Table Footer 2
Table Footer 3
Table Footer 4
Table Footer 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table .table-width-full Caption
Table Heading 1
Table Heading 2
Table Heading 3
Table Heading 4
Table Heading 5
Table Footer 1
Table Footer 2
Table Footer 3
Table Footer 4
Table Footer 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table Cell 1
Table Cell 2
Table Cell 3
Table Cell 4
Table Cell 5
Table with colgroup > col
Table column color
th 1
th 2
th 3
th 4
th 5
th 6
td 1
td 2
td 3
td 4
td 5
td 6
Character table
The following table has some sample characters with annotations. If the browser’s default font does not contain all of them, they may get displayed using backup fonts. This may cause stylistic differences, but it should not prevent the characters from being displayed at all.
Character test Table with thead tag and colspan="3" attribute. This entry.
Table with tfoot tag and colspan="3" attribute. This entry.
Char.
Explanation
Notes
ê
e with circumflex
Latin 1 character, should be ok
—
em dash
Windows Latin 1 character, should be ok, too
Ā
A with macron (line above)
Latin Extended-A character, not present in all fonts
Ω
capital omega
A Greek letter
−
minus sign
Unicode minus
⌀
diameter sign
relatively rare in fonts
Embedded content
Images
No <figure> element
Wrapped in a <figure> element, no <figcaption>
Wrapped in a <figure> element, with a <figcaption>
