Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Π’Π΅Π³ | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
1.0+1.0+1.0+1.0+1.0+1.0+1.0+

БпСцификация

HTML:3.24.015.0XHTML:1.01.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
Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΡ‚ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ количСство символов, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠΌΠ΅Ρ‚ΡŒ строка. Π­Ρ‚ΠΎ Π±Ρ‹Π» нСстандартный синоним
width
. Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Ρ‚Π°ΠΊΠΎΠ³ΠΎ эффСкта, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ CSS width.
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
ΠšΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
preChrome Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°Edge Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° 12Firefox Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° 1IE Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°Opera Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°Safari Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°WebView Android Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°Chrome Android Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°Firefox Android Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° 4Opera Android Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°Safari iOS Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°Samsung Internet Android Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
cols Π£ΡΡ‚Π°Ρ€Π΅Π²ΡˆΠ°ΡΠΠ΅ΡΡ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Π°ΡChrome НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ НСтEdge НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ НСтFirefox НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ 1Β β€” 29IE НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ НСтOpera НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ НСтSafari НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ НСтWebView Android НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ НСтChrome Android НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ НСтFirefox Android НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ 4Β β€” 29Opera Android НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ НСтSafari iOS НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ НСтSamsung Internet Android НСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ НСт
width Π£ΡΡ‚Π°Ρ€Π΅Π²ΡˆΠ°ΡΠΠ΅ΡΡ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Π°ΡChrome Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
ЗамСчания Specifying the width attribute has no layout effect.
Edge Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° 12
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° 12
ЗамСчания Specifying the width attribute has no layout effect.
Firefox Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° 1
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° 1
ЗамСчания Since Firefox 29, specifying the width attribute has no layout effect.
IE Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
ЗамСчания Specifying the width attribute has no layout effect.
Opera Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
ЗамСчания Specifying the width attribute has no layout effect.
Safari Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
ЗамСчания Specifying the width attribute has no layout effect.
WebView Android Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
ЗамСчания Specifying the width attribute has no layout effect.
Chrome Android Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
ЗамСчания Specifying the width attribute has no layout effect.
Firefox Android Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° 4
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° 4
ЗамСчания Since Firefox 29, specifying the width attribute has no layout effect.
Opera Android Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°
Π”Π°
ЗамСчания Specifying the width attribute has no layout effect.
Safari iOS Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
ЗамСчания Specifying the width attribute has no layout effect.
Samsung Internet Android Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°
Π”Π°
Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π”Π°
ЗамСчания Specifying the width attribute has no layout effect.
wrap Π£ΡΡ‚Π°Ρ€Π΅Π²ΡˆΠ°ΡΠΠ΅ΡΡ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Π°ΡChrome ? Edge
?
Firefox Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° 1IE ? Opera ? Safari ? WebView Android ? Chrome Android
?
Firefox Android Полная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° 4Opera 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>

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π² ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ использования Ρ‚Π΅Π³Π° <pre>

| HTML | WebReference

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <pre> (ΠΎΡ‚ Π°Π½Π³Π». preformatted textΒ β€” Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкст) опрСдСляСт Π±Π»ΠΎΠΊ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ тСкста. Π’Π°ΠΊΠΎΠΉ тСкст отобраТаСтся ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΌΠΎΠ½ΠΎΡˆΠΈΡ€ΠΈΠ½Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ ΠΈ со всСми ΠΏΡ€ΠΎΠ±Π΅Π»Π°ΠΌΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ словами. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, любоС количСство ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² ΠΈΠ΄ΡƒΡ‰ΠΈΡ… Π² ΠΊΠΎΠ΄Π΅ подряд, Π½Π° Π²Π΅Π±-страницС показываСтся ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <pre> позволяСт ΠΎΠ±ΠΎΠΉΡ‚ΠΈ эту ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ тСкст ΠΊΠ°ΠΊ трСбуСтся Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ.

Π—Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

<!DOCTYPE HTML> <html> <head> <meta charset=»utf-8″> <title>PRE</title> </head> <body> <pre> — —— —— |—— ||—-| —-|| ||—— ——|| ||——| |——|| || —— ——|| ||- —-| |——|| ||—||— ——-|| ||—|| —| |——-|| || -|| |— — — —|| || -|| —|-|—| — —| |—|| |——| |——| |—|| |—- |——| |—-| — |——| |—— ——| </pre> </body> </html>

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½ΠΈΠΆΠ΅.

Π’ΠΈΠ΄ тСкста, ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½ΠΎΠ³ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ pre

