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-- |
1334
9bf0d5a1f0cf
Include common header with quick links.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1119
diff
changeset
|
1 |
.. -*- coding: utf-8; -*- |
1040 | 2 |
|
3 |
======= |
|
4 |
HTML. |
|
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 | 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 | 30 |
|
31 |
Place in HEAD tag (CHARSET is one among of defined by |
|
32 |
http://www.iana.org/assignments/character-sets):: |
|
33 |
||
34 |
<meta http-equiv="Content-Type" content="text/html; charset=CHARSET"> |
|
35 |
||
1529 | 36 |
or in HTML 5:: |
37 |
||
1697
f41d35f4af39
Remove trailing spaces.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
1529
diff
changeset
|
38 |
<meta charset="utf-8"> |
1529 | 39 |
|
1040 | 40 |
See: |
41 |
||
42 |
http://www.w3.org/TR/REC-html40/charset.html#h-5.2.2 |
|
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 | 71 |
Center an object. |
72 |
================= |
|
73 |
||
1368 | 74 |
To center block-level element:: |
1040 | 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 | 77 |
<div>SOME</div> |
78 |
</div> |
|
79 |
||
80 |
To center inline element:: |
|
81 |
||
82 |
<p style="text-align: center;">TEXT</p> |
|
83 |
||
1047 | 84 |
Browser support. |
85 |
================ |
|
86 |
||
87 |
* http://htmlbook.ru/ |
|
88 |
* http://www.quirksmode.org/ |
|
89 |