html.rst
author Oleksandr Gavenko <gavenkoa@gmail.com>
Sun, 19 Jun 2016 20:01:35 +0300
changeset 1992 f4ff79a3e693
parent 1991 90e4383e2809
child 1993 cfa0586ae955
permissions -rw-r--r--
It is good to set language in ``html`` tag.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1334
9bf0d5a1f0cf Include common header with quick links.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1119
diff changeset
     1
.. -*- coding: utf-8; -*-
1040
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     2
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     3
=======
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     4
 HTML.
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     5
=======
1346
a2fbf50a43f4 Fix: Has no 'contents::' directive.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1334
diff changeset
     6
.. contents::
1905
fba288d59662 Include only local subsections into TOC. This prevent duplication of
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1697
diff changeset
     7
   :local:
1040
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
     8
1978
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
     9
HTML spec
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    10
=========
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    11
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    12
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    13
  HTML attribute reference (single page).
1119
fd5d841f7273 Disable quirk mode.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1118
diff changeset
    14
1978
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    15
HTML version declaration
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    16
========================
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    17
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    18
HTML5 version is declared via::
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    19
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    20
  <!doctype html>
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    21
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    22
HTML4.01::
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    23
2e9097b2426d HTML attribute reference (single page).
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1967
diff changeset
    24
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
1991
90e4383e2809 Transitional and Frameset HTML 4.01 DTD declaration examples.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1978
diff changeset
    25
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
90e4383e2809 Transitional and Frameset HTML 4.01 DTD declaration examples.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1978
diff changeset
    26
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
1119
fd5d841f7273 Disable quirk mode.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1118
diff changeset
    27
1966
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    28
Page encoding
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    29
=============
1040
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    30
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    31
Place in HEAD tag (CHARSET is one among of defined by
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    32
http://www.iana.org/assignments/character-sets)::
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    33
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    34
  <meta http-equiv="Content-Type" content="text/html; charset=CHARSET">
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    35
1529
7c71d0195be0 Page encoding.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1368
diff changeset
    36
or in HTML 5::
7c71d0195be0 Page encoding.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1368
diff changeset
    37
1697
f41d35f4af39 Remove trailing spaces.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1529
diff changeset
    38
  <meta charset="utf-8">
1529
7c71d0195be0 Page encoding.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1368
diff changeset
    39
1040
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    40
See:
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    41
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    42
  http://www.w3.org/TR/REC-html40/charset.html#h-5.2.2
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    43
1966
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    44
Page or text language
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    45
=====================
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    46
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    47
Client may suggest preferred language to server via ``Accept-Language`` HTTP
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    48
tag::
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    49
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    50
  Accept-Language: da, en-gb;q=0.8, en;q=0.7
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    51
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    52
W3C best practice suggest to surround corresponding text pieces in tag with
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    53
``lang`` attribute. Attribute values are from BCP 47.
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    54
1992
f4ff79a3e693 It is good to set language in ``html`` tag.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1991
diff changeset
    55
It is good to set language in ``html`` tag::
f4ff79a3e693 It is good to set language in ``html`` tag.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1991
diff changeset
    56
f4ff79a3e693 It is good to set language in ``html`` tag.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1991
diff changeset
    57
  <html lang="en">
f4ff79a3e693 It is good to set language in ``html`` tag.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1991
diff changeset
    58
1966
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    59
http://www.iana.org/assignments/language-subtag-registry/language-subtag-registry
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    60
  IANA registered language and country codes. Coherent with ISO codes but
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    61
  frequently updates.
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    62
http://www.ietf.org/rfc/bcp/bcp47.txt
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    63
  Tags for Identifying Languages (Best Current Practice).
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    64
https://www.w3.org/International/articles/language-tags/
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    65
  Language tags in HTML and XML.
1967
e852e900a724 Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1966
diff changeset
    66
https://www.w3.org/International/questions/qa-html-language-declarations
e852e900a724 Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1966
diff changeset
    67
  Declaring language in HTML.
e852e900a724 Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1966
diff changeset
    68
https://www.w3.org/International/questions/qa-lang-why
e852e900a724 Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1966
diff changeset
    69
  Why use the language attribute?
1966
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    70
1040
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    71
Center an object.
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    72
=================
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    73
1368
d8c21f2ef14c Fix typo.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1346
diff changeset
    74
To center block-level element::
1040
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    75
1118
148d4e3855e2 position: relative; width: 700px;
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1047
diff changeset
    76
  <div style="margin-left: auto; margin-right: auto; position: relative; width: 700px;">
1040
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    77
    <div>SOME</div>
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    78
  </div>
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    79
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    80
To center inline element::
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    81
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    82
  <p style="text-align: center;">TEXT</p>
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
    83
1047
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
    84
Browser support.
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
    85
================
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
    86
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
    87
  * http://htmlbook.ru/
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
    88
  * http://www.quirksmode.org/
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
    89