Рис. 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 Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹



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Π’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ, ΠΊΠΎΠ»ΠΈ користувач Ρ‰ΠΎΡΡŒ пишС Π² ΠΏΠΎΠ»Π΅ ΠΏΠΎΡˆΡƒΠΊΡƒ (для &lt;input type=&quot;search&quot;&gt;)
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Π‘ΠΊΡ€ΠΈΠΏΡ‚ Π²ΠΈΠΊΠΎΠ½ΡƒΡ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ Π·ΠΌΡ–Π½ΡŽΡ”Ρ‚ΡŒΡΡ ΠΊΠΈΠΉ Π² &lt;track&gt; Π΅Π»Π΅ΠΌΠ΅Π½Ρ‚Π°
ondurationchangeΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ Π·ΠΌΡ–Π½ΡŽΡ”Ρ‚ΡŒΡΡ Π΄ΠΎΠ²ΠΆΠΈΠ½Π° ΠΌΠ΅Π΄Ρ–Π° Ρ„Π°ΠΉΠ»Ρƒ.
onemptiedΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ доступ Π΄ΠΎ ΠΌΠ΅Π΄Ρ–Π° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ ΠΎΠ±Ρ€ΠΈΠ²Π°Ρ”Ρ‚ΡŒΡΡ (Π·Π½ΠΈΠΊΠ»ΠΎ з’єднання Π· ΠΌΠ΅Ρ€Π΅ΠΆΠ΅ΡŽ).
onendedΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ ΠΌΠ΅Π΄Ρ–Π° Π΅Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠΏΠΎΠ²Π½Ρ–ΡΡ‚ΡŽ Π²Ρ–Π΄Ρ‚Π²ΠΎΡ€ΠΈΠ² свій зміст.
onshowΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ, ΠΊΠΎΠ»ΠΈ Π΅Π»Π΅ΠΌΠ΅Π½Ρ‚ &lt;menu&gt; Π±ΡƒΠ΄Π΅ Π²Ρ–Π΄ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΎ як контСкстнС мСню.
onloadedmetadataΠ‘ΠΊΡ€ΠΈΠΏΡ‚ Π²ΠΈΠΊΠΎΠ½ΡƒΡ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Ρ– (Ρ€ΠΎΠ·ΠΌΡ–Ρ€ΠΈ Ρ‡ΠΈ Ρ‚Ρ€ΠΈΠ²Π°Π»Ρ–ΡΡ‚ΡŒ) Π·Π°Π²Π°Π½Ρ‚Π°ΠΆΡƒΡŽΡ‚ΡŒΡΡ.
onloadeddataΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ ΠΌΠ΅Π΄Ρ–Π° Π΄Π°Π½Π½Ρ– Π·Π°Π²Π°Π½Ρ‚Π°ΠΆΠ΅Π½ΠΎ.
onloadstartΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Ρ‚Ρ–Π»ΡŒΠΊΠΈ ΠΏΠΎΡ‡ΠΈΠ½Π°Ρ” Π·Π°Π²Π°Π½Ρ‚Π°ΠΆΡƒΠ²Π°Ρ‚ΠΈ ΠΌΠ΅Π΄Ρ–Π° Π΄Π°Π½Ρ– Π· сСрвСра.
onpauseΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ відтворСння ΠΌΠ΅Π΄Ρ–Π° Π΄Π°Π½ΠΈΡ… ΠΏΡ€ΠΈΠ·ΡƒΠΏΠΈΠ½Π΅Π½ΠΎ.
onplayΠ‘ΠΊΡ€ΠΈΠΏΡ‚ Π²ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ ΠΌΠ΅Π΄Ρ–Π° Π΄Π°Π½Ρ– Π³ΠΎΡ‚ΠΎΠ²Ρ– ΠΏΠΎΡ‡Π°Ρ‚ΠΈ відтворСння.
onplayingΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ Ρ€ΠΎΠ·ΠΏΠΎΡ‡Π°Ρ‚ΠΎ відтворСння ΠΌΠ΅Π΄Ρ–Π° Π΄Π°Π½ΠΈΡ….
onprogressΠŸΠΎΠ΄Ρ–Ρ onprogress Π²Ρ–Π΄Π±ΡƒΠ²Π°Ρ”Ρ‚ΡŒΡΡ, ΠΊΠΎΠ»ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π·Π°Π²Π°Π½Ρ‚Π°ΠΆΡƒΡ” Π²ΠΊΠ°Π·Π°Π½Π΅ Π°ΡƒΠ΄Ρ–ΠΎ / Π²Ρ–Π΄Π΅ΠΎ.
onratechangeΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ Π·ΠΌΡ–Π½ΡŽΡ”Ρ‚ΡŒΡΡ ΡˆΠ²ΠΈΠ΄ΠΊΡ–ΡΡ‚ΡŒ відтворСння ΠΌΠ΅Π΄Ρ–Π° Π΄Π°Π½ΠΈΡ….
onseekedΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ seeked Ρƒ Ρ‚Π΅Π³Π° audio Π°Π±ΠΎ video Π·ΠΌΡ–Π½ΡŽΡ” значСння Π· true Π½Π° false.
onseekingΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ seeking Ρƒ Ρ‚Π΅Π³Ρ–Π² audio Π°Π±ΠΎ video Π·ΠΌΡ–Π½ΡŽΡ” значСння Π· false Π½Π° true
onstalledΠ‘ΠΊΡ€ΠΈΠΏΡ‚ Π²ΠΈΠΊΠΎΠ½ΡƒΡ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π· Π±ΡƒΠ΄ΡŒ-якої ΠΏΡ€ΠΈΡ‡ΠΈΠ½ΠΈ Π½Π΅ ΠΌΠΎΠΆΠ΅ ΠΎΡ‚Ρ€ΠΈΠΌΠ°Ρ‚ΠΈ ΠΌΠ΅Π΄Ρ–Π° Π΄Π°Π½Ρ–.
onsuspendΠ‘ΠΊΡ€ΠΈΠΏΡ‚ Π²ΠΈΠΊΠΎΠ½ΡƒΡ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ Π· Π±ΡƒΠ΄ΡŒ-якої ΠΏΡ€ΠΈΡ‡ΠΈΠ½ΠΈ завантаТСння Π΄Π°Π½Π½ΠΈΡ… ΠΏΡ€ΠΈΠ·ΡƒΠΏΠΈΠ½Π΅Π½ΠΎ Π΄ΠΎ ΠΉΠΎΠ³ΠΎ ΠΏΠΎΠ²Π½ΠΎΠ³ΠΎ завантаТСння.
ontimeupdateΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ змінилася позиція відтворСння Π΅Π»Π΅ΠΌΠ΅Π½Ρ‚Π° &lt;audio&gt; Π°Π±ΠΎ &lt;video&gt;.
onvolumechangeΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ Π·ΠΌΡ–Π½ΡŽΡ”Ρ‚ΡŒΡΡ Π³ΡƒΡ‡Π½Ρ–ΡΡ‚ΡŒ Π·Π²ΡƒΠΊΡƒ.
onwaitingΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ ΠΊΠΎΠ»ΠΈ наступний ΠΊΠ°Π΄Ρ€ ΠΏΡ€ΠΈ Π²Ρ–Π΄Ρ‚Π²ΠΎΡ€Π΅Π½Π½Ρ– ΠΌΠ΅Π΄Ρ–Π° Π΄Π°Π½ΠΈΡ… нСдоступний, Π°Π»Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΡ‡Ρ–ΠΊΡƒΡ” Ρ‰ΠΎ Π²Ρ–Π½ Π½Π΅Π·Π°Π±Π°Ρ€ΠΎΠΌ Π·Π°Π²Π°Π½Ρ‚Π°ΠΆΠΈΡ‚ΡŒΡΡ.
ontoggleΠ’ΠΈΠΊΠ»ΠΈΠΊΠ°Ρ”Ρ‚ΡŒΡΡ, ΠΊΠΎΠ»ΠΈ користувач Π²Ρ–Π΄ΠΊΡ€ΠΈΠ²Π°Ρ” Π°Π±ΠΎ Π·Π°ΠΊΡ€ΠΈΠ²Π°Ρ” Π΅Π»Π΅ΠΌΠ΅Π½Ρ‚ &lt;details&gt;.
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> ВСкст ΠΈΠ΄Π΅Ρ‚ сюда, сохраняя ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹
ΠΈ сохранСниС Ρ€Π°Π·Ρ€Ρ‹Π²ΠΎΠ² строк </ pre>
</ Body>

