ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° html

Π ΡΡΠΎΠΉ ΡΡΠ±ΡΠΈΠΊΠ΅ Ρ ΠΏΠΎΡΡΠ°ΡΠ°Π»ΡΡ Π²ΡΠ»ΠΎΠΆΠΈΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° html Ρ ΠΊΠΎΠ΄ΠΎΠΌ ΠΈ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΌΠΈ ΠΏΡΠΈΠΌΠ΅ΡΠ°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Π²Π΅Π±ΠΌΠ°ΡΡΠ΅ΡΠ°.
Π ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ Π»ΡΠ±ΠΎΠΉ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ° ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ Ρ Π½ΠΈΠΌ ΠΈ ΠΏΠΎΡΠ»Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ Π΅Π³ΠΎ Ρ ΡΠ΅Π±Ρ Π½Π° ΡΠ°ΠΉΡΠ΅.
ΠΠ½Π»Π°ΠΉΠ½ ΡΠΈΠ»ΡΠΌΡ ΡΠ΅ΠΆΠΈΡΡΠ΅ΡΠ° Π’ΠΈΠ½ΡΠΎ ΠΡΠ°ΡΡ
ΠΠ±ΡΡΠ΅Π½ΠΈΠ΅ HTML ΠΎΠ½Π»Π°ΠΉΠ½ Π²ΠΈΠ΄Π΅ΠΎ-ΡΡΠΎΠΊ

ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΠΈΠ΄Π΅ΠΎΡΠΎΠ½ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°

ΠΠ°ΠΊ Π²ΡΡΠΎΠ²Π½ΡΡΡ div ΠΏΠΎ Π²ΡΡΠΎΡΠ΅

ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠ΅ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ

CSS ΡΠ΅Π½Ρ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ°


CSS ΡΠ΅Π½Ρ Π΄Π»Ρ Π±Π»ΠΎΠΊΠ° div

ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π±Π»ΠΎΠΊΠΈ div ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ

PRE Π΄Π»Ρ ΡΠ°ΠΉΡΠ°, ΠΊΠ°ΠΊ Π²ΡΠ²Π΅ΡΡΠΈ html ΠΊΠΎΠ΄ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅

ΠΡΠ²ΠΎΠ΄ php Π½Π° html ΡΡΡΠ°Π½ΠΈΡΠ΅

ΠΠΎΠ΄Π°Π»ΡΠ½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ ΠΏΡΠΈ Π·Π°ΠΊΡΡΡΠΈΠΈ ΡΡΡΠ°Π½ΠΈΡΡ

ΠΠΎΠ΄Π°Π»ΡΠ½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ ΠΏΡΠΈ ΠΎΡΠΊΡΡΡΠΈΠΈ ΡΡΡΠ°Π½ΠΈΡΡ

ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Π½Π° css

ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΡΠ»ΠΊΡ Π½Π° ΡΠ°ΠΉΡ html

ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΌΠ΅Π½Ρ Π² html


ΠΠΎΡΠΎΠ²ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° Π½Π° css ΠΈ jQuery

ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²ΠΊΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°

ΠΠ°ΠΊ ΠΈ Π³Π΄Π΅ ΠΏΡΠΎΠ΄Π°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ

ΠΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΠ΅ΡΠ²Π΅Ρ VDS Zomro

ΠΠ΅ΡΠ΅Π²ΡΠΉ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅ΡΠ²Π΅Ρ Zomro

ΠΠ°ΠΊ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π½Π° ΡΠ°ΠΉΡ html Π²ΠΈΠ΄Π΅ΠΎ Π±ΡΡΡΡΡΠ°ΠΏ

ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΌΠ΅Π½Ρ Π½Π° ΠΡΡΡΡΡΠ°ΠΏ

ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ°ΡΡΡΠ΅Π»Ρ Π½Π° Π±ΡΡΡΡΡΠ°ΠΏ

ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π½Π° Π±ΡΡΡΡΡΠ°ΠΏ


Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡΠ° Artisteer 4

ΠΠΎΠ³ΠΎΡΠΈΠΏ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° Π² ΡΠΎΡΠΌΠ°ΡΠ΅ PSD

ΠΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π° Π΄Π»Ρ ΡΠ°ΠΉΡΠ°

SEO β ΠΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ°, ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΡΠ°ΠΉΡΠ°

Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Π΄ΠΎΠΌΠ΅Π½ (Π΄ΠΎΠΌΠ΅Π½Π½ΠΎΠ΅ ΠΈΠΌΡ)

ΠΠ°ΠΊΠΎΠΉ Ρ ΠΎΡΡΠΈΠ½Π³ Π»ΡΡΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°

ΠΠ°ΠΊ Π½Π°ΡΠ°ΡΡΠΈΡΡ ΡΠΠ¦ ΡΠ°ΠΉΡΠ°

Position css / ΠΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π² css

ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ RSS ΠΊΠ°Π½Π°Π»


ΠΠ°ΡΠ°Π³ΡΠ°Ρ html

ΠΡΠΈΠΎΡΠΈΡΠ΅Ρ Π² css

ΠΠ°ΠΊ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡ ΡΡΠΈΡΡ ΠΊ html

ΠΠ°ΠΊ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡ css

Π‘Π΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML5

