Internal CSS

HTML\CSS каркасной части раскладки (статический markup) изолирован от семантической части, содержащей собственно данные.

Критические для каркаса стили подключаются методом Internal CSS. В целях подстраховки при критических ошибках разворачивания в браузере (несмотря на "медленность" загрузки Internal CSS по сравнению с External CSS).

HTML5 semantic elements

В ряде случаев, тэги HTML, по-умолчанию "блочные", заменены на теги по-умолчанию "строчные". Исходя из предположения, что при критических ошибках данная мера обеспечит для конечного пользователя наиболее наглядное разворачивание "чистого" кода HTML в браузере.

В исключительных случаях используются пользовательские элементы (Custom Elements) с префиксом jt.

Сравните представленные варианты LayBox, LayDiv и LayHTML5, на примере упрощённого Holy Grail:

Наследование

За наследование отвечает ..

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

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.

This paragraph. This text outside q This 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.

This with cite without paragraph inside blockquote. Said no one, ever.

This with cite without paragraph. Said no one, ever.

Definition list

Definition List Title

This is a definition list division.

Ordered List

1. List Item 1
   1. List Item 11
   2. List Item 12
      1. List Item 111
      2. List Item 112
      3. List Item 113
   3. List Item 13
2. List Item 2
3. 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

---

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

This is a text link.

Strong is used to indicate strong importance.

This text has added emphasis.

The b element is stylistically different text from normal text, without any special importance.

The i element is text that is offset from the normal text.

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation.

This text is deleted and This text is inserted.

This text has a strikethrough.

Superscript^®.

Subscript for things like H₂O.

This small text is small for for fine print, etc.

Abbreviation: HTML

The dfn element indicates a definition.

The mark element indicates a highlight.

The time element: 2 weeks ago

Keyboard input: CTRL

Inline code: <div>code</div>

Sample output: This is sample output from a computer program.

Variable element: such as x = y.

xmp element:

<strong>xmp element:</strong>, element renders text between the start and end tags without interpreting the HTML*

Data element: Text example

Ruby element: 明日 (Ashita)

Pre-formatted text

                  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

No <figure> element

Wrapped in a <figure> element, no <figcaption>

Wrapped in a <figure> element, with a <figcaption>

Input fields for Text

Text Input

Password

Web Address

Email Address

Phone Number

Search

Number Input

Error

Valid

Input fields for Text .input-short

Text Input

Password

Web Address

Email Address

Phone Number

Search

Number Input

Error

Valid

Textareas

Textarea

Select menus

Select Option One Option Two Option Three

Checkboxes

Choice A Choice B Choice C

Radio buttons

Option 1 Option 2 Option 3

Action buttons

<button type=submit> <button type=button> <button type=reset> <button disabled>

Action input

HTML5 inputs

Color input

Number input

Range input

Date input

Month input

Week input

Datetime input

Datetime-local input