</ html> </code> </pre><p> Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° HTML5 ΠΌΡ‹ создали Ρ‚Π΅Π³<pre>.Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ лишниС ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ «ВСкст ΠΈΠ΄Π΅Ρ‚ сюда» ΠΈ Β«Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²Β». ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ρ€Π°Π·Ρ€Ρ‹Π² строки послС «сохранСния ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²Β» Ρ‚Π°ΠΊΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ Π±Π΅Π· использования Ρ‚Π΅Π³Π° <br>. </p>

    <h4><span class="ez-toc-section" id="HTML_401"> HTML 4.01 ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ </span></h4> 
   <p> Если Π²Ρ‹ создали Π½ΠΎΠ²ΡƒΡŽ Π²Π΅Π±-страницу Π² HTML 4.01 Transitional, ваш Ρ‚Π΅Π³ <pre> ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: </p>
   <pre> <code> <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http: // www.w3.org/TR/html4/loose.dtd ">
<HTML>

<Π“ΠΎΠ»ΠΎΠ²Π°>
<meta http-equ = "Content-Type" content = "text / html; charset = UTF-8">
<title> HTML 4.01 ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΎΡ‚ www.techonthenet.com </ title>
</ HEAD>

<Π’Π΅Π»ΠΎ>
<pre> ВСкст ΠΈΠ΄Π΅Ρ‚ сюда, сохраняя ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹
ΠΈ сохранСниС Ρ€Π°Π·Ρ€Ρ‹Π²ΠΎΠ² строк </ pre>
</ Body>

