β HTML β ΠΠΎΠΊΠ°
- ΠΡΠ°ΡΠΊΠΎ
- ΠΡΠΈΠΌΠ΅Ρ
- ΠΠ°ΠΊ ΠΏΠΈΡΠ΅ΡΡΡ
- ΠΠ° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅
- ΠΠΎΠΊΠ° ΠΠΎΠ³ ΡΠΎΠ²Π΅ΡΡΠ΅Ρ
- ΠΠ»ΡΠ½Π° ΠΠ°ΡΠΈΡΠΊΠ°Ρ ΡΠΎΠ²Π΅ΡΡΠ΅Ρ
- ΠΠ° ΡΠΎΠ±Π΅ΡΠ΅Π΄ΠΎΠ²Π°Π½ΠΈΠΈ
- ΠΠΎΡΠ΅ΠΌΡ ΠΏΡΠΈΠ½ΡΡΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ <link> ΡΠΎ ΡΡΠΈΠ»ΡΠΌΠΈ Π²Π½ΡΡΡΠΈ <head>, Π° <script> ΠΏΠ΅ΡΠ΅Π΄ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΠ΅Π³ΠΎΠΌ </body>? ΠΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΈΡΡ ΡΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ?
ΠΡΠ°ΡΠΊΠΎ
Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <head>
ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅:Β ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΎΠΊΠ½Π° ΠΈΠ»ΠΈ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²ΠΊΡ), ΡΡΡΠ»ΠΊΠΈ Π½Π° ΡΠΊΡΠΈΠΏΡΡ ΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ.
ΠΡΠ° ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΠ°. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΡΠ²ΠΈΠ΄ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΎΠΊΠ½Π° ΡΡΡΠ°Π½ΠΈΡΡ β Π΅Π³ΠΎ Π·Π°Π΄Π°ΡΡ ΡΠ΅Π³ <title>
, Π½Ρ ΠΈ ΡΠ°Π²ΠΈΠΊΠΎΠ½ΠΊΡ, Π΅ΡΠ»ΠΈ Π²Ρ Π΅Ρ ΠΏΠΎΡΡΠ°Π²ΠΈΡΠ΅.
ΠΡΠΈΠΌΠ΅Ρ
Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
<html> <head> <title>ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ</title> </head></html>
<html>
<head>
<title>ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ</title>
</head>
</html>
ΠΠ°ΠΊ ΠΏΠΈΡΠ΅ΡΡΡ
Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
ΠΡΠΎΠΌΠ΅ <title>
, Π²Π½ΡΡΡΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° <head>
ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ: <base>
, <link>
, <meta>
, <script>
, <style>
. ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠ°Π²ΠΈΠΊΠΎΠ½ΠΊΡ β ΠΌΠ°Π»Π΅Π½ΡΠΊΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ Π² ΡΠ³Π»Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°.
<head> <link rel="shortcut icon" type="image/png" href="/favicon.png"></head>
<head>
<link rel="shortcut icon" type="image/png" href="/favicon.png">
</head>
ΠΠ° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅
Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
ΠΠΎΠΊΠ° ΠΠΎΠ³ ΡΠΎΠ²Π΅ΡΡΠ΅Ρ
Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
π <head>
βΒ ΡΡΠΎ ΠΌΠΎΠ·Π³ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠ΅ΠΌ ΡΠΏΡΠ°Π²Π»ΡΡΡ. ΠΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅ ΠΈ ΡΡΠΈΠ»ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ Π² <head>
, ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ, ΠΊΠ°ΠΊ Π²Π°ΡΠ° ΡΡΡΠ°Π½ΠΈΡΠ° Π²Π΅Π΄ΡΡ ΡΠ΅Π±Ρ Π² ΡΠ΅Ρ
ΠΈΠ»ΠΈ ΠΈΠ½ΡΡ
ΡΠ»ΡΡΠ°ΡΡ
.
ΠΠ»ΡΠ½Π° ΠΠ°ΡΠΈΡΠΊΠ°Ρ ΡΠΎΠ²Π΅ΡΡΠ΅Ρ
Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
π <head>
ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΡΠ°ΡΡΡΡ Π²Π°ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΎ ΡΠ°ΠΊΡΡ ΡΡΠΎ Π±Π»ΠΎΠΊ, ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΡΠΉ Π΄Π»Ρ ΡΠ΅Ρ
Π½ΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ.
ΠΠ΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΠΎΠ΅, ΡΡΠΎ ΡΠΎΡΡΠΈΡ Π½Π°ΡΡΠΆΡ β Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΡΠ°Π²ΠΈΠΊΠΎΠ½ΠΊΠ°.
π ΠΡΡΡ Π΅ΡΡ ΠΌΠ΅ΡΠ°ΡΠ΅Π³ΠΈ, Π½ΡΠΆΠ½ΡΠ΅ Π΄Π»Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ½ΠΈΠΏΠΏΠ΅ΡΠ° Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° Π² ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΡ
ΡΠΈΡΡΠ΅ΠΌΠ°Ρ
.
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΠΎΡ ΡΠ΅Π³ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΡΠΎ ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΊ Π½Π΅ΠΌΡ ΡΡΠΈΠ»ΠΈ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΠΌΡΡΠ»Π°. ΠΡ ΠΏΡΠΎΡΡΠΎ Π½Π΅ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°. ΠΠ΅ ΡΡΠ°ΡΡΡΠ΅ ΡΠ²ΠΎΡ Π²ΡΠ΅ΠΌΡ π
ΠΠ° ΡΠΎΠ±Π΅ΡΠ΅Π΄ΠΎΠ²Π°Π½ΠΈΠΈ
Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
ΠΠ°Π΄Π°ΡΡ Π²ΠΎΠΏΡΠΎΡ Π² ΡΡΠ±ΡΠΈΠΊΡβ
ΠΠΎΡΠ΅ΠΌΡ ΠΏΡΠΈΠ½ΡΡΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ <link>
ΡΠΎ ΡΡΠΈΠ»ΡΠΌΠΈ Π²Π½ΡΡΡΠΈ <head>
, Π° <script>
ΠΏΠ΅ΡΠ΅Π΄ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΠ΅Π³ΠΎΠΌ <
? ΠΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΈΡΡ ΡΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ?
Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
π€ Π― Π·Π½Π°Ρ ΠΎΡΠ²Π΅Ρ
ΠΠ°ΡΠΈΠ½Π° ΠΠΎΡΠΎΡΡΠΊ Β ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ
Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
ΠΠΎΠ³Π΄Π° ΠΌΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΠΌ ΡΡΠΈΠ»ΠΈ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° <head>
, Π±ΡΠ°ΡΠ·Π΅Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ ΠΊΠ°ΠΊ ΠΈ Ρ ΠΊΠ°ΠΊΠΈΠΌΠΈ ΡΡΠΈΠ»ΡΠΌΠΈ ΠΎΡΡΠΈΡΠΎΠ²ΡΠ²Π°ΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΏΡΠΈ ΠΏΠ΅ΡΠ²ΠΎΠΌ ΡΠ΅Π½Π΄Π΅ΡΠ΅. Π’ΠΎ Π΅ΡΡΡ, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, Π±ΡΠ°ΡΠ·Π΅ΡΡ Π½ΡΠΆΠ½ΠΎ Π·Π½Π°ΡΡ ΠΊΠ°ΠΊΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ (HTML) ΠΈ ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ½Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ (CSS). ΠΡΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΡ CSS Π·Π°ΡΠ°Π½Π΅Π΅, ΡΠΎ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ½Π°ΡΠ°Π»Π° ΠΎΡΠΎΠ±ΡΠ°Π·ΡΡΡΡ ΡΠΎ ΡΡΠΈΠ»ΡΠΌΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π° ΠΏΠΎΡΠ»Π΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ CSS ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΡΠΈΠ»ΠΈ. ΠΡΠΎ Π²ΡΠ·ΠΎΠ²Π΅Ρ ΠΌΠΈΠ³Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°. ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ΅Π³Π°
<link>
co ΡΡΠΈΠ»ΡΠΌΠΈ Π² Π½Π°ΡΠ°Π»ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ°Π΅Ρ ΠΏΠΎΠ²ΡΠΎΡΠ½ΡΡ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠΎΠ²ΠΊΡ.
Π’Π΅Π³ <script>
ΠΎΠ±ΡΡΠ½ΠΎ ΠΈΠ΄ΡΡ ΠΏΠ΅ΡΠ΅Π΄ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌΡΡ ΡΠ΅Π³ΠΎΠΌ <
. ΠΡΠΎ Π΄Π°ΡΡ ΡΠ²Π΅ΡΠ΅Π½Π½ΠΎΡΡΡ, ΡΡΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊ ΠΊΠΎΡΠΎΡΡΠΌ ΠΈΠ΄ΡΡ ΠΎΠ±ΡΠ°ΡΠ΅Π½ΠΈΠ΅ Π² ΡΠΊΡΠΈΠΏΡΠ΅, ΡΡΡΠ΅ΡΡΠ²ΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅.
ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΡΠΊΡΠΈΠΏΡ Π² <head>
, Π΅ΡΠ»ΠΈ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡΡ ΠΏΠ΅ΡΠ²ΡΠΌ ΠΈ Π½Π΅ ΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ Π½Π° ΡΠΎ, ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π»ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΠ»ΠΈ Π΅ΡΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π°ΡΡΠΈΠ±ΡΡΡ async
ΠΈΠ»ΠΈ defer
ΠΊ ΡΠ΅Π³Ρ <script>
. ΠΡΠΎ ΠΈΡ
ΠΎΡΠ»ΠΈΡΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΈΡΠ°ΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ Π² Π΄ΠΎΠΊΠ΅ ΠΏΡΠΎ <script>
.
defer
ΡΠΎΠΎΠ±ΡΠ°Π΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΡΡΠΎ ΡΠΊΡΠΈΠΏΡ Π½ΡΠΆΠ½ΠΎ Π·Π°Π³ΡΡΠΆΠ°ΡΡ Π² ΡΠΎΠ½ΠΎΠ²ΠΎΠΌ ΡΠ΅ΠΆΠΈΠΌΠ΅ ΠΈ Π·Π°ΠΏΡΡΡΠΈΡΡ Π΅Π³ΠΎ, ΠΊΠ°ΠΊ ΡΠΎΠ»ΡΠΊΠΎ DOM-Π΄Π΅ΡΠ΅Π²ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΎ.
ΠΡΡ ΠΎΠ΄ΠΈΠ½ ΡΠΏΠΎΡΠΎΠ± β ΡΠΊΠ°Π·Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡ <script type
, ΠΊΠΎΡΠΎΡΡΠΉ Π³ΠΎΠ²ΠΎΡΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΡΡΠΎ ΡΠΊΡΠΈΠΏΡ Π½ΡΠΆΠ½ΠΎ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΊΠ°ΠΊ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΡΠΉ. ΠΠΎΠ΄ΡΠ»ΡΠ½ΡΠ΅ ΡΠΊΡΠΈΠΏΡΡ ΠΏΠΎ Π΄Π΅ΡΠΎΠ»ΡΡ ΡΠ²Π»ΡΡΡΡΡ ΠΎΡΠ»ΠΎΠΆΠ΅Π½Π½ΡΠΌΠΈ, ΡΠΎ Π΅ΡΡΡ
<script type
ΡΠ°Π²Π½ΠΎΡΠΈΠ»ΡΠ½ΠΎ <script type
, ΠΈ ΡΠΊΠ°Π·Π°Π½ΠΈΠ΅ defer
Π½Π΅ Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ°.
ΠΡΠ»ΠΈ Π²Ρ Π½Π°ΡΠ»ΠΈ ΠΎΡΠΈΠ±ΠΊΡ, ΠΎΡΠΏΡΠ°Π²ΡΡΠ΅ Π½Π°ΠΌ ΠΏΡΠ»-ΡΠ΅ΠΊΠ²Π΅ΡΡ!
ΠΠΎ Π²ΡΠ΅ΠΌΡ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ ΡΠΎΡΠΌΡ ΡΡΠΎ-ΡΠΎ ΠΏΠΎΡΠ»ΠΎ Π½Π΅ ΡΠ°ΠΊ. ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π΅ΡΡ ΡΠ°Π·?
β
<caption>
ctrl + alt + β
β
<meta>
ctrl + alt + β
onplay | Π‘ΠΊΡΠΈΠΏΡ Π²ΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΌΠ΅Π΄ΡΠ° Π΄Π°Π½Ρ Π³ΠΎΡΠΎΠ²Ρ ΠΏΠΎΡΠ°ΡΠΈ Π²ΡΠ΄ΡΠ²ΠΎΡΠ΅Π½Π½Ρ. |
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 | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ Π²ΡΠ΄ΠΏΡΡΠΊΠ°Ρ ΠΊΠ»Π°Π²ΡΡΡ.![]() |
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 | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ Π²ΡΠ΄ΡΠ²ΠΎΡΠ΅Π½Π½Ρ ΠΌΠ΅Π΄ΡΠ° Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠ·ΡΠΏΠΈΠ½Π΅Π½ΠΎ. |
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 | ΠΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΡΠΊΡΠΎ ΠΏΡΠΈ Π·Π°Π²Π°Π½ΡΠ°ΠΆΠ΅Π½Π½Ρ Π΅Π»Π΅ΠΌΠ΅Π½ΡΠ° ΡΡΠ°Π»Π°ΡΡ ΠΏΠΎΠΌΠΈΠ»ΠΊΠ°. |
onclick | ΠΠΎΠ΄ΡΡ Π²ΠΈΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡΡ ΠΊΠΎΠ»ΠΈ ΠΊΠΎΡΠΈΡΡΡΠ²Π°Ρ ΠΊΠ»Π°ΡΠ°Ρ ΠΠΠ ΠΏΠΎ Π΅Π»Π΅ΠΌΠ΅Π½ΡΡ. |
HTML-ΡΠ΅Π³
Π’Π΅Π³ HTML
ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ°Π·Π΄Π΅Π» Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ΅Π³ΠΈ HTML, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠ΅ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅. ΠΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅, ΡΠ°ΠΊΡΡ ββΠΊΠ°ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅, ΠΊΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π° ΠΈ Ρ. Π΄. Π’ΠΈΠΏΠΈΡΠ½ΡΠΉ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠ΅Π³
, ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΅Π³ΠΎΠ²
, ΡΠ΅Π³
ΠΈ ΡΠ΅Π³Π’Π΅Π³
β Π²ΡΠ΅ Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΎ Π²ΡΠ»Π΅ΠΌΠ΅Π½Ρ.
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΡ
Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅(Ρ
ΠΎΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΎΠ±ΡΡΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² ΡΡΡΠΎΠΊΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°),Π½ΠΎ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½Ρ Π΄Π»Ρ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
Π’Π΅Π³Π·Π°ΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊ
Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΡ
,Π·Π°ΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌ ΠΌΠ΅ΠΆΠ΄Ρ Π½Π°ΡΠ°Π»ΡΠ½ΡΠΌ ΠΈ ΠΊΠΎΠ½Π΅ΡΠ½ΡΠΌ ΡΠ΅Π³Π°ΠΌΠΈ.Π’Π΅Π³
ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ
ΡΠ΅Π³ΠΈ.
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ² Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠΌΠ΅ΡΡ ΡΠ΅Π³
Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π°(Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ:Π΅ΡΠ»ΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ ΡΠ²Π»ΡΠ΅ΡΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠΌ
srcdoc
ΠΈΠ»ΠΈ Π΅ΡΠ»ΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ Π΄ΠΎΡΡΡΠΏΠ½Π° ΠΈΠ· Π±ΠΎΠ»Π΅Π΅ Π²ΡΡΠΎΠΊΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ).-level,Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ,Π² ΡΠ»ΡΡΠ°Π΅ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ HTML).
ΠΠΎΡ ΡΠ°ΠΊ:
<Π³ΠΎΠ»ΠΎΠ²Π°>
ΠΡΡΠΈΠ±ΡΡΡ
ΠΡΡΠΈΠ±ΡΡΡ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML,ΡΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΎ ΡΠΎΠΌ,ΠΊΠ°ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΈΠ»ΠΈ Π²Π΅ΡΡΠΈ ΡΠ΅Π±Ρ.
ΠΠ»Π΅ΠΌΠ΅Π½ΡΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ.
ΠΡΡΠΈΠ±ΡΡ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
ΠΠ΅Ρ | Β |
ΠΠ»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ
Π‘Π»Π΅Π΄ΡΡΡΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ ΡΠ²Π»ΡΡΡΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌΠΈ Π΄Π»Ρ Π²ΡΠ΅Ρ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² HTML.Π‘Π»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ,Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΈ Π°ΡΡΠΈΠ±ΡΡΡ ΡΠ’Π΅Π³
,Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΎ Π²ΡΠ΅ΠΌΠΈ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ΅Π³Π°ΠΌΠΈ HTML.
ΠΊΠ»ΡΡ Π΄ΠΎΡΡΡΠΏΠ°
Π°Π²ΡΠΎΠΊΠ°ΠΏΠΈΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ
ΠΊΠ»Π°ΡΡ
ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΠΌΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ
Π΄Π°Π½Π½ΡΠ΅-*
Π΄ΠΈΡΠ΅ΠΊΡΠΎΡ
ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π΅ΠΌΡΠΉ
ΡΠΊΡΡΡΡΠΉ
ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ
ΡΠ΅ΠΆΠΈΠΌ Π²Π²ΠΎΠ΄Π°
ΡΡΠΎ
ΠΈΠ΄
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΏΡΠΎΠΏ
ΠΡΡΠΈΠΊΡΠ»
ΠΏΡΠ΅Π΄ΠΌΠ΅ΡΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡΡ
ΡΠΈΠΏ ΠΈΠ·Π΄Π΅Π»ΠΈΡ
ΡΠ·ΡΠΊ
ΡΠ°ΡΡΡ
ΡΠ»ΠΎΡ
ΠΏΡΠΎΠ²Π΅ΡΠΊΠ° ΠΏΡΠ°Π²ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ
ΡΡΠΈΠ»Ρ
tabindex
Π½Π°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅
ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄
ΠΠΎΠ»Π½ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΡΠΈΡ
Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΠΌ.Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ HTML 5.
ΠΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ
ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π²Π°ΠΌ Π²ΡΠ·ΡΠ²Π°ΡΡ ΡΡΠ΅Π½Π°ΡΠΈΠΉ ΠΈΠ· Π²Π°ΡΠ΅Π³ΠΎ HTML.Π‘ΠΊΡΠΈΠΏΡ Π²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ,ΠΊΠΎΠ³Π΄Π° ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ Β«ΡΠΎΠ±ΡΡΠΈΠ΅Β».ΠΠ°ΠΆΠ΄ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΠΉ ΠΈΠΌΠ΅Π΅Ρ Π΄Π΅Π»ΠΎ Ρ Π΄ΡΡΠ³ΠΈΠΌ ΡΠΎΠ±ΡΡΠΈΠ΅ΠΌ.
ΠΏΡΠ΅ΡΡΠ²Π°Π½ΠΈΠ΅
onauxclick
ΡΠ°Π·ΠΌΡΡΠΈΠ΅
ΠΏΡΠΈ ΠΎΡΠΌΠ΅Π½Π΅
ΠΎΠ½ΠΊΠ°Π½ΠΏΠ»Π΅ΠΉ
oncanplaythrough
ΠΏΡΠΈ ΠΎΠ±ΠΌΠ΅Π½Π΅
ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡ
ΠΏΡΠΈ Π·Π°ΠΊΡΡΡΠΈΠΈ
Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ
ΠΎΠ½ΠΊΠΎΠΏΠΈΡ
ΠΏΡΠΈ ΠΎΠ±ΠΌΠ΅Π½Π΅
Π²ΡΠ΅Π·Π½ΠΎΠΉ
ondblclick
ΠΎΠ½Π΄ΡΠ°Π³
ΠΎΠ½Π΄ΡΠ°Π³Π΅Π½Π΄
ΠΡΠ°Π³Π΅Π½ΡΠ΅Ρ
Π²ΡΡ ΠΎΠ΄ Π½Π° Π΄ΡΠ°Π³Π΅
Π½Π° Π½Π°ΠΊΠ»Π°Π΄ΠΊΠ΅
ΠΎΠ½Π΄ΡΠ°Π³ΠΎΠ²Π΅Ρ
ΠΎΠ½Π΄ΡΠ°Π³ΡΡΠ°ΡΡ
Π²ΠΏΡΡΠΊΠ½ΠΎΠΉ
ondurationchange
ΠΏΡΡΡΠΎΠΉ
ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ
ΠΏΡΠΈ ΠΎΡΠΈΠ±ΠΊΠ΅
ΠΎΠ½ΡΠΎΠΊΡΡ
Π΄Π°Π½Π½ΡΠ΅ ΡΠΎΡΠΌΡ
Π½Π° Π²Ρ ΠΎΠ΄Π΅
Π½Π΅Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ
Π½Π°ΠΆΠ°ΡΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡΠΈ
Π½Π°ΠΆΠ°ΡΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡΠΈ
onkeyup
ΠΏΡΠΈ ΡΠΌΠ΅Π½Π΅ ΡΠ·ΡΠΊΠ°
ΠΏΠΎΠ΄ Π½Π°Π³ΡΡΠ·ΠΊΠΎΠΉ
Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅
Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΠ΅ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅
Π·Π°ΠΏΡΡΠΊ ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅
ΠΏΠΎ Π½Π°ΠΆΠ°ΡΠΈΡ ΠΌΡΡΠΈ
Π²Π²ΠΎΠ΄ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΌΡΡΠΈ
Π΄Π»Ρ ΠΌΡΡΠ΅ΠΉ
ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΌΡΡΠΈ
onmouseout
ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡΡΠΈ
Π½Π° ΠΌΡΡΠΊΠ΅ Π²Π²Π΅ΡΡ
Π½Π° ΠΏΠ°ΡΡΠ΅
ΠΏΡΠΈ ΠΏΠ°ΡΠ·Π΅
Π² ΠΈΠ³ΡΠ΅
Π² ΠΈΠ³ΡΠ΅
Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅
ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠΊΠΎΡΠΎΡΡΠΈ
ΠΏΡΠΈ ΡΠ±ΡΠΎΡΠ΅
ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ°
ΠΏΡΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠ΅
Π½Π°ΡΡΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΠΈΡΠΈΠΊΠΈ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΠΈ
ΠΏΠΎΠΈΡΠΊ
ΠΏΠΎΠΈΡΠΊ
ΠΏΠΎ Π²ΡΠ±ΠΎΡΡ
onslotchange
ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½
ΠΏΡΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠ΅
ΠΏΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ
ΡΠ²ΠΎΠ΅Π²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅
Π½Π°Π³ΡΡΠ΄Π½ΠΈΠΊ
ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΎΠ±ΡΠ΅ΠΌΠ°
Π² ΠΎΠΆΠΈΠ΄Π°Π½ΠΈΠΈ
Π½Π° ΠΊΠΎΠ»Π΅ΡΠ΅
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΡΠΎΠ±ΡΡΠΈΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ Π²ΡΠ΅Ρ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² HTML,Π½ΠΎ Π΄Π»Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ
ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΡΠΎΠ±ΡΡΠΈΠΉ Π΄Π΅ΠΉΡΡΠ²ΡΡΡ ΠΎΡΠΎΠ±ΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π°,ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡΠΈΠ΅,ΠΊΠΎΠ³Π΄Π° ΠΈΡ
ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈ ΠΊ ΠΊΠ°ΠΊΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ ΠΎΠ½ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌΡ.
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΡΠΌ.Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΠΉ HTML.
ΠΌΠ΅ΡΠ°ΡΠ΅Π³ΠΎΠ² Π² HTML-Website-Head:Metadaten|ΠΠ΅ΠΉΠ»ΡΠΈΠΌΠΏ
Metadaten sind das Erfolgsgeheimnis bei der WebsiteβSEO.In diesem Leitfaden erfΓ€hrst du,wie Metatags in HTML correkt eingefΓΌgt werden.
ΠΠ΅ΡΠ°ΡΠ΅Π³ΠΈ,ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠΌΠΈ,Π²ΠΊΠ»ΡΡΠ°Ρ HTML-ΡΡΠ°Π³ΠΌΠ΅Π½ΡΡ,Ρ ΡΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ Π² Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅.Metatags erscheinen nicht auf den Seiten,sondern befinden sich im Quellcode der Website(dem sogenannten HTML-Code),der wiederum im Website-Head zu finden ist.Π’Π΅Π³ΠΈ Diese beschreiben die Seite fΓΌrsuchmaschinen und helfen ihnen somit,zu bestimmen,worum es auf der Seite geht,undsuchmaschinenbenutzer*innen die relayesten Seiten bereitzustellen.
ΠΠ΅ΡΠ°ΡΠ΅Π³ΠΈ,Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½ΡΠ΅ Π² HTML Π² Anfang der Seite verwendet,sodass sie nur fursuchmaschinen und diejenigen sichtbar sind,die wissen,wie man den Quellcode der Website aufruft.ΠΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅,ΠΈΠ½ΡΠΎΡΠΌΠΈΡΡΡΡΠΈΠ΅ ΠΎ ΡΠ°ΠΊΠΈΡ
ΠΌΠ°ΡΠΈΠ½Π°Ρ
ΠΏΠΎ Π΄Π°ΡΠ΅ Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅,ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅,Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΈ Π±ΡΠ»ΠΈ Π²Π²Π΅Π΄Π΅Π½Ρ Π² Π²Π΅ΡΠ½ΡΡ
ΡΠ°ΠΊΠΈΡ
ΠΌΠ°ΡΠΈΠ½Π°Ρ
Ρ ΠΏΠΎΠΌΠΎΡΡΡ Google.Wenn man nicht weiΓ,wie man Website-Metadata or Code-HTML erstellt,kann es leider ziemlich schwierig sein,Metatags hinzuzufΓΌgen.
ΠΡΠ» Π»ΠΈ ΡΡΠΎ ΡΠ΅Π³ HTML-Head-Tag?
HTML-Head-Tag ist Container for Metadaten.Es befindet sich zwischen dem HTML-Tag und den Haupttext
-Tags.ΠΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ Π²ΡΠ΅ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΡΠ΅ ΠΌΠ΅ΡΠ°ΡΠ΅Π³ΠΈ Π² HTML,Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ,Π² Π½Π°Π·Π²Π°Π½ΠΈΡΡ
,ΡΡΠΈΠ»ΡΡ
,ΡΡΠ΅Π½Π°ΡΠΈΡΡ
ΠΈ Π΄ΡΡΠ³ΠΈΡ
ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΡ
Π±ΡΠ»Π»Π΅ΡΠ΅Π½ΡΡ
.Dieser Bereich der Seite wird nicht im Webbrowser angezigt.Stattdessen bestimmensuchmaschinen anhand der Informationen,worum es auf einer Seite geht,einschlieΓlich Title,Inhalt,Keywords und mehr.Browser verwenden Informationen im Head,um die Website correkt zu rendern.Im Gegensatz zum Head wird der Hauptteil auf der Seite angezeigt,wenn sie in einen Browser geladen wird,sodass er keine Metadaten enthalten sollte.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ HTML-Head?
Der HTML-Head Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΡΠ²ΡΠ·Π°Π½ Ρ HTML-Tag ΠΈ Hauptteil-Tag.Er ist normalerweise viel kleiner als das Hauptteil-Tag,da es hauptsΓ€chlich dafΓΌr da ist,Metadaten aufzunehmen.Du kannst den HTML-Head ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Entwicklertools Π² Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
ΠΡΠ» Π»ΠΈ sind ΠΠ΅Π±-ΡΠ°ΠΉΡ-Metadaten?
ΠΠ΅ΡΠ°ΡΠ΅Π³ΠΈ Π² HTML ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π΄Π»Ρ ΡΠ°ΠΊΠΈΡ ΠΌΠ°ΡΠΈΠ½.Sie werden verwendet,um HTML-Elemente zu beschreiben undsuchmaschinen ΓΌber den Inhalt einer Website zu informieren.Zu den Website-Metadaten GehΓΆren Seitentitel,Beschreibungen,Keywords und mehr,umsuchmaschinen beim Erfassen und Ranken von Webseiten zu unterstΓΌtzen.Π’Π°ΠΊΠΈΠ΅ ΠΌΠ°ΡΠΈΠ½Ρ ΠΈΠ½ΡΠ΅ΡΠΏΡΠ΅ΡΠΈΡΡΡΡ Π΄Π°ΡΡ ΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡΠ°Ρ ,um herauszufinden,wie ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ sie fΓΌr diesuchanfrage von Benutzer*innen sind.ΠΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π° Π² Haupttext und in Backlinks zur Seite spielen wichtige Rollen,aber Metadaten erklΓ€ren den allgemeinen Zweck einer Seite,damit sie nach ΠΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π° gerrankt werden kann.
ΠΠ΅ΡΠ°ΡΠ΅Π³ΠΈ Π²ΠΊΠ»ΡΡΠ°ΡΡ SEO-ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΈΡ verbessern,indem siesuchmaschinen helfen,den Zweck einer Seite zu verstehen.ΠΠΎΠ±Π°Π²Π»ΡΠΉΡΠ΅ Π²ΡΠ΅ ΠΌΠ΅ΡΠ°ΡΠ΅Π³ΠΈ Π΄Π»Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ SEO.
Du hast mehrere MΓΆglichkeiten,dem Head einer Website Metadaten hinzufΓΌgen.ZunΓ€chst benΓΆtigst du Zugriff auf den Head-Bereich der HTML-Datei.Du kannst sie herunterladen und mit einem Texteditor Bearbeiten oder eine neue Datei erstellen.Du kannst die Datei auch dem Dateimanager von cPanel hinzufΓΌgen oder dort bearbeiten.Sobald dir die HTML-Datei vorliegt,suche oben nach dem Head-Bereich.Je nachdem,wie die Seite erstellt wurde,hast du mΓΆglicherweise bereits ein Titel-Tag und andere Arten von Metatags.
Wenn du kein/-e Websiteentwickler*in bist,kannst du mΓΆglicherweise ein WordPress-Plug-in wie SEOPress oder Yoast verwenden,um deinen Websiteten ganz leicht Metatags hinzuzufΓΌgen.
Titel-Tag
Das Title-Tag ist das,was aufsuchmaschinen-Ergebnisseiten(SERPs)as Titel deiner Website angezeigt wird.Jede Seite deiner Website sollte einen eindeutigen Titel haben.Der Titel ist nicht mit dem h2-Tag aus dem Hauptteil der Seite zu verwechseln und kann als Titel fΓΌr den Inhalt der Seite dienen.Titel-Tags sollten etwa 50 bis 60Β Zeichen lang sein,damitsuchmaschinen sie nicht kΓΌrzen.
Du kannst den Titel zu einer Webseite hinzufΓΌgen,indem du im Quellcode das
-Tag findest und die WΓΆrter eingibst.Wenn du dein Titel-Tag eingefΓΌgt hast,sollte es so aussehen:
Hier kommt der Titel hin
Titel-Tags sind wichtig,weil siesuchmaschinen helfen,zu bestimmen,worum es auf einer Website geht und ob sie deine Seite bei einer bestimmtensuche auffΓΌhren sollen oder nicht.ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ ΡΠ΅Π³ΠΈ,ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ Π² Browserregisterkarten angezigt,um dir die Navigation in deinem Browser zu erleichtern.
ΠΡΡΠ΅ΠΊΡΠΈΠ²Π½ΡΠ΅ Π’ΡΠ³ΠΈ Π’ΠΈΡΡΠ»-Π’ΡΠ³ΠΈ,ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡΠΈΠ΅ ΠΊΠ»ΡΡΠ΅Π²ΠΎΠ΅ ΡΠ»ΠΎΠ²ΠΎ Ziel-Keywords verwenden,umsuchmaschinen beim Ranking der Seite zu unterstΓΌtzen.Sie mΓΌssen jedoch auch Benutzerinnen dazu bewegen,deine Artikel oder Webseiten anzuklicken.ΠΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π° mit hoher PrioritΓ€t sollten so nah wie mΓΆglich am Anfang des Titels erscheinen,da dir nicht viel Platz zur VerfΓΌgung steht.DarΓΌber hinaus sollte jede Seite einen eindeutigen Titel haben,umsuchmaschinen und ihre Benutzerinnen nicht zu verwirren.
Metabeschreibungs-Tag
Eine Metabeschreibung ist die kurze Zusammenfassung,die auf SERPs under dem Title erscheint.Alle deine Seiten sollten eindeutige und genaue Beschreibungen der Inhalte haben.Eine Metabeschreibung sollte zwischen 150 ΠΈ 160Β Zeichen lang sein,damit sie in densuchergebnissen nicht gekΓΌrzt wird.Leider darfst du nicht immer mitreden,wie deine Metabeschreibung aussieht.Selbst wenn du sie selbst schreibst,kΓΆnnensuchmaschinen immer noch entscheiden,dass die bereitgestellten Informationen Π½Π΅ΡΠ΅Π»Π΅Π²Π°Π½ΡΠ½ΡΠΉ sind,und deine Metabeschreibungen neu schreiben oder den falschen Inhalt von der Seite anzeigen.
Um das Metabeschreibungs-Tag zu deiner Webseite hinzuzufΓΌgen,suche den-ΠΠΎΠ»ΡΡΠΈΡΡ HTML-ΠΊΠΎΠ΄Ρ.
Eine Metabeschreibung ist fursuchmaschinen und Benutzerinnen eine wichtige Information.Mit einer effektiven Metabeschreibung kannst du mehr Klicks auf deiner Website erreichen,da sie klarmacht,Π±ΡΠ» Benutzerinnen auf ihr erwarten kΓΆnnen.
Wenn du Ziel-Keywords in deine Metabeschreibung einfΓΌgst,finden Benutzerinnen deine Inhalte eher undsuchmaschinen finden leichter heraus,worum es auf der Seite geht.Du kannst auch den Zweck der Seite erklΓ€ren und angeben,Π±ΡΠ» Kundinnen erwartet,wenn sie sie anklicken.Du kannst mit deinen Metabeschreibungen auΓerdem A/B-Tests durchfΓΌhren,um zu sehen,welche Versionen haufiger angeklickt wird,mit welchen dein Ranking besser ist und du letztendlich mehr Websitetraffic genericst.Sieh dir diese Beispiele fΓΌr Metabeschreibungen an und finde heraus,wie du eine effektive Beschreibung verfasst.
Meta-Robot-Tag
Das Meta-Robot-Tag zeigtsuchmaschinen,wie sie deine Website erfassen sollen,und sagt ihnen,welche Seiten du ranken mΓΆchtest und welche nicht.Π’Π΅Π³ΠΈ Diese haben viele Zwecke,Π΄Π°Ρ
Π΅Ρ musst Π΄Ρ sie korrekt verwenden,wenn du bestimmte Seiten ranken und andere ignorieren mΓΆchtest.
Robot-Tags sagensuchmaschinen,ob sieeine Seite indexieren oder ihr folgen sollen,indem sie sieals Β«INDEXΒ»(Indexieren)ΠΈ Β«FOLLOWΒ»(Folgen)ΠΈΠ»ΠΈ Β«NOINDEXΒ»(Nicht indexieren)ΠΈ Β«NOFOLLOWΒ»(Nicht folgen))ΠΊΠ΅Π½Π½ΡΠ°ΠΉΡ Π½Π΅Π½.Wenn du eine Seite als Β«INDEXΒ» kennzeichnest,sagst dusuchmaschinen,dass sie in SERPs angezeigt werden soll.Wenn du ihnen dagegen mit FOLLOW sagst,dass sie einer Seite folgen sollen,bedeutet das,dass du PageRank ΠΈ eine bestimmte Seite weiterleiten mΓΆchtest.Bei einem NOFOLLOW-Tag folgt diesuchmaschine der Seite nicht,sodass sie kein Seitenranking auf eine andere Art von Webseite ΓΌbertragen kann.Diese Seiten kΓΆnnen immer noch im Google-Index erscheinen,wenn eine andere Website ohne Verwendung des NOFOLLOW-Tags zu ihnen verlinkt.Anderesuchmaschinen haben mΓΆglicherweise abweichende Regeln fΓΌr diese Robot-Tags.
Robot-Tags kΓΆnnen ungefΓ€hr so ββaussehen:
90 003<ΠΌΠ΅ΡΠ°ΠΈΠΌΡ=Β«robotsΒ» content=index,nofollowΒ»>
Welche Tags du verwendest,hΓ€ngt letztendlich von deinen Zielen fΓΌr eine bestimmte Seite ab.Die erste Zeile in unserem Beispiel weistsuchmaschinen an,die Seite und die Links innerhalb der Seite zu ignorieren,Π±ΡΠ» sie letztendlich fΓΌr den Referral-Traffic nutzlos macht.Das zweite Beispiel weistsuchmaschinen an,die Seite zu ignorieren,aber allen Hyperlinks auf dieser Seite zu folgen.Das dritte Beispiel weistsuchmaschinen an,die Seite zu indexieren,den Hyperlinks auf der Seite,die zu anderen Seiten fΓΌhren kΓΆnnen,aber nicht zu folgen.
Jede Deiner Seiten Sollte ein Meta-Robot-Tag,aber nur ein Tag pro Seite haben.Du solltest nicht alle drei Optionen auf einer einzigen Seite verwenden.
Open-Graph-Tag
Open-Graph-Tags werden zum Teilen von Nachrichten auf sozialen Medienplattformen wie Facebook verwendet.Wenn du Informationen aus einem Blog wie dem gezeigten Bild und einem Snippet weitergeben mΓΆchtest,verwendest du das Open-Graph-Tag.Diese Tags Informieren soziale Medienplattformen effektiv darΓΌber,welche Art Informationen du anzeigen mΓΆchtest,wenn du einen Link von deiner Website teilst.
Wahrscheinlich hast du bereits einige Open-Graph-Tags in Aktion erlebt.Jedes Mal,wenn du einen Link von einer Website in den sozialen Medien teilst,wird Automaticisch eine Vorschau generiert.Diese Vorschau wird ΓΌber das Open-Graph-Tag erstellt.Du kannst zwischen vielen Open-Graph-Tags wΓ€hlen,aber im Head-HTML werden sie so angezeigt:
Unterem kannst du Folgendes in ein Open-Graph-Tag einfΓΌ Π³Π΅Π½:<ΠΌΠ΅ΡΠ°-ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ=βog:descriptionβ>
<ΠΌΠ΅ΡΠ°-ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ=βog:typeβ>
<ΠΌΠ΅ΡΠ°-ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ=βog:imageβ>
<ΠΌΠ΅ΡΠ°-ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ=βog:url β>
ΠΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠ° ΠΈ ΡΠ΅ΠΌΡ.Du kannst fΓΌr den Open-Graph-Titel den Metatitel wΓ€hlen oder ihn je nach deiner Zielgruppe in den sozialen Medien Γ€ndern.Die Beschreibung funktioniert dagegen Γ€hnlich wie eine Metabeschreibung,wΓ€hrend der Typ die Art des Inhalts festlegt.Der Typ kΓΆnnte sich beispielsweise auf ein Lied,eine PDF-Datei oder ein Bild beziehen.
DarΓΌber hinaus sagt das Open-Graph-Tag sozialen Medienplattformen,welches Bild du von der Website abrufen mΓΆchtest und als Bild des Beitrags dienen soll.URL-Π°Π΄ΡΠ΅Ρ β ΡΡΠΎ URL-Π°Π΄ΡΠ΅Ρ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°.Wenn du den Namen deiner Website anzeigen mΓΆchtest,kannst du das mit dem Tag fΓΌr den Websitenamen tun,aber es ist fΓΌr Benutzer*innen sozialer Medien normalerweise keine wichtige Eigenschaft.
ΠΠ΅ΡΠ°-ΡΠ΅Π³ ΠΊΠ»ΡΡΠ΅Π²ΠΎΠ³ΠΎ ΡΠ»ΠΎΠ²Π°
Π‘ ΠΌΠ΅ΡΠ°-ΡΠ΅Π³ΠΎΠΌ ΠΊΠ»ΡΡΠ΅Π²ΠΎΠ³ΠΎ ΡΠ»ΠΎΠ²Π° wird beschrieben,fΓΌr welche ΠΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π° Π² ΡΠ΅ΠΉΡΠΈΠ½Π³Π΅ durchfΓΌhren mΓΆchtest.Die meistensuchmaschinen ignorieren dieses Tag jedoch,sodass es jedes Jahr veraltet.Wenn du das Meta-Keyword-Tag missbrΓ€uchlich verwendest,darfst du zur Strafe eventuell kein Ranking fΓΌr deine Ziel-Keywords durchfΓΌhren.Werden sie correkt verwendet,kann dieses Tagsuchmaschinen sagen,worum es bei deinen Inhalten geht,indem es wichtige ΠΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π° auf deiner Seite hervorhebt.Leider verwendet Google das Meta-Keyword-Tag nicht,anderesuchmaschinen aber vielleicht schon.Daher lohnt es sich,zu ΓΌberlegen,ob du deine SEO mithilfe anderersuchmaschinen als Google verbessern mΓΆchtest.
Zumindest kann dir das Meta-Keyword-Tag helfen,nachzuverfolgen,welche ΠΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π° Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ verschiedenen-Seiten anvisierst.Das Tag Sieht So Aus:
Da Die FΓΌhrenden Sucmashinen Das Meta-Keyword-tag nicht mehr als als als als als alslenden verwenden,musst Zeine Zeine zeine mehramt vershren als als als als alssh Mehr Code hinzufΓΌgen,der deine Website eventuell verlangsamt.Du kannst es stattdessen ΓΌberspringen und dich auf Metatags konzentrieren,die helfen kΓΆnnen,Rankings und Benutzererfahrung zu verbessern.
Weitere HTML-Metatags
Es gibt viele andere Arten von Metatags,die du im Head oder im Hauptteil einer Website verwenden kannst,darunter:
- Canonical Tag:Das Canonical Tag wird verwendet,um anzugeben,ob dies die ΠΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ ist.
So wissensuchmaschinen,dass es sich bei einer Version um die Hauptseite handelt und die anderen nicht indexiert werden sollten.Dies kann verhindern,dass du dir selbst mit Rankings Konkurrenz machst und dass doppelte Inhalte zu einem Problem werden.
- Tag for Alternativtext:Das Alt-Text-Tag hilftsuchmaschinen,Bilder mithilfe von Text zu lesen,da sie nicht erkennen kΓΆnnen,wie ein Bild aussieht.Wenn du Alt-Text schreibst,verwende immer Required Beschreibungen ohne Keyword-Stuffing.ΠΠ»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΡΡΠ΅Π΄ΡΡΠ²Π° ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π°,ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Barrierefreiheit der Website zu verbessern.Er muss daher fΓΌr die Benutzer*innen Sinn machen.
- Π’Π΅Π³ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ²:Π’Π΅Π³ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² werden verwendet,um die SchriftgrΓΆΓe zu Γ€ndern und Inhalte zu structurieren.Diese Tags reichen von h2(dem grΓΆΓten)bis H6(dem kleinsten)und kΓΆnnen Leser*innen helfen,Inhalte zu ΓΌberfliegen.
- Language-Tags:Das Language-Metatag sagtsuchmaschinen,in welcher Sprache der Inhalt verfasst ist,und gibt das Land an,um diesuchergebnisse basierend auf Sprache und Standort zu verbessern.
- Π’Π΅Π³ΠΈ Π°Π²ΡΠΎΡΠ°:Π’Π΅Π³ΠΈ Π°Π²ΡΠΎΡΠ° geben den Autor bzw.die Autorin des Inhalts an,was helfen kann,Googles Anforderungen an Expertise,ZuverlΓ€ssigkeit und VertrauenswΓΌrdigkeit(ΠΠΊΡΠΏΠ΅ΡΡΠΈΠ·Π°,ΠΠ²ΡΠΎΡΠΈΡΠ΅ΡΠ½ΠΎΡΡΡ,ΠΠ°Π΄Π΅ΠΆΠ½ΠΎΡΡΡ,EAT)Π΄Π»Ρ ΡΠ΅ΠΉΡΠΈΠ½Π³Π° Inhalten zu erfΓΌllen.
- VerΓΆffentlichungsdatum:Das VerΓΆffentlichungsdatum kann in Blogs verwendet werden,damit Benutzer*innen besser beurteilen kΓΆnnen,wie ΡΠ΅Π»Π΅Π²Π°Π½ΡΠ½Π°Ρ ΠΈ Π°ΠΊΡΡΠ°Π»ΡΠ½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ.Erfahre Mehr ΓΌber Metadaten fΓΌr Blogposts.
- Π‘ΡΠΈΠ»ΡΠ’Π΅Π³ Style-Tag ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ CSS-ΠΊΠΎΠ΄,ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅,ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ.
Du musst die Vor-und Nachteile der einzelnen Tags abwΓ€gen,wenn du ΓΌberlegst,welche du verwenden willst.Mehr Code auf deiner Website kann sich negativ auf die Ladegeschwindigkeit auswirken und verhindern,dass deine Website so schnell wie mΓΆglich lΓ€dt.Die Seitengeschwindigkeit legt fest,wie lange eine Seite deiner Website zum Laden braucht.Je lΓ€nger das Laden einer Seite dauert,desto wahrscheinlicher brechen Benutzerinnen wieder ab,sodass du letztendlich deinen Webtraffic und eine Verkaufschance verlierst.Bei der Beurteilung deiner Seitengeschwindigkeit musst du sowohl Desktops als auch MobilgerΓ€te berΓΌcksichtigen.Benutzerinnen,die eine Website ΓΌber ein MobilgerΓ€t besuchen,haben noch weniger Geduld.Daher sollte die Geschwindigkeit deiner mobilen Seite oberste PrioritΓ€t haben,damit Benutzer*innen nicht das Interesse an den Inhalten deiner Seite verlieren.
Die Seitengeschwindigkeit ist auch ein wichtiger Rankingfaktor,da sie die Benutzerfreundlichkeit verbessert.Je schneller eine Webseite lΓ€dt,desto wahrscheinlicher ist es,dass Benutzerinnen eine gute Erfahrung machen,sodasssuchmaschinen benutzerinnen bessere Ergebnisse liefern kΓΆnnen.Die Seitengeschwindigkeit wirkt sich auch auf deinen Umsatz aus.Eine Seite muss schnell Π·Π°Π³ΡΡΠΆΠ΅Π½,damit deine potenziellen Kund*innen auf der Website aktiv bleiben,sodass sie vor dem Konvertieren alles Notwendige in Erfahrung Bringen kΓΆnnen.
Metatags sind zwar auch fΓΌrsuchmaschinen unerlΓ€sslich,es ist aber immer am besten,darauf zu achten,welche du am dringendsten brauchst.Wir haben besprochen,welche Metatags auf deiner Website am wichtigsten sind,um die SEO zu verbessern,aber es kann sich auf die Seitengeschwindigkeit und unmittelbar auf deine Rankings auswirken,wenn du deiner Website noch weiteren Code hinzufΓΌgst.
Warum du dem Website-Head HTML-Metadaten hinzufΓΌgen solltest
Metadaten kΓΆnnen nur im Website-Head verwendet werden.Wenn du sie in den Hauptteil der Seite einfΓΌgst,erscheinen sie beim Rendern im Browser,Π±ΡΠ» letztendlich die Benutzererfahrung beeintrΓ€chtigt und verhindert,dasssuchmaschinen deine Webseiten mithilfe der Daten effektiv einstufen kΓΆnnen.Wenn dein Markup ungΓΌltig ist,stellen Browser deine Seiten mΓΆglicherweise nicht correkt dar.Verwende Tags deshalb nur im Head,wo sie loophΓΆren,da dies der einzige Ort ist,wosuchmaschinen nach ihnensuchen.