Π’Π΅Π³ | htmlbook.ru
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Π‘ΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <pre> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π±Π»ΠΎΠΊ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°. Π’Π°ΠΊΠΎΠΉ ΡΠ΅ΠΊΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΎΠ±ΡΡΠ½ΠΎ ΠΌΠΎΠ½ΠΎΡΠΈΡΠΈΠ½Π½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ ΠΈ ΡΠΎ Π²ΡΠ΅ΠΌΠΈ ΠΏΡΠΎΠ±Π΅Π»Π°ΠΌΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ. ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π»ΡΠ±ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² ΠΈΠ΄ΡΡΠΈΡ Π² ΠΊΠΎΠ΄Π΅ ΠΏΠΎΠ΄ΡΡΠ΄, Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½. Π’Π΅Π³ <pre> ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΠ±ΠΎΠΉΡΠΈ ΡΡΡ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠ΅ΠΊΡΡ ΠΊΠ°ΠΊ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ. Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ ΡΠ΅Π³Π° <plaintext>, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΎΡΡΠΆΠ΄Π°Π΅ΡΡΡ Π² HTML 4, Π²Π½ΡΡΡΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° <pre> Π΄ΠΎΠΏΡΡΡΠΈΠΌΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ Π»ΡΠ±ΡΠ΅ ΡΠ΅Π³ΠΈ ΠΊΡΠΎΠΌΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΡ : <big>, <img>, <object>, <small>, <sub> ΠΈ <sup>.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
<pre>Π’Π΅ΠΊΡΡ</pre>
ΠΠ°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³
ΠΠ±ΡΠ·Π°ΡΠ΅Π»Π΅Π½.
ΠΡΡΠΈΠ±ΡΡΡ
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΡΠ΅Π³Π° Π΄ΠΎΡΡΡΠΏΠ½Ρ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ ΠΈ ΡΠΎΠ±ΡΡΠΈΡ.
ΠΡΠΈΠΌΠ΅Ρ
HTML5IECrOpSaFx
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Π’Π΅Π³ PRE</title> </head> <body> <pre> - ----- ----- |----- ||----| ----|| ||----- -----|| ||-----| |-----|| || ----- ------|| ||- ----| |------|| ||---||-- -------|| ||--|| --| |-------|| || -|| |-- --- - --|| || -|| --|-|--| - ---| |---|| |-----| |-----| |---|| |---- |-----| |----| --- |-----| |----- ------| </pre> </body> </html>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½ΠΈΠΆΠ΅.
Π ΠΈΡ. 1. ΠΠΈΠ΄ ΡΠ΅ΠΊΡΡΠ°, ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <pre>
ΠΡΠΎΡ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ Π½Π΅ Π·Π°Π²Π΅ΡΡΡΠ½.Β ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΠΏΠΎΠΌΠΎΠ³ΠΈΡΠ΅ ΠΏΠ΅ΡΠ΅Π²Π΅ΡΡΠΈ ΡΡΡ ΡΡΠ°ΡΡΡ Ρ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠ³ΠΎ
ΠΠ»Π΅ΠΌΠ΅Π½ΡΒ HTML <pre>
Β ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ Π² HTML-ΡΠ°ΠΉΠ»Π΅. Π’Π΅ΠΊΡΡ ΠΎΠ±ΡΡΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π½Π΅ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠ³ΠΎ («monospace») ΡΡΠΈΡΡΠ°. ΠΡΠΎΠ±Π΅Π»Ρ Π²Π½ΡΡΡΠΈ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΠΊΠ°ΠΊ Π·Π°ΠΏΠΈΡΠ°Π½Π½ΡΠ΅.
The source for this interactive example is stored in a GitHub repository. If you’d like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
ΠΡΡΠΈΠ±ΡΡΡ
ΠΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π² ΡΠ΅Π±Ρ ΡΠΎΠ»ΡΠΊΠΎ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ.
cols
- Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΠΊΠΎΡΠΎΡΠΎΠ΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠΌΠ΅ΡΡ ΡΡΡΠΎΠΊΠ°. ΠΡΠΎ Π±ΡΠ» Π½Π΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ ΡΠΈΠ½ΠΎΠ½ΠΈΠΌ
. Π§ΡΠΎΠ±Ρ Π΄ΠΎΠ±ΠΈΡΡΡΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ CSSwidth
. width
- Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΠΊΠΎΡΠΎΡΠΎΠ΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠΌΠ΅ΡΡ ΡΡΡΠΎΠΊΠ°. Π₯ΠΎΡΡ ΡΠ΅Ρ
Π½ΠΈΡΠ΅ΡΠΊΠΈ ΠΎΠ½ Π²ΡΠ΅ Π΅ΡΠ΅ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½, ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ°; ΡΡΠΎΠ±Ρ Π΄ΠΎΡΡΠΈΡΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ CSS
width
. wrap
- ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°, ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΠ°Ρ, ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡΠΎΠΈΡΡ
ΠΎΠ΄ΠΈΡΡ ΠΏΠ΅ΡΠ΅Π½ΠΎΡ. Π ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ
Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ
ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ ΠΈΠ³Π½ΠΎΡΠΈΡΡΠ΅ΡΡΡ, ΠΈ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ° Π½Π΅ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΡ; ΡΡΠΎΠ±Ρ Π΄ΠΎΡΡΠΈΡΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ CSS
white-space
ΠΡΠΈΠΌΠ΅Ρ
HTML
<p>ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ CSS Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ²Π΅ΡΠ° ΡΡΠΈΡΡΠ° Π»Π΅Π³ΠΊΠΎ.</p> <pre> body { color: red; } </pre>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ
ΠΡΠΎΠ±Π»Π΅ΠΌΡ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ
ΠΠ°ΠΆΠ½ΠΎ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π΄Π»Ρ Π»ΡΠ±ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°. ΠΠ»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠ΅ΡΠΊΠΎ ΠΈ Π»Π°ΠΊΠΎΠ½ΠΈΡΠ½ΠΎ ΠΎΠΏΠΈΡΡΠ²Π°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ.
ΠΡΠ΄ΠΈ, ΠΈΡΠΏΡΡΡΠ²Π°ΡΡΠΈΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ ΠΏΠ»ΠΎΡ ΠΈΠΌ Π·ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΠΈΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π°, ΠΌΠΎΠ³ΡΡ Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ, ΡΡΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΠ±ΠΎΠΉ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ ΡΠΈΡΠ°ΡΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ.
ΠΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <figure>
ΠΈ <figcaption>
, Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½Π½Π°Ρ id
ΠΈ ARIA role
ΠΈ aria-labelledby
, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΠ±ΡΡΠ²ΠΈΡΡ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΊΠ°ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π° figcaption
ΡΠ»ΡΠΆΠΈΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΌ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΡΠΈΠΌΠ΅Ρ
<figure role="img" aria-labelledby="cow-caption"> <pre> ____________________________ < Π― ΡΠΊΡΠΏΠ΅ΡΡ Π² ΡΠ²ΠΎΠ΅ΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ. > ---------------------------- \ ^__^ \ (oo)\_______ (__)\ )\/\ ||----w | || || </pre> <figcaption> ΠΠΎΡΠΎΠ²Π° Π³ΠΎΠ²ΠΎΡΠΈΡ: Β«Π― ΡΠΊΡΠΏΠ΅ΡΡ Π² ΡΠ²ΠΎΠ΅ΠΉ ΠΎΠ±Π»Π°ΡΡΠΈΒ». ΠΠΎΡΠΎΠ²Π° ΠΏΡΠΎΠΈΠ»Π»ΡΡΡΡΠΈΡΠΎΠ²Π°Π½Π° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ². </figcaption> </figure>
Π₯Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠΈ
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°
Update compatibility data on GitHubΠΠΎΠΌΠΏΡΡΡΠ΅ΡΡ | ΠΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome Π΄Π»Ρ Android | Firefox Π΄Π»Ρ Android | Opera Π΄Π»Ρ Android | Safari on iOS | Samsung Internet | |
pre | Chrome ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ° | Edge ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° 12 | Firefox ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° 1 | IE ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ° | Opera ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ° | Safari ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ° | WebView Android ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ° | Chrome Android ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ° | Firefox Android ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° 4 | Opera Android ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ° | Safari iOS ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ° | Samsung Internet Android ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ° |
cols Π£ΡΡΠ°ΡΠ΅Π²ΡΠ°ΡΠΠ΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½Π°Ρ | Chrome ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΠ΅Ρ | Edge ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΠ΅Ρ | Firefox ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ 1Β β 29 | IE ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΠ΅Ρ | Opera ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΠ΅Ρ | Safari ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΠ΅Ρ | WebView Android ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΠ΅Ρ | Chrome Android ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΠ΅Ρ | Firefox Android ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ 4Β β 29 | Opera Android ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΠ΅Ρ | Safari iOS ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΠ΅Ρ | Samsung Internet Android ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΠ΅Ρ |
width Π£ΡΡΠ°ΡΠ΅Π²ΡΠ°ΡΠΠ΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½Π°Ρ | Chrome ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ°
| Edge ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° 12
| Firefox ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° 1
| IE ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ°
| Opera ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ°
| Safari ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ°
| WebView Android ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ°
| Chrome Android ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ°
| Firefox Android ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° 4
| Opera Android ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ°
| Safari iOS ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΠ°
| Samsung Internet Android ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°
|
wrap Π£ΡΡΠ°ΡΠ΅Π²ΡΠ°ΡΠΠ΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½Π°Ρ | Chrome ? | Edge | Firefox ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° 1 | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android | Firefox Android ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° 4 | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
ΠΠ΅Π³Π΅Π½Π΄Π°
- ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°
Β
- ΠΠΎΠ»Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°
- ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ Β
- ΠΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ
- Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΡ Π½Π΅ΠΈΠ·Π²Π΅ΡΡΠ½Π° Β
- Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΡ Π½Π΅ΠΈΠ·Π²Π΅ΡΡΠ½Π°
- ΠΠ΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½Π°Ρ. ΠΠΆΠΈΠ΄Π°Π΅ΡΡΡ ΠΏΠ»ΠΎΡ Π°Ρ ΠΊΡΠΎΡΡ-Π±ΡΠ°ΡΠ·Π΅ΡΠ½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°.
- ΠΠ΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½Π°Ρ. ΠΠΆΠΈΠ΄Π°Π΅ΡΡΡ ΠΏΠ»ΠΎΡ Π°Ρ ΠΊΡΠΎΡΡ-Π±ΡΠ°ΡΠ·Π΅ΡΠ½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°.
- Π£ΡΡΠ°ΡΠ΅Π²ΡΠ°Ρ. ΠΠ΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² Π½ΠΎΠ²ΡΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°Ρ
- Π‘ΠΌΠΎΡΡΠΈΡΠ΅ Π·Π°ΠΌΠ΅ΡΠ°Π½ΠΈΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ.
- Π‘ΠΌΠΎΡΡΠΈΡΠ΅ Π·Π°ΠΌΠ΅ΡΠ°Π½ΠΈΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ.
Π‘ΠΌΠΎΡΡΠ΅ΡΡ ΡΠ°ΠΊΠΆΠ΅
Π’Π΅Π³ | HTML ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅
HTML ΡΠ΅Π³ <pre> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π±Π»ΠΎΠΊ Π² ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ. ΠΡΠ°ΡΠ·Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ΅Π³Π° ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ Π΅Π³ΠΎ Π½Π°ΠΏΠ΅ΡΠ°ΡΠ°Π»ΠΈ, Π²ΠΊΠ»ΡΡΠ°Ρ Π²ΡΠ΅ ΠΏΡΠΎΠ±Π΅Π»ΡΠ½ΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ. ΠΠ±ΡΡΠ½ΠΎ ΠΏΡΠΈ Π²ΡΠ²ΠΎΠ΄Π΅ Π½Π° ΡΠΊΡΠ°Π½ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΌΠΎΠ½ΠΎΡΠΈΡΠΈΠ½Π½ΡΠΉ ΡΡΠΈΡΡ. ΠΠ½ΡΡΡΠΈ ΡΠ΅Π³Π° <pre> Π΄ΠΎΠΏΡΡΡΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ: <code>, <b>, <i> ΠΈ Π΄Ρ.
ΠΠΎΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ ΡΠ»ΡΡΠ°Π΅Π², ΠΊΠΎΠ³Π΄Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ <pre> ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½:
- Π΄Π»Ρ ΠΏΠ΅ΡΠ°ΡΠΈ ΡΡΠΈΡ ΠΎΠ², Π² ΠΊΠΎΡΠΎΡΡΡ Π²Π·Π°ΠΈΠΌΠ½ΠΎΠ΅ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΡΡΠΎΠΊ Π·Π°Π΄Π°Π» ΡΠ°ΠΌ Π°Π²ΡΠΎΡ
- ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ASCII ΡΠΈΡΡΠ½ΠΊΠΎΠ²
- ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠ·ΡΠΊΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΏΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ Π²Ρ ΡΠ΅ΡΠΈΠ»ΠΈ ΠΎΠΏΠΈΡΠ°ΡΡ ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡΠ΄Ρ HTML-ΠΊΠΎΠ΄, Π²Ρ Π΅Π³ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π»ΠΈ ΠΊΠ°ΠΊ Π²Π°ΠΌ Π½ΡΠ°Π²ΠΈΡΡΡ, Π½ΠΎ Π΅ΡΡΡ ΠΎΠ΄Π½Π° ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΊΠ°, Π²Ρ Π΅Π³ΠΎ Π½Π΅ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ²Π΅ΡΡΠΈ ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠΈΠΌΠ²ΠΎΠ»Ρ < ΠΈ > ΠΊΠ°ΠΊ Π½Π°ΡΠ°Π»ΠΎ ΠΈ ΠΊΠΎΠ½Π΅Ρ ΡΠ΅Π³Π°, ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈΡ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° <pre> ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ ΠΊ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°ΠΌ. ΠΠ΄Π½Π°ΠΊΠΎ Π΅ΡΡΡ Π»Π΅Π³ΠΊΠΈΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠΏΡΠ°Π²ΠΈΡΡΡΡ Ρ ΡΡΠΈΠΌ ΠΈ Π²ΡΠ²Π΅ΡΡΠΈ Π²Π°Ρ ΠΊΠΎΠ΄ Π½Π° ΡΠΊΡΠ°Π½, Π½ΡΠΆΠ½ΠΎ Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΡ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΡΡΠ»ΠΊΠ°ΠΌΠΈ Π½Π° ΡΠΈΠΌΠ²ΠΎΠ»Ρ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΡΠ³Π»ΠΎΠ²ΡΠ΅ ΡΠΊΠΎΠ±ΠΊΠΈ ΠΈ Π»ΡΠ±ΡΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΏΠ΅ΡΡΠΈΠΌΠ²ΠΎΠ»Ρ.
ΠΡΡΠΈΠ±ΡΡΡ
Π’Π΅Π³ <pre> ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΠ»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ ΠΈ Π‘ΠΎΠ±ΡΡΠΈΡ
Π‘ΡΠΈΠ»Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
pre { display: block; font-family: monospace; white-space: pre; margin: 1em 0; }
ΠΡΠΈΠΌΠ΅Ρ
<pre> .-. __ / \ __ ( `'.\ /.'` ) '-._.(;;;)._.-' .-' ,`"`, '-. (__.-'/ \'-.__) \ /\ '-' \ , | |\ | \ | | | \ / \|/ _, / __/ / | _/ _.' |/__/ \ </pre>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ° Π² ΠΎΠΊΠ½Π΅ Π±ΡΠ°ΡΠ·Π΅ΡΠ°:
| HTML | WebReference
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <pre> (ΠΎΡ Π°Π½Π³Π». preformatted textΒ β ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ) ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π±Π»ΠΎΠΊ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°. Π’Π°ΠΊΠΎΠΉ ΡΠ΅ΠΊΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΎΠ±ΡΡΠ½ΠΎ ΠΌΠΎΠ½ΠΎΡΠΈΡΠΈΠ½Π½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ ΠΈ ΡΠΎ Π²ΡΠ΅ΠΌΠΈ ΠΏΡΠΎΠ±Π΅Π»Π°ΠΌΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ. ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π»ΡΠ±ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² ΠΈΠ΄ΡΡΠΈΡ Π² ΠΊΠΎΠ΄Π΅ ΠΏΠΎΠ΄ΡΡΠ΄, Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <pre> ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΠ±ΠΎΠΉΡΠΈ ΡΡΡ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠ΅ΠΊΡΡ ΠΊΠ°ΠΊ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ.
ΠΠ°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³
ΠΡΠΈΠΌΠ΅Ρ
<!DOCTYPE HTML> <html> <head> <meta charset=»utf-8″> <title>PRE</title> </head> <body> <pre> — —— —— |—— ||—-| —-|| ||—— ——|| ||——| |——|| || —— ——|| ||- —-| |——|| ||—||— ——-|| ||—|| —| |——-|| || -|| |— — — —|| || -|| —|-|—| — —| |—|| |——| |——| |—|| |—- |——| |—-| — |——| |—— ——| </pre> </body> </html>Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½ΠΈΠΆΠ΅.
Π ΠΈΡ. 1. ΠΠΈΠ΄ ΡΠ΅ΠΊΡΡΠ°, ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ <pre>
Π‘ΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ
ΠΠ°ΠΆΠ΄Π°Ρ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΠΏΡΠΎΡ ΠΎΠ΄ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ°Π΄ΠΈΠΉ ΠΎΠ΄ΠΎΠ±ΡΠ΅Π½ΠΈΡ.
- Recommendation (Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΡ) β ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΠΎΠ΄ΠΎΠ±ΡΠ΅Π½Π° W3C ΠΈ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π½Π° ΠΊΠ°ΠΊ ΡΡΠ°Π½Π΄Π°ΡΡ.
- Candidate Recommendation (ΠΠΎΠ·ΠΌΠΎΠΆΠ½Π°Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΡ) β Π³ΡΡΠΏΠΏΠ°, ΠΎΡΠ²Π΅ΡΠ°ΡΡΠ°Ρ Π·Π° ΡΡΠ°Π½Π΄Π°ΡΡ, ΡΠ΄ΠΎΠ²Π»Π΅ΡΠ²ΠΎΡΠ΅Π½Π°, ΠΊΠ°ΠΊ ΠΎΠ½ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ ΡΠ²ΠΎΠΈΠΌ ΡΠ΅Π»ΡΠΌ, Π½ΠΎ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΠΏΠΎΠΌΠΎΡΡ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΏΠΎ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΡΠ°Π½Π΄Π°ΡΡΠ°.
- Proposed Recommendation (ΠΡΠ΅Π΄Π»Π°Π³Π°Π΅ΠΌΠ°Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΡ) β Π½Π° ΡΡΠΎΠΌ ΡΡΠ°ΠΏΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ Π½Π° ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π½ΠΈΠ΅ ΠΠΎΠ½ΡΡΠ»ΡΡΠ°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΡΠΎΠ²Π΅ΡΠ° W3C Π΄Π»Ρ ΠΎΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΡ.
- Working Draft (Π Π°Π±ΠΎΡΠΈΠΉ ΠΏΡΠΎΠ΅ΠΊΡ) β Π±ΠΎΠ»Π΅Π΅ Π·ΡΠ΅Π»Π°Ρ Π²Π΅ΡΡΠΈΡ ΡΠ΅ΡΠ½ΠΎΠ²ΠΈΠΊΠ° ΠΏΠΎΡΠ»Π΅ ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΡ ΠΈ Π²Π½Π΅ΡΠ΅Π½ΠΈΡ ΠΏΠΎΠΏΡΠ°Π²ΠΎΠΊ Π΄Π»Ρ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π½ΠΈΡ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²ΠΎΠΌ.
- Editor’s draft (Π Π΅Π΄Π°ΠΊΡΠΎΡΡΠΊΠΈΠΉ ΡΠ΅ΡΠ½ΠΎΠ²ΠΈΠΊ) β ΡΠ΅ΡΠ½ΠΎΠ²Π°Ρ Π²Π΅ΡΡΠΈΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ° ΠΏΠΎΡΠ»Π΅ Π²Π½Π΅ΡΠ΅Π½ΠΈΡ ΠΏΡΠ°Π²ΠΎΠΊ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°ΠΌΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ°.
- Draft (Π§Π΅ΡΠ½ΠΎΠ²ΠΈΠΊ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ) β ΠΏΠ΅ΡΠ²Π°Ρ ΡΠ΅ΡΠ½ΠΎΠ²Π°Ρ Π²Π΅ΡΡΠΈΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ°.
ΠΡΠΎΠ±Π½ΡΠΊΠΎΠΌ ΡΡΠΎΠΈΡ ΠΆΠΈΠ²ΠΎΠΉ ΡΡΠ°Π½Π΄Π°ΡΡ HTML (Living) β ΠΎΠ½ Π½Π΅ ΠΏΡΠΈΠ΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΡΡΠ°Π΄ΠΈΡΠΈΠΎΠ½Π½ΠΎΠΉ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ Π²Π΅ΡΡΠΈΠΉ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅Π³ΡΠ»ΡΡΠ½ΠΎ.
ΠΡΠ°ΡΠ·Π΅ΡΡ
Π ΡΠ°Π±Π»ΠΈΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΡ.
- Β β ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ;
- Β β ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ Π½Π΅ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅ΡΡΡ ΠΈ ΠΈΠ³Π½ΠΎΡΠΈΡΡΠ΅ΡΡΡ;
- Β β ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΎΡΠΈΠ±ΠΎΠΊ, Π»ΠΈΠ±ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Ρ ΠΎΠ³ΠΎΠ²ΠΎΡΠΊΠ°ΠΌΠΈ.
Π§ΠΈΡΠ»ΠΎ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π²Π΅ΡΡΠΈΡ Π±ΡΠ°ΡΠ·ΡΠ΅Π°, Π½Π°ΡΠΈΠ½Π°Ρ Ρ ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ.
ΠΠ²ΡΠΎΡ ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ
ΠΠ²ΡΠΎΡ: ΠΠ»Π°Π΄ ΠΠ΅ΡΠΆΠ΅Π²ΠΈΡ
ΠΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅: 09.10.2018
Π Π΅Π΄Π°ΠΊΡΠΎΡΡ: ΠΠ»Π°Π΄ ΠΠ΅ΡΠΆΠ΅Π²ΠΈΡ
| Π‘ΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ HTML
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <pre> (ΠΎΡ Π°Π½Π³Π». «preformatted» β Β«ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉΒ») ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π±Π»ΠΎΠΊ Π² ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ. ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π»ΡΠ±ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² ΠΈΠ΄ΡΡΠΈΡ Π² ΠΊΠΎΠ΄Π΅ ΠΏΠΎΠ΄ΡΡΠ΄, Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <pre> ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΠ±ΠΎΠΉΡΠΈ ΡΡΡ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ, Π²Π½ΡΡΡΠΈ ΡΡΠΎΠ³ΠΎ Π±Π»ΠΎΡΠ½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΎΡ ΡΠ°Π½ΡΡΡΡΡ Π²ΡΠ΅ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΈ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΡ ΡΡΡΠΎΠΊ, ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΠ΅ Π°Π²ΡΠΎΡΠΎΠΌ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <pre> Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΌΠΎΠ½ΠΎΡΠΈΡΠΈΠ½Π½ΡΡ ΡΡΠΈΡΡΠΎΠ², ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ Courier ΠΈΠ»ΠΈ Monaco. ΠΡΠΎ ΠΎΠ±ΡΡΠ½ΠΎΠ΅ Π΄Π΅Π»ΠΎ Π΄Π»Ρ Π²ΡΠ²ΠΎΠ΄Π° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°.
ΠΠ½ΡΡΡΠΈ ΡΠ΅Π³Π° <pre> ΡΠ°Π·ΡΠ΅ΡΠ°Π΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π»ΡΠ±ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΊΡΠΎΠΌΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΡ : <big>, <img>, <object>, <small>, <sub> ΠΈ <sup>. Π’Π°ΠΊΠΆΠ΅ Π·Π°ΠΏΡΠ΅ΡΠ΅Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π»ΡΠ±ΡΠ΅ Π±Π»ΠΎΡΠ½ΡΠ΅ ΡΠ΅Π³ΠΈ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π² Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΠ²ΠΎΠ΅ΠΌ ΠΎΠ½ΠΈ ΡΠΎΠ·Π΄Π°ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΏΠΎΠ»Ρ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π° ΠΎΡ ΠΎΠΊΡΡΠΆΠ°ΡΡΠ΅Π³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ° ΠΈ, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ, ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΡΠΎΠΊ.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <pre> ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² ΡΠ»Π΅Π΄ΡΡΡΠΈΡ ΡΠ»ΡΡΠ°ΡΡ :
- Π΄Π»Ρ ΠΏΠ΅ΡΠ°ΡΠΈ ΡΡΠΈΡ ΠΎΠ², Π² ΠΊΠΎΡΠΎΡΡΡ Π²Π·Π°ΠΈΠΌΠ½ΠΎΠ΅ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΡΡΠΎΠΊ Π·Π°Π΄Π°Π» ΡΠ°ΠΌ Π°Π²ΡΠΎΡ;
- Π²ΡΠ²ΠΎΠ΄ ΡΡΠ°Π½ΡΠΊΡΠΈΠΏΡΠΈΠΈ Π² ΡΠ»ΠΎΠ²Π°ΡΡΡ ;
- ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ASCII ΡΠΈΡΡΠ½ΠΊΠΎΠ²;
- ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠ·ΡΠΊΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ Π±Π»ΠΎΠΊ ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° HTML Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, ΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ <code>, Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ Π² ΡΠ»Π΅ΠΌΠ΅Π½Ρ <pre>. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΌ ΡΠΎΠ±ΠΎΡΠ°ΠΌ, ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΠΌ, RSS ΡΠΈΠ΄Π΅ΡΠ°ΠΌ ΡΡΠ°Π·Ρ ΠΆΠ΅ ΠΏΠΎΠ½ΡΡΡ, ΡΡΠΎ ΠΏΠ΅ΡΠ΅Π΄ Π½ΠΈΠΌΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΠΉ ΠΊΠΎΠ΄.
Π‘ΠΎΠ²Π΅Ρ: ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠΈΠΌΠ²ΠΎΠ»Ρ < ΠΈ > ΠΊΠ°ΠΊ Π½Π°ΡΠ°Π»ΠΎ ΠΈ ΠΊΠΎΠ½Π΅Ρ ΡΠ΅Π³Π°, ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈΡ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° <pre> ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ ΠΊ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°ΠΌ. ΠΠ΄Π½Π°ΠΊΠΎ Π²Ρ Π»Π΅Π³ΠΊΠΎ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ²Π΅ΡΡΠΈ Π²Π°Ρ HTML-ΠΊΠΎΠ΄ Π½Π° ΡΠΊΡΠ°Π½ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π²ΡΠΈΡΡ ΡΡΡΠ»ΠΊΠ°ΠΌΠΈ Π½Π° ΡΠΈΠΌΠ²ΠΎΠ»Ρ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΡΠ³Π»ΠΎΠ²ΡΠ΅ ΡΠΊΠΎΠ±ΠΊΠΈ ΠΈ Π»ΡΠ±ΡΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΏΠ΅ΡΡΠΈΠΌΠ²ΠΎΠ»Ρ.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
<pre>...</pre>
ΠΠ°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³
ΠΠ±ΡΠ·Π°ΡΠ΅Π»Π΅Π½.
ΠΡΡΠΈΠ±ΡΡΡ
- widthΠ£ΡΡΠ°ΡΠ΅Π» Π² HTML5
- Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΡ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅.
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π΄ΠΎΡΡΡΠΏΠ½Ρ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ ΠΈ ΡΠΎΠ±ΡΡΠΈΡ.
Π‘ΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ <pre> ΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ CSS ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}
Π Π°Π·Π»ΠΈΡΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ HTML 4.01 ΠΈ HTML5
ΠΡΡΠΈΠ±ΡΡ width ΡΠ΅Π³Π° <pre> Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π² HTML5.
ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ:
ΠΠ°ΡΠ°Π½Π΅Π΅ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ:
ΠΡΠΈΠΌΠ΅Ρ HTML:
ΠΠΎΠΏΡΠΎΠ±ΡΠΉ ΡΠ°ΠΌ<p>Π.Π‘. ΠΡΡΠΊΠΈΠ½</p>
<pre>
ΠΡΡΡ ΠΌΠ³Π»ΠΎΡ Π½Π΅Π±ΠΎ ΠΊΡΠΎΠ΅Ρ,
ΠΠΈΡ
ΡΠΈ ΡΠ½Π΅ΠΆΠ½ΡΠ΅ ΠΊΡΡΡΡ;
Π’ΠΎ, ΠΊΠ°ΠΊ Π·Π²Π΅ΡΡ, ΠΎΠ½Π° Π·Π°Π²ΠΎΠ΅Ρ,
Π’ΠΎ Π·Π°ΠΏΠ»Π°ΡΠ΅Ρ, ΠΊΠ°ΠΊ Π΄ΠΈΡΡ,
Π’ΠΎ ΠΏΠΎ ΠΊΡΠΎΠ²Π»Π΅ ΠΎΠ±Π²Π΅ΡΡΠ°Π»ΠΎΠΉ
ΠΠ΄ΡΡΠ³ ΡΠΎΠ»ΠΎΠΌΠΎΠΉ Π·Π°ΡΡΠΌΠΈΡ,
Π’ΠΎ, ΠΊΠ°ΠΊ ΠΏΡΡΠ½ΠΈΠΊ Π·Π°ΠΏΠΎΠ·Π΄Π°Π»ΡΠΉ,
Π Π½Π°ΠΌ Π² ΠΎΠΊΠΎΡΠΊΠΎ Π·Π°ΡΡΡΡΠΈΡ.
</pre>
Π‘ΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ
ΠΠ»Π΅ΠΌΠ΅Π½Ρ | ||||||
<pre> | 3+ | 1+ | 4+ | 1+ | 1+ | 1+ |
ΠΠ»Π΅ΠΌΠ΅Π½Ρ | ||||
<pre> | 1+ | 1+ | 6+ | 1+ |
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ — ΠΡΠΈΠΌΠ΅ΡΡ
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ΅ΠΊΡΡ ΠΆΠΈΡΠ½ΡΠΌ ΠΈ ΠΏΡΠΈΠ²Π»Π΅ΡΡ ΠΊ Π½Π΅ΠΌΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅:
ΠΠ°ΠΆΠ½ΡΠΉ ΠΈ ΠΆΠΈΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π°ΠΊΡΠ΅Π½Ρ Π½Π° ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ΅ ΡΠ΅ΠΊΡΡΠ°:
ΠΠΊΡΠ΅Π½Ρ ΠΈ ΠΊΡΡΡΠΈΠ²
ΠΠ°ΠΊ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΡΠ΅ΠΊΡΡ Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΈΠ»ΠΈ Π²Π΅ΡΡ
Π½Π΅ΠΌ ΠΈΠ½Π΄Π΅ΠΊΡΠ΅:
Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°
Π£ΡΠ΅Π±Π½ΠΈΠΊ HTML
HTML ΡΡΠΎΠΊΠΈ: HTML Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
HTML ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ
onafterprint | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΡΡΠ»ΡΠΊΠΈ ΠΏΡΡΠ»Ρ ΡΠΊ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Π½Π°Π΄ΡΡΠΊΠΎΠ²Π°Π½ΠΈΠΉ. |
onbeforeprint | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΏΠ΅ΡΠ΅Π΄ ΡΠΈΠΌ, ΡΠΊ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Π½Π°Π΄ΡΡΠΊΠΎΠ²Π°Π½ΠΈΠΉ. |
onbeforeunload | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ ΠΎΡΡ-ΠΎΡΡ Π±ΡΠ΄Π΅ Π²ΠΈΠ²Π°Π½ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ |
onhashchange | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΡΠ°ΠΌ Π²ΡΠ΄Π±ΡΠ»ΠΈΡΡ Π·ΠΌΡΠ½ΠΈ Π΄ΠΎ ΡΠ°ΡΡΠΈΠ½ΠΈ ΡΠΊΠΎΡΡ Π² URL |
onload | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΏΡΡΠ»Ρ ΡΠΎΠ³ΠΎ ΡΠΊ Π·Π°Π²Π°Π½ΡΠ°ΠΆΠ΅Π½Π½Ρ Π΅Π»Π΅ΠΌΠ΅Π½ΡΠ° Π·Π°Π²Π΅ΡΡΠ΅Π½Π΅. |
onmessage | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π²ΠΈΠΊΠ»ΠΈΠΊΠ°Π½Π΅ ΠΏΠΎΠ²ΡΠ΄ΠΎΠΌΠ»Π΅Π½Π½Ρ. |
onoffline | Π‘ΠΏΡΠ°ΡΡΠΎΠ²ΡΡ ΠΊΠΎΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΏΠΎΡΠΈΠ½Π°Ρ ΠΏΡΠ°ΡΡΠ²Π°ΡΠΈ Π² Π°Π²ΡΠΎΠ½ΠΎΠΌΠ½ΠΎΠΌΡ ΡΠ΅ΠΆΠΈΠΌΡ |
ononline | Π‘ΠΏΡΠ°ΡΡΠΎΠ²ΡΡ ΠΊΠΎΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΏΠΎΡΠΈΠ½Π°Ρ ΠΏΡΠ°ΡΡΠ²Π°ΡΠΈ Π² ΡΠ΅ΠΆΠΈΠΌΡ ΠΎΠ½Π»Π°ΠΉ. |
onpagehide | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΡΡ Π½Π° ΡΠ½ΡΡ ΡΡΠΎΡΡΠ½ΠΊΡ ΡΡΠΎΡΡΠ½ΠΊΡ. |
onpageshow | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π·Π°Ρ ΠΎΠ΄ΠΈΡΡ Π½Π° ΡΡΠΎΡΡΠ½ΠΊΡ. |
onpopstate | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π·ΠΌΡΠ½Π΅Π½ΠΎ ΡΡΡΠΎΡΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π²ΡΠΊΠ½Π°. |
onresize | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΡΠΎΠ·ΠΌΡΡ Π²ΡΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ° Π·ΠΌΡΠ½ΡΡΡΡΡΡ. |
onstorage | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ Π²ΠΌΡΡΡ Web Storage ΠΎΠ½ΠΎΠ²Π»ΡΡΡΡΡΡ. |
onunload | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΡΡΠΎΡΡΠ½ΠΊΠ° ΡΠΎΠ·Π²Π°Π½ΡΠ°ΠΆΠ΅Π½Π°, Π°Π±ΠΎ Π²ΡΠΊΠ½ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ° Π±ΡΠ»ΠΎ Π·Π°ΡΠΈΠ½Π΅Π½ΠΎ. |
onblur | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ Π΅Π»Π΅ΠΌΠ΅Π½Ρ Π²ΡΡΠ°ΡΠ°Ρ ΡΠΎΠΊΡΡ. |
onchange | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ Π² ΡΠΎΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ, ΠΊΠΎΠ»ΠΈ Π·Π½Π°ΡΠ΅Π½Π½Ρ Π΅Π»Π΅ΠΌΠ΅Π½ΡΠ° Π·ΠΌΡΠ½ΡΡΡΡΡΡ. |
oncontextmenu | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π²ΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½Π΅ ΠΌΠ΅Π½Ρ. |
onfocus | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ Π² ΡΠΎΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ, ΠΊΠΎΠ»ΠΈ Π΅Π»Π΅ΠΌΠ΅Π½Ρ ΠΎΡΡΠΈΠΌΡΡ ΡΠΎΠΊΡΡ. |
oninput | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π²Π²ΠΎΠ΄ΠΈΡΡ Π΄Π°Π½Ρ ΠΏΠΎΠ»Π΅. |
oninvalid | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ Π΅Π»Π΅ΠΌΠ΅Π½Ρ Π½Π΅Π΄ΡΠΉΡΠ½ΠΈΠΉ. |
onreset | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ Π½Π°ΡΠΈΡΠΊΠ°ΡΡΡΡΡ Ρ ΡΠΎΡΠΌΡ ΠΊΠ½ΠΎΠΏΠΊΠ° ΡΠΈΠΏΡ Reset. |
onsearch | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ ΡΠΎΡΡ ΠΏΠΈΡΠ΅ Π² ΠΏΠΎΠ»Π΅ ΠΏΠΎΡΡΠΊΡ (Π΄Π»Ρ <input type="search">) |
onselect | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΏΡΡΠ»Ρ ΡΠΎΠ³ΠΎ ΡΠΊ Π±ΡΠ΄Ρ-ΡΠΊΠΈΠΉ ΡΠ΅ΠΊΡΡ Π±ΡΠ² ΠΎΠ±ΡΠ°Π½ΠΈΠΉ Π² Π΅Π»Π΅ΠΌΠ΅Π½ΡΡ. |
onsubmit | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΏΡΠΈ Π²ΡΠ΄ΠΏΡΠ°Π²Π»Π΅Π½Π½Ρ ΡΠΎΡΠΌΠΈ. |
onkeydown | ΠΠΎΠ΄ΡΡ Π²ΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π·Π°ΡΠΈΡ (Π½Π°ΡΠΈΡΠ½ΡΠ² ΡΠ° Π½Π΅ Π²ΡΠ΄ΠΏΡΡΠΊΠ°Ρ) ΠΊΠ»Π°Π²ΡΡΡ. |
onkeypress | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π½Π°ΡΠΈΡΠ½ΡΠ² Π½Π° ΠΊΠ»Π°Π²ΡΡΡ. |
onkeyup | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π²ΡΠ΄ΠΏΡΡΠΊΠ°Ρ ΠΊΠ»Π°Π²ΡΡΡ. |
onclick | ΠΠΎΠ΄ΡΡ Π²ΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ ΠΊΠ»Π°ΡΠ°Ρ ΠΠΠ ΠΏΠΎ Π΅Π»Π΅ΠΌΠ΅Π½ΡΡ. |
ondblclick | ΠΠΈΠ½ΠΈΠΊΠ°Ρ ΠΏΡΠΈ ΠΏΠΎΠ΄Π²ΡΠΉΠ½ΠΎΠΌΡ ΠΊΠ»Π°ΡΠ°Π½Π½Ρ ΠΠΠ Π½Π° Π΅Π»Π΅ΠΌΠ΅Π½ΡΡ. |
ondrag | ΠΠ΅ΡΡΠΎΠ΄ΠΈΡΠ½ΠΎ Π²ΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΏΡΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΡΡ ΠΏΠ΅ΡΠ΅ΡΡΠ³ΡΠ²Π°Π½Π½Ρ. |
ondragend | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π²ΡΠ΄ΠΏΡΡΠΊΠ°Ρ ΠΏΠ΅ΡΠ΅Π»ΡΠ³ΡΠ²Π°Π½ΠΈΠΉ Π΅Π»Π΅ΠΌΠ΅Π½Ρ. |
ondragenter | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΏΠ΅ΡΠ΅ΡΡΠ³ΡΠ²Π°Π½ΠΈΠΉ Π΅Π»Π΅ΠΌΠ΅Π½Ρ Π²Ρ ΠΎΠ΄ΠΈΡΡ Π² ΡΡΠ»ΡΠΎΠ²Ρ Π·ΠΎΠ½Ρ. |
ondragleave | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΏΠ΅ΡΠ΅ΡΡΠ³ΡΠ²Π°Π½ΠΈΠΉ Π΅Π»Π΅ΠΌΠ΅Π½Ρ Π²ΠΈΡ ΠΎΠ΄ΡΡ Π· Π·ΠΎΠ½ΠΈ ΠΏΡΠΈΠ·Π½Π°ΡΠ΅Π½Π½Ρ. |
ondragover | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΏΠ΅ΡΠ΅ΡΡΠ³ΡΠ²Π°Π½ΠΈΠΉ Π΅Π»Π΅ΠΌΠ΅Π½Ρ Π·Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ Π² Π·ΠΎΠ½Ρ ΠΏΡΠΈΠ·Π½Π°ΡΠ΅Π½Π½Ρ. |
ondragstart | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ ΠΏΠΎΡΠΈΠ½Π°Ρ ΠΏΠ΅ΡΠ΅ΡΡΠ³ΡΠ²Π°ΡΠΈ Π΅Π»Π΅ΠΌΠ΅Π½Ρ, Π°Π±ΠΎ Π²ΠΈΠ΄ΡΠ»Π΅Π½ΠΈΠΉ ΡΠ΅ΠΊΡΡ. |
ondrop | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΏΠ΅ΡΠ΅ΡΡΠ³ΡΠ²Π°Π½ΠΈΠΉ Π΅Π»Π΅ΠΌΠ΅Π½Ρ ΠΏΠ°Π΄Π°Ρ Π΄ΠΎ Π·ΠΎΠ½ΠΈ ΠΏΡΠΈΠ·Π½Π°ΡΠ΅Π½Π½Ρ. |
onmousedown | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π·Π°ΡΠΈΡΠΊΠ°Ρ ΠΠΠ Π½Π° Π΅Π»Π΅ΠΌΠ΅Π½ΡΡ. |
onmousemove | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΡΡΡΠΎΡ ΠΌΠΈΡΡ ΠΏΠ΅ΡΠ΅ΠΌΡΡΠ°ΡΡΡΡΡ Π½Π°Π΄ Π΅Π»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ. |
onmouseout | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΡΡΡΠΎΡ Π²ΠΈΡ ΠΎΠ΄ΠΈΡΡ Π·Π° ΠΌΠ΅ΠΆΡ Π΅Π»Π΅ΠΌΠ΅Π½ΡΠ°. |
onmouseover | ΠΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΡΡΡΠΎΡ Π½Π°Π²ΠΎΠ΄ΠΈΡΡΡΡ Π½Π° Π΅Π»Π΅ΠΌΠ΅Π½Ρ. |
onmouseup | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π²ΡΠ΄ΠΏΡΡΠΊΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΌΠΈΡΡ. |
onscroll | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΏΡΠΈ ΠΏΡΠΎΠΊΡΡΡΡΠ²Π°Π½Π½Ρ Π²ΠΌΡΡΡΡ Π΅Π»Π΅ΠΌΠ΅Π½ΡΠ° (ΡΠΈ Π²Π΅Π±-ΡΡΠΎΡΡΠ½ΠΊΠΈ). |
onwheel | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ ΠΏΡΠΎΠΊΡΡΡΡΡ ΠΊΠΎΠ»ΡΡΠ°ΡΠΊΠΎ ΠΌΠΈΡΡ. |
oncopy | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ ΠΊΠΎΠΏΡΡΡ Π²ΠΌΡΡΡ Π΅Π»Π΅ΠΌΠ΅Π½ΡΠ°. |
oncut | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π²ΠΈΡΡΠ·Π°Ρ Π²ΠΌΡΡΡ Π΅Π»Π΅ΠΌΠ΅Π½ΡΠ°. |
onpaste | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π²ΡΡΠ°Π²Π»ΡΡ Π²ΠΌΡΡΡ Π² Π΅Π»Π΅ΠΌΠ΅Π½Ρ. |
onabort | ΠΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΏΡΠΈ ΠΏΠ΅ΡΠ΅ΡΠΈΠ²Π°Π½Π½Ρ ΡΠΊΠΎΡΡΡ ΠΏΠΎΠ΄ΡΡ. |
oncanplay | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΡΠ°ΠΉΠ» Π³ΠΎΡΠΎΠ²ΠΈΠΉ, Π΄Π»Ρ ΠΏΠΎΡΠ°ΡΠΊΡ Π²ΡΠ΄ΡΠ²ΠΎΡΠ΅Π½Π½Ρ (ΠΊΠΎΠ»ΠΈ Π²ΡΠ½ Π±ΡΡΠ΅ΡΠΈΠ·ΠΎΠ²Π°Π½ΠΈΠΉ Π΄ΠΎΡΡΠ°ΡΠ½ΡΠΎ, ΡΠΎΠ± ΠΏΠΎΡΠ°ΡΠΈ Π²ΡΠ΄ΡΠ²ΠΎΡΠ΅Π½Π½Ρ) |
oncanplaythrough | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π²ΠΆΠ΅ ΠΌΠΎΠΆΠ΅ Π±ΡΡΠΈ Π²ΡΠ΄ΡΠ²ΠΎΡΠ΅Π½ΠΈΠΉ Π±Π΅Π· ΠΏΠ΅ΡΠ΅ΡΠΈΠ²Π°Π½Π½Ρ Π½Π° Π±ΡΡΠ΅ΡΠΈΠ·Π°ΡΡΡ. |
oncuechange | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π·ΠΌΡΠ½ΡΡΡΡΡΡ ΠΊΠΈΠΉ Π² <track> Π΅Π»Π΅ΠΌΠ΅Π½ΡΠ° |
ondurationchange | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π·ΠΌΡΠ½ΡΡΡΡΡΡ Π΄ΠΎΠ²ΠΆΠΈΠ½Π° ΠΌΠ΅Π΄ΡΠ° ΡΠ°ΠΉΠ»Ρ. |
onemptied | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π΄ΠΎΡΡΡΠΏ Π΄ΠΎ ΠΌΠ΅Π΄ΡΠ° ΠΊΠΎΠ½ΡΠ΅Π½ΡΡ ΠΎΠ±ΡΠΈΠ²Π°ΡΡΡΡΡ (Π·Π½ΠΈΠΊΠ»ΠΎ Π·βΡΠ΄Π½Π°Π½Π½Ρ Π· ΠΌΠ΅ΡΠ΅ΠΆΠ΅Ρ). |
onended | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΌΠ΅Π΄ΡΠ° Π΅Π»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ²Π½ΡΡΡΡ Π²ΡΠ΄ΡΠ²ΠΎΡΠΈΠ² ΡΠ²ΡΠΉ Π·ΠΌΡΡΡ. |
onshow | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ Π΅Π»Π΅ΠΌΠ΅Π½Ρ <menu> Π±ΡΠ΄Π΅ Π²ΡΠ΄ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΎ ΡΠΊ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½Π΅ ΠΌΠ΅Π½Ρ. |
onloadedmetadata | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΌΠ΅ΡΠ°Π΄Π°Π½Ρ (ΡΠΎΠ·ΠΌΡΡΠΈ ΡΠΈ ΡΡΠΈΠ²Π°Π»ΡΡΡΡ) Π·Π°Π²Π°Π½ΡΠ°ΠΆΡΡΡΡΡΡ. |
onloadeddata | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΌΠ΅Π΄ΡΠ° Π΄Π°Π½Π½Ρ Π·Π°Π²Π°Π½ΡΠ°ΠΆΠ΅Π½ΠΎ. |
onloadstart | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ ΡΡΠ»ΡΠΊΠΈ ΠΏΠΎΡΠΈΠ½Π°Ρ Π·Π°Π²Π°Π½ΡΠ°ΠΆΡΠ²Π°ΡΠΈ ΠΌΠ΅Π΄ΡΠ° Π΄Π°Π½Ρ Π· ΡΠ΅ΡΠ²Π΅ΡΠ°. |
onpause | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π²ΡΠ΄ΡΠ²ΠΎΡΠ΅Π½Π½Ρ ΠΌΠ΅Π΄ΡΠ° Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠ·ΡΠΏΠΈΠ½Π΅Π½ΠΎ. |
onplay | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΌΠ΅Π΄ΡΠ° Π΄Π°Π½Ρ Π³ΠΎΡΠΎΠ²Ρ ΠΏΠΎΡΠ°ΡΠΈ Π²ΡΠ΄ΡΠ²ΠΎΡΠ΅Π½Π½Ρ. |
onplaying | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΡΠΎΠ·ΠΏΠΎΡΠ°ΡΠΎ Π²ΡΠ΄ΡΠ²ΠΎΡΠ΅Π½Π½Ρ ΠΌΠ΅Π΄ΡΠ° Π΄Π°Π½ΠΈΡ . |
onprogress | ΠΠΎΠ΄ΡΡ onprogress Π²ΡΠ΄Π±ΡΠ²Π°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ Π·Π°Π²Π°Π½ΡΠ°ΠΆΡΡ Π²ΠΊΠ°Π·Π°Π½Π΅ Π°ΡΠ΄ΡΠΎ / Π²ΡΠ΄Π΅ΠΎ. |
onratechange | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π·ΠΌΡΠ½ΡΡΡΡΡΡ ΡΠ²ΠΈΠ΄ΠΊΡΡΡΡ Π²ΡΠ΄ΡΠ²ΠΎΡΠ΅Π½Π½Ρ ΠΌΠ΅Π΄ΡΠ° Π΄Π°Π½ΠΈΡ . |
onseeked | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡ seeked Ρ ΡΠ΅Π³Π° audio Π°Π±ΠΎ video Π·ΠΌΡΠ½ΡΡ Π·Π½Π°ΡΠ΅Π½Π½Ρ Π· true Π½Π° false. |
onseeking | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡ seeking Ρ ΡΠ΅Π³ΡΠ² audio Π°Π±ΠΎ video Π·ΠΌΡΠ½ΡΡ Π·Π½Π°ΡΠ΅Π½Π½Ρ Π· false Π½Π° true |
onstalled | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ Π· Π±ΡΠ΄Ρ-ΡΠΊΠΎΡ ΠΏΡΠΈΡΠΈΠ½ΠΈ Π½Π΅ ΠΌΠΎΠΆΠ΅ ΠΎΡΡΠΈΠΌΠ°ΡΠΈ ΠΌΠ΅Π΄ΡΠ° Π΄Π°Π½Ρ. |
onsuspend | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠΎΠ½ΡΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π· Π±ΡΠ΄Ρ-ΡΠΊΠΎΡ ΠΏΡΠΈΡΠΈΠ½ΠΈ Π·Π°Π²Π°Π½ΡΠ°ΠΆΠ΅Π½Π½Ρ Π΄Π°Π½Π½ΠΈΡ ΠΏΡΠΈΠ·ΡΠΏΠΈΠ½Π΅Π½ΠΎ Π΄ΠΎ ΠΉΠΎΠ³ΠΎ ΠΏΠΎΠ²Π½ΠΎΠ³ΠΎ Π·Π°Π²Π°Π½ΡΠ°ΠΆΠ΅Π½Π½Ρ. |
ontimeupdate | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π·ΠΌΡΠ½ΠΈΠ»Π°ΡΡ ΠΏΠΎΠ·ΠΈΡΡΡ Π²ΡΠ΄ΡΠ²ΠΎΡΠ΅Π½Π½Ρ Π΅Π»Π΅ΠΌΠ΅Π½ΡΠ° <audio> Π°Π±ΠΎ <video>. |
onvolumechange | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π·ΠΌΡΠ½ΡΡΡΡΡΡ Π³ΡΡΠ½ΡΡΡΡ Π·Π²ΡΠΊΡ. |
onwaiting | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π½Π°ΡΡΡΠΏΠ½ΠΈΠΉ ΠΊΠ°Π΄Ρ ΠΏΡΠΈ Π²ΡΠ΄ΡΠ²ΠΎΡΠ΅Π½Π½Ρ ΠΌΠ΅Π΄ΡΠ° Π΄Π°Π½ΠΈΡ Π½Π΅Π΄ΠΎΡΡΡΠΏΠ½ΠΈΠΉ, Π°Π»Π΅ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΎΡΡΠΊΡΡ ΡΠΎ Π²ΡΠ½ Π½Π΅Π·Π°Π±Π°ΡΠΎΠΌ Π·Π°Π²Π°Π½ΡΠ°ΠΆΠΈΡΡΡΡ. |
ontoggle | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ, ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π²ΡΠ΄ΠΊΡΠΈΠ²Π°Ρ Π°Π±ΠΎ Π·Π°ΠΊΡΠΈΠ²Π°Ρ Π΅Π»Π΅ΠΌΠ΅Π½Ρ <details>. |
onerror | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΡΠΊΡΠΎ ΠΏΡΠΈ Π·Π°Π²Π°Π½ΡΠ°ΠΆΠ΅Π½Π½Ρ Π΅Π»Π΅ΠΌΠ΅Π½ΡΠ° ΡΡΠ°Π»Π°ΡΡ ΠΏΠΎΠΌΠΈΠ»ΠΊΠ°. |
HTML pre tag
ΠΡΠΈΠΌΠ΅Ρ
ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ:
Π’Π΅ΠΊΡΡ Π² ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅
ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΡΠΈΡΠΈΠ½ΠΎΠΉ
ΡΡΠΈΡΡ, ΠΈ ΠΎΠ½ ΡΠΎΡ ΡΠ°Π½ΡΠ΅Ρ
ΠΎΠ±Π΅ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΈ
ΡΠ°Π·ΡΡΠ²Ρ ΡΡΡΠΎΠΊ
ΠΠΎΠΏΡΠΎΠ±ΡΠΉ ΡΠ°ΠΌ "ΠΠΈΠΆΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Ρ ΠΏΡΠΈΠΌΠ΅ΡΡ "ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ".
ΠΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅
Π’Π΅Π³
ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ.
Π’Π΅ΠΊΡΡ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅
ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΡΡΠΈΡΡΠΎΠΌ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΡΠΈΡΠΈΠ½Ρ, ΠΈ ΡΠ΅ΠΊΡΡ ΡΠΎΡ ΡΠ°Π½ΡΠ΅Ρ ΠΊΠ°ΠΊ ΠΏΡΠΎΠ±Π΅Π»Ρ, ΡΠ°ΠΊ ΠΈ ΡΠ°Π·ΡΡΠ²Ρ ΡΡΡΠΎΠΊ. Π’Π΅ΠΊΡΡ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ Π² ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ΄Π΅ HTML.
Π’Π°ΠΊΠΆΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ Π½Π°:
ΡΠ΅Π³ ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΊΡΡΠΎΠΊ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° <ΠΎΠ±ΡΠ°Π·Π΅Ρ> ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΏΡΠΈΠΌΠ΅Ρ Π²ΡΠ²ΠΎΠ΄Π° ΠΈΠ· ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ <ΠΊΠ±Π΄> ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π²Π²ΠΎΠ΄ Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°
ΠΠ»Π΅ΠΌΠ΅Π½Ρ Π΄Π° Π΄Π° Π΄Π° Π΄Π° Π΄Π°
ΠΠ»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ
Π’Π΅Π³
ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ Π² HTML.
ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ±ΡΡΠΈΡ
Π’Π΅Π³
ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π°ΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ±ΡΡΠΈΠΉ Π² HTML.
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ
ΠΡΠΈΠΌΠ΅Ρ
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΡΠΈΡΠΈΠ½ΠΎΠΉ (Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS):
ΠΡΠΎ pre Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ ΡΠΈΡΠΈΠ½Π°. ΠΠ½ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎΠ»ΡΠΊΠΎ ΠΌΠ΅ΡΡΠ°, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΊΠ°Π·Π°Π½ΠΎ.
ΠΠΎΠΏΡΠΎΠ±ΡΠΉ ΡΠ°ΠΌ "
Π‘Π²ΡΠ·Π°Π½Π½ΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ
Π£ΡΠ΅Π±Π½ΠΈΠΊ ΠΏΠΎ HTML: ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° HTML
HTML DOM ΡΡΡΠ»ΠΊΠ°: ΠΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ
ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ CSS ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
ΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΡΠΈΠΌΠ΅Ρ
ΠΏΡΠ΅Π΄ {
ΠΠΎΠΏΡΠΎΠ±ΡΠΉ ΡΠ°ΠΌ " ,
Π΄ΠΈΡΠΏΠ»Π΅ΠΉ: Π±Π»ΠΎΠΊ; Π‘Π΅ΠΌΠ΅ΠΉΡΡΠ²ΠΎ ΡΡΠΈΡΡΠΎΠ²
: ΠΌΠΎΠ½ΠΎΡΠΈΡΠΈΠ½Π½ΡΠΉ;
ΠΏΡΡΡΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ: ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ; ΠΠ°ΡΠΆΠ°
: 1em 0;
}HTML: ΡΠ΅Π³
HTML5 Document
ΠΡΠ»ΠΈ Π²Ρ ΡΠΎΠ·Π΄Π°Π»ΠΈ Π½ΠΎΠ²ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Π² HTML5, Π²Π°Ρ ΡΠ΅Π³
ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:<ΠΠΎΠ»ΠΎΠ²Π°>
ΠΡΠΈΠΌΠ΅Ρ HTML5 ΠΎΡ www.techonthenet.com title> HEAD> <Π’Π΅Π»ΠΎ> Π’Π΅ΠΊΡΡ ΠΈΠ΄Π΅Ρ ΡΡΠ΄Π°, ΡΠΎΡ ΡΠ°Π½ΡΡ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΡΡΠ²ΠΎΠ² ΡΡΡΠΎΠΊ pre> Body> html>Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° HTML5 ΠΌΡ ΡΠΎΠ·Π΄Π°Π»ΠΈ ΡΠ΅Π³
.ΠΡΠ°ΡΠ·Π΅Ρ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π»ΠΈΡΠ½ΠΈΠ΅ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΌΠ΅ΠΆΠ΄Ρ Β«Π’Π΅ΠΊΡΡ ΠΈΠ΄Π΅Ρ ΡΡΠ΄Π°Β» ΠΈ Β«Π‘ΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ²Β». ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠ°Π·ΡΡΠ² ΡΡΡΠΎΠΊΠΈ ΠΏΠΎΡΠ»Π΅ Β«ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ²Β» ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³Π°
.HTML 4.01 ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄Π½ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ
ΠΡΠ»ΠΈ Π²Ρ ΡΠΎΠ·Π΄Π°Π»ΠΈ Π½ΠΎΠ²ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Π² HTML 4.01 Transitional, Π²Π°Ρ ΡΠ΅Π³
ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:<ΠΠΎΠ»ΠΎΠ²Π°>
HTML 4.01 ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄Π½ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ ΠΎΡ www.techonthenet.com title> HEAD> <Π’Π΅Π»ΠΎ> Π’Π΅ΠΊΡΡ ΠΈΠ΄Π΅Ρ ΡΡΠ΄Π°, ΡΠΎΡ ΡΠ°Π½ΡΡ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΡΡΠ²ΠΎΠ² ΡΡΡΠΎΠΊ pre> Body> html>Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° HTML 4.01 ΠΌΡ ΡΠΎΠ·Π΄Π°Π»ΠΈ ΡΠ΅Π³
. ΠΡΠ°ΡΠ·Π΅Ρ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π»ΠΈΡΠ½ΠΈΠ΅ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΌΠ΅ΠΆΠ΄Ρ Β«Π’Π΅ΠΊΡΡ ΠΈΠ΄Π΅Ρ ΡΡΠ΄Π°Β» ΠΈ Β«Π‘ΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ²Β».ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠ°Π·ΡΡΠ² ΡΡΡΠΎΠΊΠΈ ΠΏΠΎΡΠ»Π΅ Β«ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ²Β» ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³Π°
.XHTML 1.0 ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄Π½ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ
ΠΡΠ»ΠΈ Π²Ρ ΡΠΎΠ·Π΄Π°Π»ΠΈ Π½ΠΎΠ²ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Π² XHTML 1.0 Transitional, Π²Π°Ρ ΡΠ΅Π³
ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:<ΠΠΎΠ»ΠΎΠ²Π°>
XHMTL 1.0 ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄Π½ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ ΠΎΡ www.techonthenet.com title> HEAD> <Π’Π΅Π»ΠΎ> Π’Π΅ΠΊΡΡ ΠΈΠ΄Π΅Ρ ΡΡΠ΄Π°, ΡΠΎΡ ΡΠ°Π½ΡΡ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΡΡΠ²ΠΎΠ² ΡΡΡΠΎΠΊ pre> Body> html>Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° XHTML 1.0 ΠΌΡ ΡΠΎΠ·Π΄Π°Π»ΠΈ ΡΠ΅Π³
. ΠΡΠ°ΡΠ·Π΅Ρ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π»ΠΈΡΠ½ΠΈΠ΅ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΌΠ΅ΠΆΠ΄Ρ Β«Π’Π΅ΠΊΡΡ ΠΈΠ΄Π΅Ρ ΡΡΠ΄Π°Β» ΠΈ Β«Π‘ΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ²Β». ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠ°Π·ΡΡΠ² ΡΡΡΠΎΠΊΠΈ ΠΏΠΎΡΠ»Π΅ Β«ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ²Β» ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³Π°
.XHTML 1.0 Π‘ΡΡΠΎΠ³ΠΈΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ
ΠΡΠ»ΠΈ Π²Ρ ΡΠΎΠ·Π΄Π°Π»ΠΈ Π½ΠΎΠ²ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Π² XHTML 1.0 Strict, Π²Π°Ρ ΡΠ΅Π³
ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:<ΠΠΎΠ»ΠΎΠ²Π°>
Π‘ΡΡΠΎΠ³ΠΈΠΉ ΠΏΡΠΈΠΌΠ΅Ρ XHTML 1.0 ΠΎΡ www.techonthenet.com title> HEAD> <Π’Π΅Π»ΠΎ> Π’Π΅ΠΊΡΡ ΠΈΠ΄Π΅Ρ ΡΡΠ΄Π°, ΡΠΎΡ ΡΠ°Π½ΡΡ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΡΡΠ²ΠΎΠ² ΡΡΡΠΎΠΊ pre> Body> html>Π ΡΡΠΎΠΌ XHTML 1.0 ΠΡΠΈΠΌΠ΅Ρ ΡΡΡΠΎΠ³ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, ΠΌΡ ΡΠΎΠ·Π΄Π°Π»ΠΈ ΡΠ΅Π³
. ΠΡΠ°ΡΠ·Π΅Ρ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π»ΠΈΡΠ½ΠΈΠ΅ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΌΠ΅ΠΆΠ΄Ρ Β«Π’Π΅ΠΊΡΡ ΠΈΠ΄Π΅Ρ ΡΡΠ΄Π°Β» ΠΈ Β«Π‘ΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ²Β». ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠ°Π·ΡΡΠ² ΡΡΡΠΎΠΊΠΈ ΠΏΠΎΡΠ»Π΅ Β«ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ²Β» ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³Π°
.XHTML 1.1 ΠΠΎΠΊΡΠΌΠ΅Π½Ρ
ΠΡΠ»ΠΈ Π²Ρ ΡΠΎΠ·Π΄Π°Π»ΠΈ Π½ΠΎΠ²ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Π² XHTML 1.1, Π²Π°Ρ ΡΠ΅Π³
ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:<ΠΠΎΠ»ΠΎΠ²Π°>
ΠΡΠΈΠΌΠ΅Ρ XHTML 1.1 ΠΎΡ www.techonthenet.com title> HEAD> <Π’Π΅Π»ΠΎ> Π’Π΅ΠΊΡΡ ΠΈΠ΄Π΅Ρ ΡΡΠ΄Π°, ΡΠΎΡ ΡΠ°Π½ΡΡ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΡΡΠ²ΠΎΠ² ΡΡΡΠΎΠΊ pre> Body> html>Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° XHTML 1.1 ΠΌΡ ΡΠΎΠ·Π΄Π°Π»ΠΈ ΡΠ΅Π³
.ΠΡΠ°ΡΠ·Π΅Ρ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π»ΠΈΡΠ½ΠΈΠ΅ ΠΏΡΠΎΠ±Π΅Π»Ρ ΠΌΠ΅ΠΆΠ΄Ρ Β«Π’Π΅ΠΊΡΡ ΠΈΠ΄Π΅Ρ ΡΡΠ΄Π°Β» ΠΈ Β«Π‘ΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ²Β». ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠ°Π·ΡΡΠ² ΡΡΡΠΎΠΊΠΈ ΠΏΠΎΡΠ»Π΅ Β«ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ²Β» ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³Π°
. ,HTML 5 Tag
Π’Π΅Π³ HTML
ΠΡΠ°ΡΠ·Π΅ΡΡΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°. Π’Π΅Π³
ΠΎΠΊΡΡΠΆΠ°Π΅Ρ ΠΊΠΎΠ΄, ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Π½ΡΠΉ ΠΊΠ°ΠΊ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ.
ΠΎΠ±ΡΡΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠ΅ΠΊΡΡ
Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ, Ρ ΠΏΡΠΎΠ±Π΅Π»Π°ΠΌΠΈ Π² ΡΠ°ΠΊΡΠ΅ ΠΈ Π±Π΅Π· ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ° ΡΠ»ΠΎΠ².
ΠΠ΅ΠΌΠΎ
Π°ΡΡΠΈΠ±ΡΡΠΎΠ²
HTML-ΡΠ΅Π³ΠΈ ΠΌΠΎΠ³ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π°ΡΡΠΈΠ±ΡΡΠΎΠ².ΠΡΡΠΈΠ±ΡΡΡ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡΡΡ Π² ΡΠ΅Π³, ΡΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠ΅Π³ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΈΠ»ΠΈ Π²Π΅ΡΡΠΈ ΡΠ΅Π±Ρ. ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΡΡΠΎΡΡ ΠΈΠ· ΠΈΠΌΠ΅Π½ΠΈ ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΡΠ°Π·Π΄Π΅Π»Π΅Π½Π½ΡΡ Π·Π½Π°ΠΊΠΎΠΌ ΡΠ°Π²Π΅Π½ΡΡΠ²Π° (=), Π° Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΎ Π² Π΄Π²ΠΎΠΉΠ½ΡΠ΅ ΠΊΠ°Π²ΡΡΠΊΠΈ. ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ,
style = "color: black;"
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΡΡΠΈ Π²ΠΈΠ΄Π° Π°ΡΡΠΈΠ±ΡΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊ ΡΠ²ΠΎΠΈΠΌ HTML-ΡΠ΅Π³Π°ΠΌ: Π°ΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, ΠΎΡΠ½ΠΎΡΡΡΠΈΠ΅ΡΡ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ, Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ ΠΈ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ.
ΠΡΡΠΈΠ±ΡΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊ ΡΡΠΎΠΌΡ ΡΠ΅Π³Ρ, ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½Ρ Π½ΠΈΠΆΠ΅.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ-ΡΠΏΠ΅ΡΠΈΡΠΈΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ
Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Ρ Π°ΡΡΠΈΠ±ΡΡΡ, Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠ½ΡΠ΅ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΠ΅Π³Π° / ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
ΠΡΡΠΈΠ±ΡΡ ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π½Π΅Ρ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΡ Π°ΡΡΠΈΠ±ΡΡΠ°
Π‘Π»Π΅Π΄ΡΡΡΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ ΡΠ²Π»ΡΡΡΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌΠΈ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΠ΅Π³ΠΎΠ² HTML 5 (Ρ ΠΎΡΡ Π°ΡΡΠΈΠ±ΡΡ
tabindex
Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ Π΄ΠΈΠ°Π»ΠΎΠ³Π°).
accesskey
Π°Π²ΡΠΎΠΊΠ°ΠΏΠΈΡΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ
ΠΊΠ»Π°ΡΡ
contenteditable
data- *
dir
ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π΅ΠΌΡΠΉ
ΡΠΊΡΡΡΠΎ
id
ΡΠ΅ΠΆΠΈΠΌ Π²Π²ΠΎΠ΄Π°
ΡΠ²Π»ΡΠ΅ΡΡΡ
Itemid
itemprop
itemref
itemscope
ΡΠΈΠΏ ΠΎΠ±ΡΠ΅ΠΊΡΠ°
lang
ΡΠ°ΡΡΡ
ΡΠ»ΠΎΡ
ΠΏΡΠΎΠ²Π΅ΡΠΊΠ° ΠΎΡΡΠΎΠ³ΡΠ°ΡΠΈΠΈ
ΡΡΠΈΠ»Ρ
tabindex
Π½Π°Π·Π²Π°Π½ΠΈΠ΅
ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄
ΠΠΎΠ»Π½ΠΎΠ΅ ΠΎΠ±ΡΡΡΠ½Π΅Π½ΠΈΠ΅ ΡΡΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΠΌ. Π ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ HTML 5.
ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΠΉ
ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π²Π°ΠΌ Π²ΡΠ·ΡΠ²Π°ΡΡ ΡΠΊΡΠΈΠΏΡ ΠΈΠ· Π²Π°ΡΠ΅Π³ΠΎ HTML. Π‘ΡΠ΅Π½Π°ΡΠΈΠΉ Π²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ Β«ΡΠΎΠ±ΡΡΠΈΠ΅Β». ΠΠ°ΠΆΠ΄ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΠΉ ΠΈΠΌΠ΅Π΅Ρ Π΄Π΅Π»ΠΎ Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌ ΡΠΎΠ±ΡΡΠΈΠ΅ΠΌ.
ΠΎΠ½Π°Π±ΠΎΡΡ
onauxclick
onblur
oncancel
oncanplay
Π½Π° ΡΠ°ΠΉΡΠ΅
onchange
onclick
onclose
oncontextmenu
ΠΎΠ½ΠΊΠΎΠΏΠΈΡ
oncuechange
oncut
ondblclick
ondrag
ondragend
ondragenter
ondragexit
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
ΠΏΡΡΡΡΠ΅
onended
ΠΎΡΠΈΠ±ΠΊΠ°
onfocus
onformdata
Π½Π° Π²Ρ ΠΎΠ΄Π΅
oninvalid
onkeydown
onkeypress
onkeyup
onlanguagechange
, Π½Π°Π³ΡΡΠ·ΠΊΠ°
Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΡ Π΄Π°Π½Π½ΡΡ
Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΡ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΡ
onloadstart
onmousedown
onmouseenter
onmouseleave
onmousemove
onmouseout
onmouseover
onmouseup
ΠΏΠ°ΡΡΠ°
onpause
onplay
Π½Π° ΠΈΠ³ΡΠΎΠ²ΠΎΠΌ ΠΏΠΎΠ»Π΅
onprogress
onratechange
Π½Π°
onresize
onscroll
onsecuritypolicyviolation
Π² ΠΏΠΎΠΈΡΠΊΠ°Ρ
Π² ΠΏΠΎΠΈΡΠΊΠ°Ρ
onselect
onslotchange
ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ
ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ
onsuspend
ontimeupdate
ΠΏΡΠ³ΠΎΠ²ΠΈΡΠ°
onvolumechange
Π² ΠΎΠΆΠΈΠ΄Π°Π½ΠΈΠΈ
Π½Π° ΠΊΠΎΠ»Π΅ΡΠ΅
ΠΠΎΠ»Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΡΠΎΠ±ΡΡΠΈΠΉ ΡΠΌ. Π ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΠΉ HTML 5.
,html4 - Π ΡΠ΅ΠΌ ΡΠ°Π·Π½ΠΈΡΠ° ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³ΠΎΠΌ HTML ΠΈ HTML?
ΠΠ΅ΡΠ΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΡΠ΅ΠΊΠ°
- Π’ΠΎΠ²Π°ΡΡ
- ΠΠ»ΠΈΠ΅Π½ΡΡ
- Π‘Π»ΡΡΠ°ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
- ΠΠ΅ΡΠ΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΡΠ΅ΠΊΠ° ΠΡΠ±Π»ΠΈΡΠ½ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ ΠΈ ΠΎΡΠ²Π΅ΡΡ
- ΠΠΎΠΌΠ°Π½Π΄Ρ Π§Π°ΡΡΠ½ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ ΠΈ ΠΎΡΠ²Π΅ΡΡ Π΄Π»Ρ Π²Π°ΡΠ΅ΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Ρ
- ΠΏΡΠ΅Π΄ΠΏΡΠΈΡΡΠΈΠ΅ Π§Π°ΡΡΠ½ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ ΠΈ ΠΎΡΠ²Π΅ΡΡ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠ΅Π΄ΠΏΡΠΈΡΡΠΈΡ
- ΡΠ°Π±ΠΎΡΡ ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Ρ Π½ΠΈΠΌ ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΊΠ°ΡΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΡΠΎΡΡΠ°
- Π’Π°Π»Π°Π½Ρ ΠΠ°Π½ΠΈΠΌΠ°ΡΡ ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ°Π»Π°Π½Ρ
- ΡΠ΅ΠΊΠ»Π°ΠΌΠ° Π‘Π²ΡΠ·Π°ΡΡΡΡ Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ ΠΏΠΎ Π²ΡΠ΅ΠΌΡ ΠΌΠΈΡΡ
ΠΠ°Π³ΡΡΠ·ΠΊΠ°β¦