</ html> </code> </pre><p> Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° HTML 4.01 ΠΌΡ‹ создали Ρ‚Π΅Π³<pre>. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ лишниС ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ «ВСкст ΠΈΠ΄Π΅Ρ‚ сюда» ΠΈ Β«Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²Β».ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ρ€Π°Π·Ρ€Ρ‹Π² строки послС «сохранСния ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²Β» Ρ‚Π°ΠΊΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ Π±Π΅Π· использования Ρ‚Π΅Π³Π° <br>. </p>

    <h4><span class="ez-toc-section" id="XHTML_10"> XHTML 1.0 ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ </span></h4> 
   <p> Если Π²Ρ‹ создали Π½ΠΎΠ²ΡƒΡŽ Π²Π΅Π±-страницу Π² XHTML 1.0 Transitional, ваш Ρ‚Π΅Π³ <pre> ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: </p>
   <pre> <code> <! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">

<Π“ΠΎΠ»ΠΎΠ²Π°>
<meta http-equ = "Content-Type" content = "text / html; charset = UTF-8" />
<title> XHMTL 1.0 ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΎΡ‚ www.techonthenet.com </ title>
</ HEAD>

<Π’Π΅Π»ΠΎ>
<pre> ВСкст ΠΈΠ΄Π΅Ρ‚ сюда, сохраняя ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹
ΠΈ сохранСниС Ρ€Π°Π·Ρ€Ρ‹Π²ΠΎΠ² строк </ pre>
</ Body>

</ html> </code> </pre><p> Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° XHTML 1.0 ΠΌΡ‹ создали Ρ‚Π΅Π³<pre>. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ лишниС ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ «ВСкст ΠΈΠ΄Π΅Ρ‚ сюда» ΠΈ Β«Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²Β». ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ρ€Π°Π·Ρ€Ρ‹Π² строки послС «сохранСния ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²Β» Ρ‚Π°ΠΊΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ Π±Π΅Π· использования Ρ‚Π΅Π³Π° <br>.</p>
    <h4><span class="ez-toc-section" id="XHTML_10-2"> XHTML 1.0 Π‘Ρ‚Ρ€ΠΎΠ³ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ </span></h4> 
   <p> Если Π²Ρ‹ создали Π½ΠΎΠ²ΡƒΡŽ Π²Π΅Π±-страницу Π² XHTML 1.0 Strict, ваш Ρ‚Π΅Π³ <pre> ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: </p>
   <pre> <code> <! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">

<Π“ΠΎΠ»ΠΎΠ²Π°>
<meta http-equ = "Content-Type" content = "text / html; charset = UTF-8" />
<title> Π‘Ρ‚Ρ€ΠΎΠ³ΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ XHTML 1.0 ΠΎΡ‚ www.techonthenet.com </ title>
</ HEAD>

<Π’Π΅Π»ΠΎ>
<pre> ВСкст ΠΈΠ΄Π΅Ρ‚ сюда, сохраняя ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹
ΠΈ сохранСниС Ρ€Π°Π·Ρ€Ρ‹Π²ΠΎΠ² строк </ pre>
</ Body>

</ html> </code> </pre><p> Π’ этом XHTML 1.0 ΠŸΡ€ΠΈΠΌΠ΅Ρ€ строгого Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΌΡ‹ создали Ρ‚Π΅Π³<pre>. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ лишниС ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ «ВСкст ΠΈΠ΄Π΅Ρ‚ сюда» ΠΈ Β«Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²Β». ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ρ€Π°Π·Ρ€Ρ‹Π² строки послС «сохранСния ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²Β» Ρ‚Π°ΠΊΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ Π±Π΅Π· использования Ρ‚Π΅Π³Π° <br>. </p>
    <h4><span class="ez-toc-section" id="XHTML_11"> XHTML 1.1 Π”ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ </span></h4> 
   <p> Если Π²Ρ‹ создали Π½ΠΎΠ²ΡƒΡŽ Π²Π΅Π±-страницу Π² XHTML 1.1, ваш Ρ‚Π΅Π³ <pre> ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: </p>
   <pre> <code> <! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.1 // EN "" http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">

<Π“ΠΎΠ»ΠΎΠ²Π°>
<meta http-equ = "Content-Type" content = "text / html; charset = UTF-8" />
<title> ΠŸΡ€ΠΈΠΌΠ΅Ρ€ XHTML 1.1 ΠΎΡ‚ www.techonthenet.com </ title>
</ HEAD>

