tips: html.rst@b09608bae2a0 (annotated)

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
1993 cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	71	Including CSS and JS fragments and files
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	72	========================================
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	73
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	74	HTML 4.01 require ``type`` attribute in CSS and JS linking tags::
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	75
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	76	<link rel="stylesheet" type="text/css" href="path-to.css">
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	77	<style type="text/css">...</style>
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	78
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	79	<script type="text/javascript" src="abc.js"></script>
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	80	<script type="text/javascript">...</script>
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	81
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	82	HTML 5 makes ``type`` attribute unnecessary when declaring or linking to
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	83	external CSS / JS::
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	84
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	85	<link rel="stylesheet" href="path-to.css">
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	86	<style>...</style>
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	87
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	88	<script src="abc.js"></script>
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	89	<script>...</script>
cfa0586ae955 Including CSS and JS fragments and files. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1992 diff changeset	90
1040 f7d65dea956d Center an object. Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	91	Center an object.
f7d65dea956d Center an object. Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	92	=================
f7d65dea956d Center an object. Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	93
1368 d8c21f2ef14c Fix typo. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1346 diff changeset	94	To center block-level element::
1040 f7d65dea956d Center an object. Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	95
1118 148d4e3855e2 position: relative; width: 700px; Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1047 diff changeset	96	<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	97	<div>SOME</div>
f7d65dea956d Center an object. Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	98	</div>
f7d65dea956d Center an object. Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	99
f7d65dea956d Center an object. Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	100	To center inline element::
f7d65dea956d Center an object. Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	101
f7d65dea956d Center an object. Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	102	<p style="text-align: center;">TEXT</p>
f7d65dea956d Center an object. Oleksandr Gavenko <gavenkoa@gmail.com> parents: diff changeset	103
1047 1c0dffa7aafd Browser support. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1040 diff changeset	104	Browser support.
1c0dffa7aafd Browser support. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1040 diff changeset	105	================
1c0dffa7aafd Browser support. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1040 diff changeset	106
1c0dffa7aafd Browser support. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1040 diff changeset	107	* http://htmlbook.ru/
1c0dffa7aafd Browser support. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1040 diff changeset	108	* http://www.quirksmode.org/
1c0dffa7aafd Browser support. Oleksandr Gavenko <gavenkoa@gmail.com> parents: 1040 diff changeset	109

author	Oleksandr Gavenko <gavenkoa@gmail.com>
	Mon, 01 Aug 2016 19:51:15 +0300
changeset 1995	b09608bae2a0
parent 1993	cfa0586ae955
child 1998	e03ad0a396fc
permissions	-rw-r--r--