html.rst
author Oleksandr Gavenko <gavenkoa@gmail.com>
Mon, 30 Jan 2017 00:44:30 +0200
changeset 2075 ccaa2f364422
parent 1998 e03ad0a396fc
child 2228 837f1337c59b
permissions -rw-r--r--
Improve page formatting.
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
1998
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
    59
https://www.w3.org/International/tutorials/tutorial-char-enc/
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
    60
  Handling character encodings in HTML and CSS (tutorial).
1966
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    61
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
    62
  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
    63
  frequently updates.
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    64
http://www.ietf.org/rfc/bcp/bcp47.txt
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    65
  Tags for Identifying Languages (Best Current Practice).
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    66
https://www.w3.org/International/articles/language-tags/
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    67
  Language tags in HTML and XML.
1967
e852e900a724 Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1966
diff changeset
    68
https://www.w3.org/International/questions/qa-html-language-declarations
e852e900a724 Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1966
diff changeset
    69
  Declaring language in HTML.
e852e900a724 Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1966
diff changeset
    70
https://www.w3.org/International/questions/qa-lang-why
e852e900a724 Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1966
diff changeset
    71
  Why use the language attribute?
1966
5f7b046c246e Page or text language.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1912
diff changeset
    72
1993
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    73
Including CSS and JS fragments and files
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    74
========================================
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
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
    77
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    78
  <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
    79
  <style type="text/css">...</style>
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    80
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    81
  <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
    82
  <script type="text/javascript">...</script>
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    83
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    84
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
    85
external CSS / JS::
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    86
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    87
  <link rel="stylesheet" href="path-to.css">
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    88
  <style>...</style>
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    89
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    90
  <script src="abc.js"></script>
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    91
  <script>...</script>
cfa0586ae955 Including CSS and JS fragments and files.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1992
diff changeset
    92
1998
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
    93
Quoting in HTML
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
    94
===============
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
    95
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
    96
In HTML 5 attribute values only need to be quoted if they contain spaces or some
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
    97
non-alphanumeric characters.
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
    98
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
    99
HTML 5 support
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   100
==============
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   101
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   102
http://html5please.com/
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   103
  Look up HTML5, CSS3, etc features, know if they are ready for use, and if so
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   104
  find out how you should use them – with polyfills, fallbacks or as they are.
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   105
https://modernizr.com/
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   106
  Modernizr tells you what HTML, CSS and JavaScript features the user’s browser
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   107
  has to offer.
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   108
http://caniuse.com/
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   109
  Browser compatibility database of HTML 5 features.
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   110
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   111
Embedding structural data
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   112
=========================
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   113
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   114
Example::
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   115
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   116
  <div itemscope itemtype="http://schema.org/Person">
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   117
    My name is <span itemprop="name">Random Hacker</span>,
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   118
    And I'm a <span itemprop="jobTitle">software developer</span>
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   119
  </div>
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   120
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   121
http://schema.org/
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   122
  Schemas for structured data on the Internet, on web pages, in email messages,
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   123
  and beyond.
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   124
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   125
Video and audio support
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   126
=======================
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   127
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   128
HTML 5 add ``video`` and ``audio`` tags and corresponding JS API to support
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   129
video and audio playback.
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   130
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   131
https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   132
  Media formats supported by the HTML audio and video elements.
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   133
https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   134
  HTML5 audio and video widget in Firefox.
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   135
https://developer.mozilla.org/en-US/docs/Web/API/Web_Video_Text_Tracks_Format
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   136
  Introduction to WebVTT.
e03ad0a396fc Quoting in HTML. HTML 5 support. Embedding structural data. Video and audio support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1993
diff changeset
   137
1040
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   138
Center an object.
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   139
=================
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   140
1368
d8c21f2ef14c Fix typo.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1346
diff changeset
   141
To center block-level element::
1040
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   142
1118
148d4e3855e2 position: relative; width: 700px;
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1047
diff changeset
   143
  <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
   144
    <div>SOME</div>
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   145
  </div>
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   146
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   147
To center inline element::
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   148
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   149
  <p style="text-align: center;">TEXT</p>
f7d65dea956d Center an object.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents:
diff changeset
   150
1047
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
   151
Browser support.
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
   152
================
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
   153
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
   154
  * http://htmlbook.ru/
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
   155
  * http://www.quirksmode.org/
1c0dffa7aafd Browser support.
Oleksandr Gavenko <gavenkoa@gmail.com>
parents: 1040
diff changeset
   156