<Π’Π΅Π»ΠΎ>
<pre> ВСкст ΠΈΠ΄Π΅Ρ‚ сюда, сохраняя ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹
ΠΈ сохранСниС Ρ€Π°Π·Ρ€Ρ‹Π²ΠΎΠ² строк </ pre>
</ Body>

</ html> </code> </pre><p> Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° XHTML 1.1 ΠΌΡ‹ создали Ρ‚Π΅Π³ <pre>.Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ лишниС ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ «ВСкст ΠΈΠ΄Π΅Ρ‚ сюда» ΠΈ Β«Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²Β». ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ρ€Π°Π·Ρ€Ρ‹Π² строки послС «сохранСния ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²Β» Ρ‚Π°ΠΊΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ Π±Π΅Π· использования Ρ‚Π΅Π³Π° <br>.</p> ,<h2><span class="ez-toc-section" id="HTML_5_Tag"> HTML 5 Tag </span></h2><p> Π’Π΅Π³ HTML <code> <pre> </code> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для обозначСния ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ тСкста. Π’Π΅Π³ <code> <pre> </code> ΠΎΠΊΡ€ΡƒΠΆΠ°Π΅Ρ‚ ΠΊΠΎΠ΄, ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹ΠΉ ΠΊΠ°ΠΊ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ.</p> Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹<p> ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ тСкст <code> <pre> </code> с фиксированным ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ, с ΠΏΡ€ΠΎΠ±Π΅Π»Π°ΠΌΠΈ Π² Ρ‚Π°ΠΊΡ‚Π΅ ΠΈ Π±Π΅Π· пСрСноса слов.</p><h3><span class="ez-toc-section" id="i-42"> Π”Π΅ΠΌΠΎ </span></h3><h3><span class="ez-toc-section" id="i-43"> Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² </span></h3><p> HTML-Ρ‚Π΅Π³ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ нСсколько Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².Атрибуты Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ΡΡ Π² Ρ‚Π΅Π³, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ большС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Ρ‚Π΅Π³ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΈΠ»ΠΈ вСсти сСбя. Атрибуты состоят ΠΈΠ· ΠΈΠΌΠ΅Π½ΠΈ ΠΈ значСния, Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Π·Π½Π°ΠΊΠΎΠΌ равСнства (=), Π° Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΎ Π² Π΄Π²ΠΎΠΉΠ½Ρ‹Π΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ. Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, <code> style = "color: black;" </code></p><p> БущСствуСт Ρ‚Ρ€ΠΈ Π²ΠΈΠ΄Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊ своим HTML-Ρ‚Π΅Π³Π°ΠΌ: Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ содСрТимого, относящиСся ΠΊ элСмСнтам, Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ событий.</p><p> Атрибуты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊ этому Ρ‚Π΅Π³Ρƒ, пСрСчислСны Π½ΠΈΠΆΠ΅.</p><h4><span class="ez-toc-section" id="i-44"> Π­Π»Π΅ΠΌΠ΅Π½Ρ‚-спСцифичныС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ </span></h4><p> Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ Ρ‚Π°Π±Π»ΠΈΡ†Π΅ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Π½Ρ‹Π΅ для этого Ρ‚Π΅Π³Π° / элСмСнта.</p><table cellspacing="0" border="0"><tr><th> Атрибут</th><th> ОписаниС</th></tr><tr><td> Π½Π΅Ρ‚</td><td></td></tr></table><h4><span class="ez-toc-section" id="i-45"> Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° </span></h4><p> Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ ΡΠ²Π»ΡΡŽΡ‚ΡΡ стандартными для всСх Ρ‚Π΅Π³ΠΎΠ² HTML 5 (хотя Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <code> tabindex </code> Π½Π΅ примСняСтся ΠΊ элСмСнтам </code> Π΄ΠΈΠ°Π»ΠΎΠ³Π° <code>).</p><ul><li> <code> accesskey </code></li><li> <code> Π°Π²Ρ‚ΠΎΠΊΠ°ΠΏΠΈΡ‚Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ </code></li><li> <code> класс </code></li><li> <code> contenteditable </code></li><li> <code> data- * </code></li><li> <code> dir </code></li><li> <code> пСрСтаскиваСмый </code></li><li> <code> скрыто </code></li><li> <code> id </code></li><li> <code> Ρ€Π΅ΠΆΠΈΠΌ Π²Π²ΠΎΠ΄Π° </code></li><li> <code> являСтся </code></li><li> <code> Itemid </code></li><li> <code> itemprop </code></li><li> <code> itemref </code></li><li> <code> itemscope </code></li><li> <code> Ρ‚ΠΈΠΏ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° </code></li><li> <code> lang </code></li><li> <code> Ρ‡Π°ΡΡ‚ΡŒ </code></li><li> <code> слот </code></li><li> <code> ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΎΡ€Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ </code></li><li> <code> ΡΡ‚ΠΈΠ»ΡŒ </code></li><li> <code> tabindex </code></li><li> <code> Π½Π°Π·Π²Π°Π½ΠΈΠ΅ </code></li><li> <code> ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ </code></li></ul><p> ПолноС объяснСниС этих Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² см. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Π“Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ HTML 5.</p><h4><span class="ez-toc-section" id="i-46"> Атрибуты содСрТимого ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° событий </span></h4><p> Атрибуты содСрТимого ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° событий ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²Π°ΠΌ Π²Ρ‹Π·Ρ‹Π²Π°Ρ‚ΡŒ скрипт ΠΈΠ· вашСго HTML. Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΉ вызываСтся, ΠΊΠΎΠ³Π΄Π° происходит ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ «событиС». ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ содСрТимого ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° событий ΠΈΠΌΠ΅Π΅Ρ‚ Π΄Π΅Π»ΠΎ с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ событиСм.</p><ul><li> <code> ΠΎΠ½Π°Π±ΠΎΡ€Ρ‚ </code></li><li> <code> onauxclick </code></li><li> <code> onblur </code></li><li> <code> oncancel </code></li><li> <code> oncanplay </code></li><li> <code> Π½Π° сайтС </code></li><li> <code> onchange </code></li><li> <code> onclick </code></li><li> <code> onclose </code></li><li> <code> oncontextmenu </code></li><li> <code> онкопия </code></li><li> <code> oncuechange </code></li><li> <code> oncut </code></li><li> <code> ondblclick </code></li><li> <code> ondrag </code></li><li> <code> ondragend </code></li><li> <code> ondragenter </code></li><li> <code> ondragexit </code></li><li> <code> ondragleave </code></li><li> <code> ondragover </code></li><li> <code> ondragstart </code></li><li> <code> ondrop </code></li><li> <code> ondurationchange </code></li><li> <code> пустыС </code></li><li> <code> onended </code></li><li> <code> ошибка </code></li><li> <code> onfocus </code></li><li> <code> onformdata </code></li><li> <code> Π½Π° Π²Ρ…ΠΎΠ΄Π΅ </code></li><li> <code> oninvalid </code></li><li> <code> onkeydown </code></li><li> <code> onkeypress </code></li><li> <code> onkeyup </code></li><li> <code> onlanguagechange </code></li><li> <code>, Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠ° </code></li><li> <code> Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ… </code></li><li> <code> Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Ρ… ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ… </code></li><li> <code> onloadstart </code></li><li> <code> onmousedown </code></li><li> <code> onmouseenter </code></li><li> <code> onmouseleave </code></li><li> <code> onmousemove </code></li><li> <code> onmouseout </code></li><li> <code> onmouseover </code></li><li> <code> onmouseup </code></li><li> <code> паста </code></li><li> <code> onpause </code></li><li> <code> onplay </code></li><li> <code> Π½Π° ΠΈΠ³Ρ€ΠΎΠ²ΠΎΠΌ ΠΏΠΎΠ»Π΅ </code></li><li> <code> onprogress </code></li><li> <code> onratechange </code></li><li> <code> Π½Π° </code></li><li> <code> onresize </code></li><li> <code> onscroll </code></li><li> <code> onsecuritypolicyviolation </code></li><li> <code> Π² поисках </code></li><li> <code> Π² поисках </code></li><li> <code> onselect </code></li><li> <code> onslotchange </code></li><li> <code> установлСно </code></li><li> <code> ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ </code></li><li> <code> onsuspend </code></li><li> <code> ontimeupdate </code></li><li> <code> ΠΏΡƒΠ³ΠΎΠ²ΠΈΡ†Π° </code></li><li> <code> onvolumechange </code></li><li> <code> Π² ΠΎΠΆΠΈΠ΄Π°Π½ΠΈΠΈ </code></li><li> <code> Π½Π° колСсС </code></li></ul><p> ΠŸΠΎΠ»Π½Ρ‹ΠΉ список ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² событий см. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Атрибуты содСрТимого ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° событий HTML 5.</p> ,<h2><span class="ez-toc-section" id="html4_-_HTML_HTML"> html4 - Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π³ΠΎΠΌ HTML ΠΈ HTML? </span></h2> ΠŸΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ стСка<ol role="presentation"><li> Π’ΠΎΠ²Π°Ρ€Ρ‹</li><li> ΠšΠ»ΠΈΠ΅Π½Ρ‚Ρ‹</li><li> Π‘Π»ΡƒΡ‡Π°ΠΈ использования</li></ol><ol><li> ΠŸΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ стСка
 ΠŸΡƒΠ±Π»ΠΈΡ‡Π½Ρ‹Π΅ вопросы ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹</li><li> ΠšΠΎΠΌΠ°Π½Π΄Ρ‹
 ЧастныС вопросы ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ для вашСй ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹</li><li> прСдприятиС
 ЧастныС вопросы ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ для вашСго прСдприятия</li><li> Ρ€Π°Π±ΠΎΡ‚Ρ‹
 ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ связанныС с Π½ΠΈΠΌ тСхничСскиС возмоТности ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π½ΠΎΠ³ΠΎ роста</li><li> Π’Π°Π»Π°Π½Ρ‚
 ΠΠ°Π½ΠΈΠΌΠ°Ρ‚ΡŒ тСхничСский Ρ‚Π°Π»Π°Π½Ρ‚</li><li> Ρ€Π΅ΠΊΠ»Π°ΠΌΠ°
 Π‘Π²ΡΠ·Π°Ρ‚ΡŒΡΡ с Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΏΠΎ всСму ΠΌΠΈΡ€Ρƒ</li></ol><p> Загрузка…</p><ol/><div class='yarpp-related yarpp-related-none'><p>No related posts.</p></div></div></div><div class="post-sharrre group"><div id="twitter" data-url="https://ylianova.ru/html/pre-html-teg-htmlbook-ru.html" data-text="Pre html: Π’Π΅Π³  | htmlbook.ru" data-title="Tweet"></div><div id="facebook" data-url="https://ylianova.ru/html/pre-html-teg-htmlbook-ru.html" data-text="Pre html: Π’Π΅Π³  | htmlbook.ru" data-title="Like"></div><div id="googleplus" data-url="https://ylianova.ru/html/pre-html-teg-htmlbook-ru.html" data-text="Pre html: Π’Π΅Π³  | htmlbook.ru" data-title="+1"></div><div id="pinterest" data-url="https://ylianova.ru/html/pre-html-teg-htmlbook-ru.html" data-text="Pre html: Π’Π΅Π³  | htmlbook.ru" data-title="Pin It"></div></div></div></article><ul class="post-nav group"><li class="next"><a href="https://ylianova.ru/javascript/javascript-matematicheskie-funkczii-math-abs-javascript-mdn.html" rel="next"><i class="fa fa-chevron-right"></i><strong>Π’ΠΏΠ΅Ρ€Π΅Π΄</strong> <span>Javascript матСматичСскиС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ: Math.abs() — JavaScript | MDN</span></a></li><li class="previous"><a href="https://ylianova.ru/raznoe-2/kak-zamazat-fon-v-fotoshope-kak-razmyt-fon-v-fotoshope.html" rel="prev"><i class="fa fa-chevron-left"></i><strong>Назад</strong> <span>Как Π·Π°ΠΌΠ°Π·Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅: Как Ρ€Π°Π·ΠΌΡ‹Ρ‚ΡŒ Ρ„ΠΎΠ½ Π² Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅</span></a></li></ul><section id="comments" class="themeform"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html/pre-html-teg-htmlbook-ru.html#respond" style="display:none;">ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΡ‚Π²Π΅Ρ‚</a></small></h3><form action="https://ylianova.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½.</span> <span class="required-field-message">ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p><p class="comment-form-url"><label for="url">Π‘Π°ΠΉΡ‚</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="ΠžΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ" /> <input type='hidden' name='comment_post_ID' value='5660' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></section></div></section><div class="sidebar s1"> <a class="sidebar-toggle" title="Π Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль"><i class="fa icon-sidebar-toggle"></i></a><div class="sidebar-content"><div id="search-2" class="widget widget_search"><form method="get" class="searchform themeform" action="https://ylianova.ru/"><div> <input type="text" class="search" name="s" onblur="if(this.value=='')this.value='Π’Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡƒΡŽ Ρ„Ρ€Π°Π·Ρƒ';" onfocus="if(this.value=='Π’Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡƒΡŽ Ρ„Ρ€Π°Π·Ρƒ')this.value='';" value="Π’Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡƒΡŽ Ρ„Ρ€Π°Π·Ρƒ" /></div></form></div><div id="nav_menu-2" class="widget widget_nav_menu"><h3>Π ΡƒΠ±Ρ€ΠΈΠΊΠΈ</h3><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-5370" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5370"><a href="https://ylianova.ru/category/css">Css</a></li><li id="menu-item-5371" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-5371"><a href="https://ylianova.ru/category/html">Html</a></li><li id="menu-item-5372" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5372"><a href="https://ylianova.ru/category/http">Http</a></li><li id="menu-item-5373" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5373"><a href="https://ylianova.ru/category/javascript">Javascript</a></li><li id="menu-item-5374" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5374"><a href="https://ylianova.ru/category/photoshop">Photoshop</a></li><li id="menu-item-5375" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5375"><a href="https://ylianova.ru/category/verstka">ВСрстка</a></li><li id="menu-item-5376" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5376"><a href="https://ylianova.ru/category/raznoe">Вопросы ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹</a></li><li id="menu-item-5377" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5377"><a href="https://ylianova.ru/category/maket">ΠœΠ°ΠΊΠ΅Ρ‚</a></li><li id="menu-item-5378" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5378"><a href="https://ylianova.ru/category/sajt">Π Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ сайтов</a></li><li id="menu-item-5380" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5380"><a href="https://ylianova.ru/category/sajt-2">Π‘Π°ΠΉΡ‚</a></li><li id="menu-item-5381" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5381"><a href="https://ylianova.ru/category/shablon-2">Π¨Π°Π±Π»ΠΎΠ½</a></li><li id="menu-item-5382" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5382"><a href="https://ylianova.ru/category/shrift-2">Π¨Ρ€ΠΈΡ„Ρ‚</a></li><li id="menu-item-5379" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5379"><a href="https://ylianova.ru/category/raznoe-2">Π Π°Π·Π½ΠΎΠ΅</a></li></ul></div></div><div id="categories-3" class="widget widget_categories"><h3>Π ΡƒΠ±Ρ€ΠΈΠΊΠΈ</h3><ul><li class="cat-item cat-item-5"><a href="https://ylianova.ru/category/css">Css</a></li><li class="cat-item cat-item-4"><a href="https://ylianova.ru/category/html">Html</a></li><li class="cat-item cat-item-9"><a href="https://ylianova.ru/category/http">Http</a></li><li class="cat-item cat-item-10"><a href="https://ylianova.ru/category/javascript">Javascript</a></li><li class="cat-item cat-item-20"><a href="https://ylianova.ru/category/linux">Linux</a></li><li class="cat-item cat-item-11"><a href="https://ylianova.ru/category/photoshop">Photoshop</a></li><li class="cat-item cat-item-19"><a href="https://ylianova.ru/category/adaptiv">Адаптив</a></li><li class="cat-item cat-item-17"><a href="https://ylianova.ru/category/verstka">ВСрстка</a></li><li class="cat-item cat-item-3"><a href="https://ylianova.ru/category/raznoe">Вопросы ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹</a></li><li class="cat-item cat-item-16"><a href="https://ylianova.ru/category/maket">ΠœΠ°ΠΊΠ΅Ρ‚</a></li><li class="cat-item cat-item-6"><a href="https://ylianova.ru/category/sajt">Π Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ сайтов</a></li><li class="cat-item cat-item-13"><a href="https://ylianova.ru/category/raznoe-2">Π Π°Π·Π½ΠΎΠ΅</a></li><li class="cat-item cat-item-12"><a href="https://ylianova.ru/category/sajt-2">Π‘Π°ΠΉΡ‚</a></li><li class="cat-item cat-item-1"><a href="https://ylianova.ru/category/sovety">Π‘ΠΎΠ²Π΅Ρ‚Ρ‹</a></li><li class="cat-item cat-item-15"><a href="https://ylianova.ru/category/shablon-2">Π¨Π°Π±Π»ΠΎΠ½</a></li><li class="cat-item cat-item-7"><a href="https://ylianova.ru/category/shablon">Π¨Π°Π±Π»ΠΎΠ½Ρ‹</a></li><li class="cat-item cat-item-14"><a href="https://ylianova.ru/category/shrift-2">Π¨Ρ€ΠΈΡ„Ρ‚</a></li><li class="cat-item cat-item-8"><a href="https://ylianova.ru/category/shrift">Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹</a></li></ul></div></div></div></div></div><footer id="footer"><section id="footer-bottom"><div class="container"> <a id="back-to-top" href="#"><i class="fa fa-angle-up"></i></a><div class="pad group"><div class="grid one-half"><div id="copyright"><p>Π‘Π»ΠΎΠ³ ΡΡƒΠΌΠ°ΡΡˆΠ΅Π΄ΡˆΠ΅Π³ΠΎ сисадмина © 2024. ВсС ΠΏΡ€Π°Π²Π° Π·Π°Ρ‰ΠΈΡ‰Π΅Π½Ρ‹.</p></div><div id="credit"><p><a href="/sitemap.xml" class="c_sitemap">ΠšΠ°Ρ€Ρ‚Π° сайта</a></p></div></div><div class="grid one-half last"></div></div></div></section></footer></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://ylianova.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!--[if lt IE 9]> <script src="https://ylianova.ru/wp-content/themes/anew/js/ie/respond.js"></script> <![endif]--> <!-- noptimize -->
<style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script>
<!-- /noptimize --> <script defer src="https://ylianova.ru/wp-content/cache/autoptimize/js/autoptimize_8b90d83e910cfee0f9e3b6c99ddb4869.js"></script></body></html>