Π‘Π΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML5 Π΄ΠΎΡΡΡΠΏΠ½ΠΎ ΠΎΠΏΠΈΡΡΠ²Π°ΡΡ ΡΠ²ΠΎΠΉ ΡΠΌΡΡΠ» ΠΈΠ»ΠΈ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ Π΄Π»Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ², ΡΠ°ΠΊ ΠΈ Π΄Π»Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ².
ΠΠΎ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ° HTML5 Π²ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° ΡΡΡΠ°Π½ΠΈΡ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ»Π°ΡΡ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <div>, ΠΊΠΎΡΠΎΡΡΠΌ ΠΏΡΠΈΡΠ²Π°ΠΈΠ²Π°Π»ΠΈ ΠΊΠ»Π°ΡΡΡ class ΠΈΠ»ΠΈ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ id Π΄Π»Ρ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, <div>). Π‘ ΠΈΡ
ΠΏΠΎΠΌΠΎΡΡΡ Π² HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π»ΠΈ Π²Π΅ΡΡ
Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Ρ, Π±ΠΎΠΊΠΎΠ²ΡΠ΅ ΠΏΠ°Π½Π΅Π»ΠΈ, Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅.
Π‘ΡΠ°Π½Π΄Π°ΡΡ HTML5 ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΠ» Π½ΠΎΠ²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ, Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ. ΠΠΎΠ²ΡΠ΅ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ»ΠΈ ΡΠ»ΡΡΡΠΈΡΡ ΡΡΡΡΠΊΡΡΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ, Π΄ΠΎΠ±Π°Π²ΠΈΠ² ΡΠΌΡΡΠ»ΠΎΠ²ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π·Π°ΠΊΠ»ΡΡΠ΅Π½Π½ΠΎΠΌΡ Π² Π½ΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌΡ (Π±ΡΠ»ΠΎ <div>, ΡΡΠ°Π»ΠΎ <header>). ΠΠ»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π΅ Π·Π°Π΄Π°Π½ΠΎ Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΠΏΡΠ°Π²ΠΈΠ», ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΠΏΠΎ ΡΠ²ΠΎΠ΅ΠΌΡ ΡΡΠΌΠΎΡΡΠ΅Π½ΠΈΡ. ΠΠ»Ρ Π²ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π΄ΠΎΡΡΡΠΏΠ½Ρ βΠ³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ.
Π‘ΠΎΠ³Π»Π°ΡΠ½ΠΎ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ HTML5 ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠΈΡ ΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ (Π½ΠΎΠ»Ρ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅) ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ. ΠΠ°ΠΆΠ΄Π°Ρ ΠΈΠ· Π½ΠΈΡ Π³ΡΡΠΏΠΏΠΈΡΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΎ ΡΡ ΠΎΠΆΠΈΠΌΠΈ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠ°ΠΌΠΈ. ΠΡΠ΄Π΅Π»ΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΎΠ±ΡΠΈΠ΅ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ:
- ΠΠ΅ΡΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅
- ΠΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅
- Π‘Π΅ΠΊΡΠΈΠΎΠ½Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅
- ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΡΠ½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅
- Π’Π΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅
- ΠΡΡΡΠΎΠ΅Π½Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅
- ΠΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ HTML5-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²
1. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <header>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΡΡΠΏΠΏΠΈΡΡΠ΅Ρ Π²Π²ΠΎΠ΄Π½ΡΠ΅ ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΌ. ΠΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΎΠ±ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ ΡΠ°Π·Π΄Π΅Π»Π° ΡΡΡΠ°Π½ΠΈΡΡ, ΡΠΎΡΠΌΡ ΠΏΠΎΠΈΡΠΊΠ° ΠΈΠ»ΠΈ Π»ΠΎΠ³ΠΎΡΠΈΠΏ. Π HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡΡΡ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <header> ΠΈ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π² Π»ΡΠ±ΠΎΠΉ ΡΠ°ΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ.
<header>
<h2>Site description</h2>
<nav>
<ul>
<li><a href="">About</a>
<li><a href="">Forum</a>
<li><a href="">Download</a>
</ul>
</nav>
</header>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <header> Π½Π΅Π»ΡΠ·Ρ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡ Π²Π½ΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <footer>, <address> ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <header>.
2. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <nav>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΡΠ΅ΠΊΡΠΈΠΎΠ½Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π±Π»ΠΎΠΊΠ° Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ Π²ΡΠ΅Π³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°, ΠΏΡΠΈ ΡΡΠΎΠΌ Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡΡ Π²Π½ΡΡΡΠΈ <header>. ΠΠ° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <nav>. ΠΠ΅ Π·Π°ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ΅Π³ΠΈ <ul> ΠΈΠ»ΠΈ <ΠΎl>, ΠΎΠ½ ΠΏΡΠΎΡΡΠΎ ΠΈΡ
ΠΎΠ±ΡΠ°ΠΌΠ»ΡΠ΅Ρ. ΠΠ΅ Π²ΡΠ΅ Π³ΡΡΠΏΠΏΡ ΡΡΡΠ»ΠΎΠΊ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΎΠ±ΡΡΠ½ΡΡΡ <nav>, ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π² ΠΏΠ΅ΡΠ²ΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ Π΄Π»Ρ ΡΠ°Π·Π΄Π΅Π»ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΡΡΠΎΡΡ ΠΈΠ· Π³Π»Π°Π²Π½ΡΡ
Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΡΡ
Π±Π»ΠΎΠΊΠΎΠ².
<nav>
<ul>
<li><a>...</a></li>
<li><a>...</a></li>
<li><a>...</a></li>
</ul>
</nav>
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ²:
<nav>
<p><a href="">...</a></p>
<p><a href="">...</a></p>
</nav>
Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π²Π½ΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°:
<nav>
<h3>...</h3>
<ul>
<li><a>...</a></li>
<li><a>...</a></li>
<li><a>...</a></li>
</ul>
</nav>
3. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <article>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΡΠ΅ΠΊΡΠΈΠΎΠ½Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠΈ Π·Π°ΠΏΠΈΡΠ΅ΠΉ β ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΉ, ΡΡΠ°ΡΠ΅ΠΉ, Π·Π°ΠΏΠΈΡΠ΅ΠΉ Π±Π»ΠΎΠ³Π°, ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π². ΠΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΡΠΉ ΠΎΠ±ΠΎΡΠΎΠ±Π»Π΅Π½Π½ΡΠΉ Π±Π»ΠΎΠΊ, ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΡΠΉ Π΄Π»Ρ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. ΠΠΎΠΆΠ΅Ρ Π΄ΡΠ±Π»ΠΈΡΠΎΠ²Π°ΡΡΡΡ Π½Π° Π΄ΡΡΠ³ΠΈΡ
ΡΡΡΠ°Π½ΠΈΡΠ°Ρ
ΡΠ°ΠΉΡΠ° ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π²Π½ΡΡΡΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ <article>, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΡ ΠΈΠΌΠ΅ΡΡ Π±Π»ΠΈΠ·ΠΊΠΎΠ΅ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠ΅ ΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΡ Π²Π½Π΅ΡΠ½Π΅ΠΉ ΡΡΠ°ΡΡΠΈ. ΠΡΠ»ΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½Π° ΡΡΠ°ΡΡΡ Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ, ΠΎΠ½Π° Π½Π΅ Π½ΡΠΆΠ΄Π°Π΅ΡΡΡ Π² ΠΎΠ±ΡΡΡΠΊΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ <article>. ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π±ΡΠ΄Π΅Ρ ΡΠ²Π½ΠΎ ΡΠΊΠ°Π·Π°Π½ΠΎ Π² ΡΡ
Π΅ΠΌΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°.
<section>
<article>
<h3><a href="">Spring Comes (and Goes) in Sussex County</a></h3>
<p>Yesterday I joined the Brooklyn Bird Club for our annual trip to Western New Jersey, specifically Hyper Humus, a relatively recently discovered hot spot. </p>
</article>
<article>
<h3><a href="">But does it count for your life list?</a></h3>
<p>Seems you can now go bird watching via the Internet. I haven't been able to test it out yet (20 user limit apparently) but this is certainly cool. Personally, I can't imagine it replacing actually being out in the field by any small amount.</p>
</article>
<nav>
<a href="">« Previous Entries</a>
</nav>
</section>
4. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <section>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΡΠ΅ΠΊΡΠΈΠΎΠ½Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Π·Π΄Π΅Π» Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°. ΠΡΡΠΏΠΏΠΈΡΡΠ΅Ρ ΡΠ΅ΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΈ ΠΎΠ±ΡΡΠ½ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ. ΠΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ Π±Π»ΠΎΠΊΠΎΠΌ-ΠΎΠ±Π΅ΡΡΠΊΠΎΠΉ, Π΄Π»Ρ ΡΡΠΈΡ
ΡΠ΅Π»Π΅ΠΉ ΡΠΌΠ΅ΡΡΠ½Π΅Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ <div>. Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΡΡΡΠΏΠ°ΡΡ ΠΎΠ³Π»Π°Π²Π»Π΅Π½ΠΈΠ΅, ΡΠ°Π·Π΄Π΅Π»Ρ Π½Π°ΡΡΠ½ΡΡ
ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΉ, ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΌΠ΅ΡΠΎΠΏΡΠΈΡΡΠΈΡ. ΠΠΎΠΌΠ°ΡΠ½ΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° ΡΠ°ΠΉΡΠ° ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΠΎΠ΄Π΅Π»Π΅Π½Π° Π½Π° ΡΠ΅ΠΊΡΠΈΠΈ β Π±Π»ΠΎΠΊ Π²Π²ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΈ ΠΊΠΎΠ½ΡΠ°ΠΊΡΡ. ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π±ΡΠ΄Π΅Ρ ΡΠ²Π½ΠΎ ΡΠΊΠ°Π·Π°Π½ΠΎ Π² ΡΡ
Π΅ΠΌΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°.
<article>
<h2>...</h2>
<section>
<h3>...</h3>
<p>...</p>
</section>
<section>
<h3>...</h3>
<p>...</p>
</section>
<p>...</p>
</article>
<article> Π²Π½ΡΡΡΠΈ <section>
ΠΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ <section> Ρ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ <article>, Π² ΠΊΠΎΡΠΎΡΡΡ Π΅ΡΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <article>. ΠΠ΅ Π²ΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΡΡΡΡΠΎΠ΅Π½Ρ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊ, Π½ΠΎ ΡΡΠΎ Π΄ΠΎΠΏΡΡΡΠΈΠΌΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π²Π»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΎΡΠ½ΠΎΠ²Π½Π°Ρ ΠΎΠ±Π»Π°ΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π΄Π²Π° Π±Π»ΠΎΠΊΠ° ΡΠΎ ΡΡΠ°ΡΡΡΠΌΠΈ ΡΠ°Π·Π½ΠΎΠΉ ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠΈ. ΠΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π½Π° ΡΡΠΎΠΌ Π°ΠΊΡΠ΅Π½Ρ, ΠΏΠΎΠΌΠ΅ΡΡΠΈΠ² ΠΊΠ°ΠΆΠ΄ΡΡ ΡΡΠ°ΡΡΡ ΠΎΠ΄Π½ΠΎΠΉ ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠΈ Π²Π½ΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <section>
<section>
<h2>ΠΠ°ΠΌΠ΅ΡΠΊΠΈ ΠΎ ΠΏΡΠΈΡΠΎΠ΄Π΅</h2>
<article>
<h3>...</h3>
<p>...</p>
</article>
<article>
<h3>...</h3>
<p>...</p>
</article>
</section>
<section>
<h2>ΠΡΡΠΎΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π·Π°ΠΌΠ΅ΡΠΊΠΈ</h2>
<article>
<h3>...</h3>
<p>...</p>
</article>
<article>
<h3>...</h3>
<p>...</p>
</article>
</section>
5. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <aside>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΡΠ΅ΠΊΡΠΈΠΎΠ½Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΡΡΠΏΠΏΠΈΡΡΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΡΠ²ΡΠ·Π°Π½Π½ΠΎΠ΅ Ρ ΠΎΠΊΡΡΠΆΠ°ΡΡΠΈΠΌ Π΅Π³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ Π½Π°ΠΏΡΡΠΌΡΡ, Π½ΠΎ ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠ΅ΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΌ (Ρ.Π΅., ΡΠ΄Π°Π»Π΅Π½ΠΈΠ΅ ΡΡΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° Π½Π΅ ΠΏΠΎΠ²Π»ΠΈΡΠ΅Ρ Π½Π° ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ). Π§Π°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΡΠ΅ΡΡΡ ΠΊΠ°ΠΊ Π±ΠΎΠΊΠΎΠ²Π°Ρ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° (ΠΊΠ°ΠΊ Π² ΠΊΠ½ΠΈΠ³Π°Ρ
) ΠΈ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π² ΡΠ΅Π±Ρ Π³ΡΡΠΏΠΏΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²: <nav>, ΡΠΈΡΡΠΎΠ²ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅, ΡΠΈΡΠ°ΡΡ, ΡΠ΅ΠΊΠ»Π°ΠΌΠ½ΡΠ΅ Π±Π»ΠΎΠΊΠΈ, Π°ΡΡ
ΠΈΠ²Π½ΡΠ΅ Π·Π°ΠΏΠΈΡΠΈ. ΠΠ΅ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΈΡ Π΄Π»Ρ Π±Π»ΠΎΠΊΠΎΠ², ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ
Π² ΡΡΠΎΡΠΎΠ½Π΅.
<aside>
<h3>...</h3>
<p>...</p>
</aside>
<aside>
<h3>...</h3>
<p>...</p>
<blockquote>
<p>...<cite>...</cite>...</p>
<p>...</p>
</blockquote>
</aside>
6. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <footer>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ» ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅ΠΉ Π΅Π³ΠΎ ΡΠ΅ΠΊΡΠΈΠΈ ΠΈΠ»ΠΈ ΠΊΠΎΡΠ½Π΅Π²ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠ±ΡΡΠ½ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎΠ± Π°Π²ΡΠΎΡΠ΅ ΡΡΠ°ΡΡΠΈ, Π΄Π°Π½Π½ΡΠ΅ ΠΎ ΠΊΠΎΠΏΠΈΡΠ°ΠΉΡΠ΅ ΠΈ Ρ.Π΄. ΠΡΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΊΠ°ΠΊ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ» Π²ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ, ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡΠΌΠΈ ΠΎΠ± Π°Π²ΡΠΎΡΡΠΊΠΈΡ
ΠΏΡΠ°Π²Π°Ρ
, ΡΡΡΠ»ΠΊΠ°ΠΌΠΈ Π½Π° ΡΡΠ»ΠΎΠ²ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, ΠΊΠΎΠ½ΡΠ°ΠΊΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΡΡΡΠ»ΠΊΠ°ΠΌΠΈ Π½Π° ΡΠ²ΡΠ·Π°Π½Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΈ Ρ.ΠΏ.
Π ΠΎΠ΄Π½ΠΎΠΌ Π²Π΅Π±-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <footer>. ΠΠ°ΠΊ ΠΊΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ°, ΡΠ°ΠΊ ΠΈ ΠΊΠ°ΠΆΠ΄Π°Ρ ΡΡΠ°ΡΡΡ ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠ²ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ <footer>, Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠ³ΠΎ, <footer> ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π² ΡΠ»Π΅ΠΌΠ΅Π½Ρ <blockquote>, ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ ΠΈΡΡΠΎΡΠ½ΠΈΠΊ ΡΠΈΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
<footer>
<address>...</address>
<small>@2014...</small>
</footer>
7. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <address>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΊΠΎΠ½ΡΠ°ΠΊΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π°Π²ΡΠΎΡΠ°/Π²Π»Π°Π΄Π΅Π»ΡΡΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΈΠ»ΠΈ ΡΡΠ°ΡΡΠΈ. ΠΠ»Ρ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΡ Π°Π²ΡΠΎΡΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΡΠ΅Π³ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <body>, Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π°Π²ΡΠΎΡΠ° ΡΡΠ°ΡΡΠΈ β Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° <article>. Π Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΎΠ±ΡΡΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΊΡΡΡΠΈΠ²ΠΎΠΌ.
8. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <main>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <main> ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° (ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <body>). ΠΠΎΠ½ΡΠ΅Π½Ρ, Π½Π°Ρ
ΠΎΠ΄ΡΡΠΈΠΉΡΡ Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΌ ΠΈ Π½Π΅ ΠΏΠΎΠ²ΡΠΎΡΡΡΡΡΡ Π²ΠΎ Π²ΡΠ΅Ρ
Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°Ρ
ΡΠ°ΠΉΡΠ°, ΡΠ°ΠΊΠΈΡ
ΠΊΠ°ΠΊ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΡΠ΅ ΡΡΡΠ»ΠΊΠΈ, ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΠΊΠΎΠΏΠΈΡΠ°ΠΉΡΠ΅, Π»ΠΎΠ³ΠΎΡΠΈΠΏΡ, ΡΠΎΡΠΌΡ ΠΏΠΎΠΈΡΠΊΠ° (Π² ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ ΡΠΎΡΠΌΠ° ΠΏΠΎΠΈΡΠΊΠ° ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠ΅ΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°).
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <main> Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΠΎΡΠΎΠΌΠΊΠΎΠΌ ΡΠ°ΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΊΠ°ΠΊ <article>, <aside>, <footer>, <header> ΠΈΠ»ΠΈ <nav>.
<body>
<header>
<h2>ΠΡΠ΄Π΅Π»Ρ</h2>
<nav>
<ul>
<li><a href="index.html">ΠΠ»Π°Π²Π½Π°Ρ</a></li>
<li><a href="about.html">Π ΠΏΠΎΡΠΎΠ΄Π΅</a></li>
<li><a href="health.html">ΠΠ΄ΠΎΡΠΎΠ²ΡΠ΅</a></li>
</ul>
</nav>
</header>
<main>
<section>
<header>
<h3>Π ΠΏΠΎΡΠΎΠ΄Π΅</h3>
<nav>
<ul>
<li><a href="#basic">Π Π°Π·Π½ΠΎΠ²ΠΈΠ΄Π½ΠΎΡΡΠΈ</a></li>
<li><a href="#app">ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄</a></li>
<li><a href="#temp">Π₯Π°ΡΠ°ΠΊΡΠ΅Ρ</a></li>
</ul>
</nav>
</header>
<section>
<h4>Π Π°Π·Π½ΠΎΠ²ΠΈΠ΄Π½ΠΎΡΡΠΈ</h4>
<p>...</p>
</section>
<section>
<h4>ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄</h4>
<p>...</p>
</section>
<section>
<h4>Π₯Π°ΡΠ°ΠΊΡΠ΅Ρ</h4>
<p>...</p>
</section>
<footer>
<a href="#basic">Π Π°Π·Π½ΠΎΠ²ΠΈΠ΄Π½ΠΎΡΡΠΈ</a>
<a href="#app">ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄</a>
<a href="#temp">Π₯Π°ΡΠ°ΠΊΡΠ΅Ρ</a>
</footer>
</section>
</main>
<footer>
<small>Copyright Β© <time datetime="2016">2016</time> ΠΠΎΡ ΡΠΎΠ±Π°ΠΊΠ°.ΡΡ</small>
</footer>
</body>
9. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <figure>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΠΊΠΎΡΠ½Π΅Π²ΠΎΠ΅ ΡΠ΅ΠΊΡΠΈΠΎΠ½Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <figure> ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ Π°Π²ΡΠΎΠ½ΠΎΠΌΠ½ΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ), ΡΠ²Π»ΡΡΡΠΈΠΉΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΠΏΠΎΡΠΎΠΊΠ°. ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ ΠΈΠ· ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° Π² Π±ΠΎΠΊΠΎΠ²ΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΊΡ ΠΈΠ»ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π½Π΅ Π·Π°ΡΡΠ°Π³ΠΈΠ²Π°Ρ ΠΏΠΎΡΠΎΠΊ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°. Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <figure> ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΊΡΠ°ΡΠΊΠΈΠ΅ Ρ
Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠΈ ΠΊ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΡΠΌ, ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΡΠΌ, Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΠ°ΠΌ, ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ°ΠΌ ΠΊΠΎΠ΄Π° ΠΈ Ρ.Π΄..
<figure>
<img src="picture.jpg" alt="ΠΡΠ΅Π½Ρ">
<figcaption>ΠΡΠ΅Π½Π½ΠΈΠΉ Π»Π΅Ρ</figcaption>
</figure>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <figure> ΡΠ²Π»ΡΠ΅ΡΡΡ Π±Π»ΠΎΡΠ½ΡΠΌ, ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ Π±Π»ΠΎΠΊΠ°-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° Π·Π° ΠΌΠΈΠ½ΡΡΠΎΠΌ Π²Π½Π΅ΡΠ½ΠΈΡ ΠΎΡΡΡΡΠΏΠΎΠ² margin:
margin-left: 40px;
margin-right: 40px;
margin-top: 1em;
margin-bottom: 1em;
10. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <figcaption>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <figcaption> β ΠΏΠΎΡΠΎΠΌΠΎΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <figure>, Π½Π΅ ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠΈΡ Π½ΠΈ ΠΊ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°. ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ²Π»ΡΠ΅ΡΡΡ Π±Π»ΠΎΡΠ½ΡΠΌ, ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅ ΡΠ°Π²Π΅Π½ ΡΠΈΡΠΈΠ½Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <figure>, Π²ΡΡΠΎΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ°Π²Π½Π° 18px.
11. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <time>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π²ΡΠ΅ΠΌΡ (24 ΡΠ°ΡΠ°) ΠΈΠ»ΠΈ Π΄Π°ΡΡ ΠΏΠΎ Π³ΡΠΈΠ³ΠΎΡΠΈΠ°Π½ΡΠΊΠΎΠΌΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠΌ ΡΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΈ ΡΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ°ΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΡΡΠ°. Π’Π΅ΠΊΡΡ, Π·Π°ΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΉ Π² Π΄Π°Π½Π½ΡΠΉ ΡΠ΅Π³, Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ ΡΡΠΈΠ»Π΅Π²ΠΎΠ³ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ. ΠΠ»Ρ ΡΠ΅Π³Π° Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π°ΡΡΠΈΠ±ΡΡ datetime, Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ ΡΠΎ, ΡΡΠΎ Π±ΡΠ΄Π΅Ρ Π²ΠΈΠ΄Π΅ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π° ΡΠΊΡΠ°Π½Π΅ ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°:
<time datetime="2014-09-25"> 25 Π‘Π΅Π½ΡΡΠ±ΡΡ 2014</time>
Π§ΡΠΎΠ±Ρ Π΄Π°ΡΠ° ΠΌΠΎΠ³Π»Π° ΡΡΠΈΡΡΠ²Π°ΡΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ, ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ YYYY-MM-DD. ΠΡΠ΅ΠΌΡ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΡΡ, Π·Π°Π΄Π°Π΅ΡΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ HH:MM Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΡΠ°Π·Π΄Π΅Π»ΡΡΡΠ΅Π³ΠΎ ΠΏΡΠ΅ΡΠΈΠΊΡΠ° T (time):
<time datetime="2014-09-25T12:00"> 25 Π‘Π΅Π½ΡΡΠ±ΡΡ 2014</time>
12. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <mark>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
Π’Π΅ΠΊΡΡ, ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Π½ΡΠΉ Π²Π½ΡΡΡΡ ΡΠ΅Π³Π° <mark>, Π²ΡΠ΄Π΅Π»ΡΠ΅ΡΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΆΠ΅Π»ΡΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ (ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΈ ΡΠ²Π΅Ρ ΡΡΠΈΡΡΠ° Π² Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΠΎΠΌ Π±Π»ΠΎΠΊΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ, Π·Π°Π΄Π°Π² ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ css-ΡΡΠΈΠ»ΠΈ). Π‘ ΠΏΠΎΠΌΠΎΡΡΡ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅Π³Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΌΠ΅ΡΠ°ΡΡ Π²Π°ΠΆΠ½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΊΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»ΠΎΠ²Π°.
13. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <bdi>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΡΠ΄Π΅Π»ΡΠ΅Ρ ΡΡΠ°Π³ΠΌΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΈΠ·ΠΎΠ»ΠΈΡΠΎΠ²Π°Π½ ΠΎΡ ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° Π΄Π»Ρ Π΄Π²ΡΠ½Π°ΠΏΡΠ°Π²Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°. ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠΎΠ², Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΡ
ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π½Π° ΡΠ·ΡΠΊΠ°Ρ
, ΡΠΈΡΠ°ΡΡΠΈΡ
ΡΡ ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ ΠΈ ΡΠΏΡΠ°Π²Π° Π½Π°Π»Π΅Π²ΠΎ.
14. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <wbr>
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΠ΄ΠΈΠ½ΠΎΡΠ½ΡΠΉ ΡΠ΅Π³, ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΌΠ΅ΡΡΠΎ, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ°Π·ΡΡΠ² Π΄Π»ΠΈΠ½Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ Π² ΡΠ»ΡΡΠ°Π΅ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ.
15. ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΠΠΎΡΡΠΎΡΠ½ΠΎ-ΠΠ·ΠΈΠ°ΡΡΠΊΠΈΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ²
ΠΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: ΠΏΠΎΡΠΎΠΊΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <ruby> ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ruby-Π°Π½Π½ΠΎΡΠ°ΡΠΈΠΈ. Ruby-Π°Π½Π½ΠΎΡΠ°ΡΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ Π² ΠΠΎΡΡΠΎΡΠ½ΠΎ-ΠΠ·ΠΈΠ°ΡΡΠΊΠΎΠΉ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠΈ ΠΊΠ°ΠΊ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ ΠΏΡΠΎΠΈΠ·Π½ΠΎΡΠ΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π΄Π»Ρ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π΄ΡΡΠ³ΠΈΡ
Ρ
Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊ. ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ:
β ΠΎΠ΄ΠΈΠ½ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ
ΡΠ·Π»ΠΎΠ² ΠΈΠ»ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <rb>;
β ΠΎΠ΄ΠΈΠ½ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <rt>, <rtc>, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ
ΠΏΡΠ΅Π΄ΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΈΠ»ΠΈ ΡΠ»Π΅Π΄ΡΠ΅Ρ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π·Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ <rp>.
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ <rb>, <rt>, <rtc> ΠΈ <rp> Π½Π΅ ΠΎΡΠ½ΠΎΡΡΡΡΡ Π½ΠΈ ΠΊ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <rb> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ Π² Π½Π΅Π³ΠΎ ΡΠ΅ΠΊΡΡ ΠΊΠ°ΠΊ Π±Π°Π·ΠΎΠ²ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π°Π½Π½ΠΎΡΠ°ΡΠΈΠΈ.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <rt> Π²ΡΠ²ΠΎΠ΄ΠΈΡ Π°Π½Π½ΠΎΡΠ°ΡΠΈΡ ΠΊ ΡΠ΅ΠΊΡΡΡ ΡΠ²Π΅ΡΡ
Ρ ΠΈΠ»ΠΈ ΡΠ½ΠΈΠ·Ρ Π½Π°Π΄ Π½ΠΈΠΌ.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <rtc> ΠΎΡΠΌΠ΅ΡΠ°Π΅Ρ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ Π² Π½Π΅Π³ΠΎ ΡΠ΅ΠΊΡΡ ΠΊΠ°ΠΊ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ Π°Π½Π½ΠΎΡΠ°ΡΠΈΡ.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <rp> Π²ΡΠ²ΠΎΠ΄ΠΈΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ Π² ΡΠ»ΡΡΠ°Π΅ Π΅ΡΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ <ruby>.
HTML, DHTML, JavaScript, PHP, MySQL, XML+XLST, Ajax, Api
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ HTML?ΠΡΠ΅ΠΌΠΈΡΠ½Π°Ρ ΠΏΠ°ΡΡΠΈΠ½Π° ΡΠΎΡΠΊΠ°Π½Π° ΠΈΠ· Web-ΡΡΡΠ°Π½ΠΈΡ (Web-pages), Π° ΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠΎΠ·Π΄Π°ΡΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠ·ΡΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠ° (HyperΠ’ext Markup Language, HTML). HTML β ΡΡΠΎ ΡΠ·ΡΠΊ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ. ΠΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ HTML Π΄Π»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΡΡΠΎ Π΄Π΅Π»Π°Π΅Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΆΠΈΡΠ½ΠΎΠ³ΠΎ ΠΊΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΠΊΠ°ΡΠ°Π½Π΄Π°ΡΠ°. ΠΡΠΈ ΠΏΠΎΠΌΠ΅ΡΠΊΠΈ ΡΠ»ΡΠΆΠ°Ρ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΠΎΡΠΌΠ°ΡΠ° (ΠΈΠ»ΠΈ ΡΡΠΈΠ»Ρ), ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ ΠΏΡΠΈ Π²ΡΠ²ΠΎΠ΄Π΅ ΡΠ΅ΠΊΡΡΠ° Π½Π° ΡΠΊΡΠ°Π½ ΠΌΠΎΠ½ΠΈΡΠΎΡΠ°. ΡΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅β¦ Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ DHTML?DHTML (Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠΉ HTML) β ΡΡΠΎ Π½Π°Π±ΠΎΡ ΡΡΠ΅Π΄ΡΡΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ Web-ΡΡΡΠ°Π½ΠΈΡΡ Π±Π΅Π· ΡΠ²Π΅Π»ΠΈΡΠ΅Π½ΠΈΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ΅ΡΠ²Π΅ΡΠ°. DHTML ΠΏΠΎΡΡΡΠΎΠ΅Π½ Π½Π° ΠΎΠ±ΡΠ΅ΠΊΡΠ½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° (Document Object Model, DOM), ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠ°ΡΡΠΈΡΡΠ΅Ρ ΡΡΠ°Π΄ΠΈΡΠΈΠΎΠ½Π½ΡΠΉ ΡΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ. DOM ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠΉ Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, Π΅Π³ΠΎ ΡΡΡΡΠΊΡΡΡΠ΅ ΠΈ ΡΡΠΈΠ»ΡΠΌ. Π DOM ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Web-ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ. DOM Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π½ΠΎΠ²ΡΡ ΡΡΠ³ΠΎΠ² ΠΈ Π°ΡΡΠΈΠ±ΡΡΠΎΠ², Π° ΠΏΡΠΎΡΡΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π²ΡΠ΅ΠΌΠΈ ΡΡΠ³Π°ΠΌΠΈ, Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ ΠΈ ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΠΌΠΈ Π»ΠΈΡΡΠ°ΠΌΠΈ ΡΡΠΈΠ»Π΅ΠΉ (CSS). ΡΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅β¦ Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ JavaScript?JavaScript ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΡΡΠ΅Π½Π°ΡΠΈΠ΅Π² Π΄Π»Ρ Π°ΠΊΡΠΈΠ²Π½ΡΡ HTML-ΡΡΡΠ°Π½ΠΈΡ. JavaScript Π½Π΅ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π°Π²ΡΠΎΠ½ΠΎΠΌΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Π½Π° JavaScript Π²ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π² ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΡΠ΅ΠΊΡΡ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΈ ΠΈΠ½ΡΠ΅ΡΠΏΡΠ΅ΡΠΈΡΡΠ΅ΡΡΡ Π±ΡaΡΠ·Π΅ΡΠΎΠΌ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°. Π‘ ΠΏΠΎΠΌΠΎΡΡΡ JavaScript ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ΅ΠΊΡΡ Π·Π°Π³ΡΡΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΈ ΡΠ΅Π°Π³ΠΈΡΠΎΠ²Π°ΡΡ Π½Π° ΡΠΎΠ±ΡΡΠΈΡ, ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠΌΠΈ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡΠΌΠΈ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΈΠ»ΠΈ ΠΎΠΊΠ½Π°. ΠΠ°ΠΆΠ½Π°Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ JavaScript β ΠΎΠ±ΡΠ΅ΠΊΡΠ½Π°Ρ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΡΡΡ. ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΡ Π΄ΠΎΡΡΡΠΏΠ½Ρ ΠΌΠ½ΠΎΠ³ΠΎΡΠΈΡΠ»Π΅Π½Π½ΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ, ΡΠ°ΠΊΠΈΠ΅, ΠΊΠ°ΠΊ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ, Π³ΠΈΠΏΠ΅ΡΡΡΡΠ»ΠΊΠΈ, ΡΠΎΡΠΌΡ, ΡΡΠ΅ΠΉΠΌΡ ΠΈ Ρ.Π΄. ΡΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅β¦ Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ PHP?PHP (Personal Home Page) β ΡΠ΅ΡΠ²Π΅ΡΠ½ΡΠΉ ΡΠ·ΡΠΊ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠ΅Π½Π°ΡΠΈΠ΅Π². ΠΠ΅ΡΠ²Π°Ρ Π²Π΅ΡΡΠΈΡ PHP Π±ΡΠ»Π° ΡΠΎΠ·Π΄Π°Π½Π° Π Π°ΡΠΌΡΡΠΎΠΌ ΠΠ΅ΡΠ΄ΠΎΡΡΠΎΠΌ Π² 1994 Π³. ΠΈ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ»Π° ΡΠΎΠ±ΠΎΠΉ Π½Π°Π±ΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΠΎΡΡΠ»Π΅ΠΆΠΈΠ²Π°Π½ΠΈΡ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΉ Web-ΡΡΡΠ°Π½ΠΈΡΡ. Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΡΡΠΎ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΌΠΎΡΠ½ΡΠΉ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, Π΅Π³ΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π±ΡΠ»ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΎ ΠΊΠ°ΠΊ ΡΠ΅ΠΊΡΡΡΠΈΠ²Π½ΠΎΠ΅ ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ PHP HyperText Preprocessor (ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡ Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠ° PHP). ΠΠΎΠ½ΡΡΡΡΠΊΡΠΈΠΈ PHP, Π²ΡΡΠ°Π²Π»Π΅Π½Π½ΡΠ΅ Π² HTML-ΡΠ΅ΠΊΡΡ, Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ ΡΠ΅ΡΠ²Π΅ΡΠΎΠΌ ΠΏΡΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΏΠΎΡΠ΅ΡΠ΅Π½ΠΈΠΈ ΡΡΡΠ°Π½ΠΈΡΡ. Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΠΈΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΠΎΠ±ΡΡΠ½ΡΠΌ HTML-ΡΠ΅ΠΊΡΡΠΎΠΌ ΠΏΠ΅ΡΠ΅Π΄Π°Π΅ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ. ΡΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅β¦ Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ XML?XML (eXtensible Markup Language) β ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΠΉ ΡΠ·ΡΠΊ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ. ΠΡΠ½ΠΎΠ²Π½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π² XML ΡΠΎΡΡΠ΅Π΄ΠΎΡΠΎΡΠ΅Π½ΠΎ Π½Π° Π΄Π°Π½Π½ΡΡ . Π XML ΡΡΡΡΠΊΡΡΡΠ½Π°Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° Π΄Π°Π½Π½ΡΡ ΠΈ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ ΡΡΡΠΎΠ³ΠΎ ΡΠ°Π·Π΄Π΅Π»Π΅Π½Ρ. ΡΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅β¦ Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ XSLT?XSLT (eXtensible Stylesheet Language Transformations) β ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΠΉ ΡΠ·ΡΠΊ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ Π»ΠΈΡΡΠΎΠ² ΡΡΠΈΠ»Π΅ΠΉ. Π―Π·ΡΠΊ XSLT ΡΠ»ΡΠΆΠΈΡ ΡΡΠ°Π½ΡΠ»ΡΡΠΎΡΠΎΠΌ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎ ΠΌΠΎΠ΄ΠΈΡΠΈΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΡΠ΅ΠΊΡΡ. XLST ΠΈΠ³ΡΠ°Π΅Ρ ΡΠ΅ΡΠ°ΡΡΡΡ ΡΠΎΠ»Ρ Π² ΡΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΠΈ XML Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ° Ρ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ Π΄Π°Π½Π½ΡΡ . ΠΠ±Π»Π°ΡΡΡ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ XSLT ΡΠΈΡΠΎΠΊΠ° β ΠΎΡ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΊΠΎΠΌΠΌΠ΅ΡΡΠΈΠΈ Π΄ΠΎ Π±Π΅ΡΠΏΡΠΎΠ²ΠΎΠ΄Π½ΠΎΠ³ΠΎ Web. ΡΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅β¦ Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ AJAX?Ajax ΡΠ°ΡΡΠΈΡΡΠΎΠ²ΡΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊ Asynchronous Javascript And XML (ΠΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΡΠ΅ Javascript Π XML) ΠΈ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠ΅ΠΉ Π² ΡΡΡΠΎΠ³ΠΎΠΌ ΡΠΌΡΡΠ»Π΅ ΡΠ»ΠΎΠ²Π° Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ. ΠΡΠ»ΠΈ Π² ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΌ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ Π²ΡΠ΅ΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π·Π°Π½ΠΈΠΌΠ°Π΅ΡΡΡ ΡΠ΅ΡΠ²Π΅Ρ, ΡΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π·Π° Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ, ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ Π·Π°ΠΏΡΠΎΡΠΎΠ² ΠΈ Π²ΡΠ²ΠΎΠ΄ ΠΏΠΎΡΡΡΠΏΠΈΠ²ΡΠ΅Π³ΠΎ HTML, ΡΠΎ Π² Ajax-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ ΠΈ ΡΠ΅ΡΠ²Π΅ΡΠΎΠΌ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΡΡΠ΅Π΄Π½ΠΈΠΊ β Π΄Π²ΠΈΠΆΠΎΠΊ Ajax. ΠΠ½ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ, ΠΊΠ°ΠΊΠΈΠ΅ Π·Π°ΠΏΡΠΎΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΠ°ΡΡ Β«Π½Π° ΠΌΠ΅ΡΡΠ΅Β», Π° Π·Π° ΠΊΠ°ΠΊΠΈΠΌΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠ±ΡΠ°ΡΠ°ΡΡΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ. ΡΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅β¦ | ΠΠΎΠΌΠ΅Π½Ρ, Π‘Π°ΠΉΡΡ, Π₯ΠΎΡΡΠΈΠ½Π³, DNSΠΠΎΠΌΠ΅Π½ β ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠΉ Π»Π΅Π³ΠΊΠΎ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡΡ ΠΈ ΠΎΠ΄Π½ΠΎΠ·Π½Π°ΡΠ½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΠ°ΠΉΡ. Π‘ ΠΏΠΎΠΌΠΎΡΡΡ DNS-ΡΠ΅ΡΠ²Π΅ΡΠ° Π΄ΠΎΠΌΠ΅Π½Π½ΠΎΠ΅ ΠΈΠΌΡ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°Π΅ΡΡΡ Π² IP-Π°Π΄ΡΠ΅Ρ, ΠΏΠΎ ΠΊΠΎΡΠΎΡΠΎΠΌΡ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΡΠ΅ΡΠ²Π΅Ρ, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠ³Π°Π΅ΡΡΡ ΡΠ°ΠΉΡ. Π‘Π°ΠΉΡ (Web-ΡΠ°ΠΉΡ, Web-ΡΠ·Π΅Π») β ΡΠΎΠ²ΠΎΠΊΡΠΏΠ½ΠΎΡΡΡ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈ ΡΠ²ΡΠ·Π°Π½Π½ΡΡ web-ΡΡΡΠ°Π½ΠΈΡ. ΠΠ΄Π΅ΡΡ ΠΡ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² ΠΎ ΡΠΎΠΌ ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΉΡ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ ΠΏΠΎΡΠ΅ΡΠ°Π΅ΠΌΡΠΌ ΠΈ ΠΊΠ°ΠΊ Π½Π°ΡΡΠΈΡΡ Π΅Π³ΠΎ ΠΏΡΠΈΠ½ΠΎΡΠΈΡΡ ΠΠ°ΠΌ Π΄Π΅Π½ΡΠ³ΠΈ. Π₯ΠΎΡΡΠΈΠ½Π³ (Hosting, Web-hosting, Collocation) β ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΡΡΠ°Π½ΠΈΡ ΡΠ°ΠΉΡΠ° Π½Π° ΡΠ΅ΡΠ²Π΅ΡΠ΅, ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½Π½ΠΎΠΌ ΠΊ ΠΠ½ΡΠ΅ΡΠ½Π΅Ρ. ΠΡΠ° ΡΡΠ°ΡΡΡ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΠΠ°ΠΌ Ρ Π²ΡΠ±ΠΎΡΠΎΠΌ Ρ ΠΎΡΡΠΈΠ½Π³Π° Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°. API Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ Π΄ΠΎΠΌΠ΅Π½Π°ΠΌΠΈ.Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ°, CMSΠ§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Ρ ΠΎΡΠΎΡΠΈΠΉ ΡΠ°ΠΉΡ, ΠΠ°ΠΌ ΠΏΡΠΈΠΉΠ΄Π΅ΡΡΡ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ Π² ΡΠΎΠ½ΠΊΠΎΡΡΡΡ HTML-Π²Π΅ΡΡΡΠΊΠΈ, ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ Π½Π° PHP, javascript. Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΡΠΎΡΡΠ΅Π½ΡΠΊΠΈΠΉ ΡΠ°ΠΉΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ Π² ΡΠ°Π±ΠΎΡΠ΅ CMS. Π‘ΡΠ°ΡΡΡ ΠΏΡΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠΎΠ² ΠΏΡΠΎΠ²Π΅Π΄Π΅Ρ ΠΠ°Ρ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎ ΠΎΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΠΈ ΠΈ Π΄ΠΎ Π·Π°ΡΠ°Π±ΠΎΡΠΊΠ° CMS (Content Management System) β ΡΠΈΡΡΠ΅ΠΌΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ΠΌ ΡΠ°ΠΉΡΠ°. CMS ΠΈΠ½Π°ΡΠ΅ Π΅ΡΡ Π½Π°Π·ΡΠ²Π°ΡΡ Β«Π΄Π²ΠΈΠΆΠ΅ΠΊ ΡΠ°ΠΉΡΠ°Β», Ρ.Π΅. ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠΉ Π²Ρ ΡΠΎΠ·Π΄Π°Π΅ΡΠ΅ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΡΠ΅ ΡΠ°ΠΉΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Π·Π° Π΅Π³ΠΎ ΡΠ°Π±ΠΎΡΡ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΡΠ° ΡΡΠ°ΡΡΡ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΠΠ°ΠΌ Ρ Π²ΡΠ±ΠΎΡΠΎΠΌ CMS Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°. ΠΠ΄Π΅ΡΡ ΠΡ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΠΏΠΎΠ΄Π±ΠΎΡΠΊΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°. Π‘Π΅ΡΠ²ΠΈΡΡ Π΄Π»Ρ Π‘Π°ΠΉΡΠΎΠ²SEO, ΠΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠΎΠ²SEO (Search Engines Optimization) β ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ ΠΌΠ΅Ρ, Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½Π½ΡΠΉ Π½Π° ΡΠ»ΡΡΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ·ΠΈΡΠΈΠΉ ΡΠ°ΠΉΡΠ° Π² Π²ΡΠ΄Π°ΡΠ΅ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ ΠΏΠΎ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΠΌ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΌ Π·Π°ΠΏΡΠΎΡΠ°ΠΌ. ΠΠ°ΠΆΠ΄ΡΠΉ Ρ ΠΎΡΠ΅Ρ, ΡΡΠΎΠ±Ρ Π½Π° Π΅Π³ΠΎ ΡΠ°ΠΉΡ Π·Π°Ρ ΠΎΠ΄ΠΈΠ»ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ Π»ΡΠ΄Π΅ΠΉ. ΠΡΠΊΡΠ΄Π° ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΡΠ·Π½Π°ΡΡ ΠΎ ΡΠ°ΠΉΡΠ΅? ΠΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ ΠΎΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ, ΡΠ°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Π―Π½Π΄Π΅ΠΊΡ, Google. ΠΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅, ΡΡΠΎΠ±Ρ ΡΠ°ΠΉΡ Π±ΡΠ» Π½Π° ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΏΡΠΈ ΠΏΠΎΠΈΡΠΊΠ΅. ΠΠ°ΠΊ ΡΡΠΎΠ³ΠΎ Π΄ΠΎΠ±ΠΈΡΡΡΡ ΠΡ ΡΠ·Π½Π°Π΅ΡΠ΅ ΠΏΡΠΎΡΠΈΡΠ°Π² ΡΡΠ°ΡΡΡ ΠΎ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΎΠΌ ΠΏΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ. ΠΡΠΎΠ²Π΅ΡΡΠΈ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡΠ½ΡΠΉ Π°Π½Π°Π»ΠΈΠ· ΡΠ°ΠΉΡΠ° Π Π°Π±ΠΎΡΠ° Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈΠΠ΄Π΅ΡΡ ΡΠΎΠ±ΡΠ°Π½Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠ΅ΡΠ²ΠΈΡΡ ΡΠ°Π±ΠΎΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ. ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ Π½Π° PHP. Π¨ΠΈΡΡΠ°ΡΠΈΡ ΠΈ ΡΠ°ΡΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΠ΄Π΅ΡΡ ΠΡ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΠΈ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ ΠΠ°ΠΌ ΠΏΡΠΎΡΠΈΡΠ°ΡΡ Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΠΏΠΈΡΡΠΌΠΎ ΠΈΠ»ΠΈ ΡΠ°ΠΌΠΎΠΌΡ Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΈΠ»ΠΈ ΠΊΠΎΠ΄Π°. ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ. Π§Π΅ΠΉ Π΄ΠΎΠΌΠ΅Π½? Π§Π΅ΠΉ IP? Π§Π΅ΠΉ ΡΠ΅Π»Π΅ΡΠΎΠ½? |