ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ Π·Π°ΠΌΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΠ°
ΠΠ°Ρ ΡΡΠΈΠ»ΠΈ, ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π΅ Π²ΡΠ΅Π³Π΄Π° Π΄ΠΎΡΡΡΠΏΠ½Ρ Π΄Π»Ρ Π²ΡΠ΅Ρ Π±ΡΠΎΡΠ·Π΅ΡΠΎΠ² Π² ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°. ΠΡΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΡΠΏΡΠ°Π²Π΅Π΄Π»ΠΈΠ²ΠΎ Π΄Π»Ρ ΡΠΏΠ΅ΡΠΈΡΠΈΡΠ΅ΡΠΊΠΈΡ Π±ΡΠΎΡΠ·Π΅ΡΠΎΠ² ΠΈ ΠΏΠΎΡΡΠ°ΡΠΈΠ²Π½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ² Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠΌΠΈ ΡΠΊΡΠ°Π½Π°ΠΌΠΈ. Π’Π°ΠΊ ΡΡΠΎ ΠΎΡΠ»ΠΈΠ²Π°Ρ ΡΠ΅ΠΊΡΡ Π² Π²ΠΈΠ΄Π΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΡΡΡΠ²Π°ΡΡ ΡΠ³ΡΡΠ·Π΅Π½ΠΈΡ ΡΠΎΠ²Π΅ΡΡΠΈ. ΠΠ΅Π΄Ρ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ Π±ΡΠΎΡΠ·Π΅ΡΡ (ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Lynx) ΠΈΠ»ΠΈ ΠΆΠ΅ Π±ΡΠΎΡΠ·Π΅ΡΡ Ρ ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌ ΠΏΠΎΠΊΠ°Π·ΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π½Π΅ ΠΏΠΎΠΊΠ°ΠΆΡΡ Π½Π°ΡΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. ΠΠ°ΠΆΠ΅… Π§ΠΈΡΠ°ΡΡ Π΅ΡΡ >
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ Π·Π°ΠΌΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΠ° (ΡΠ΅ΡΠ΅ΡΠ°Ρ, ΠΊΡΡΡΠΎΠ²Π°Ρ, Π΄ΠΈΠΏΠ»ΠΎΠΌ, ΠΊΠΎΠ½ΡΡΠΎΠ»ΡΠ½Π°Ρ)
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ Π·Π°ΠΌΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΠ°
Douglas Bowman.
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΡΡΠΊΠ° CSS Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ»ΡΡΡΠΈΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΡΠΈΡΡΠΎΠ² Π½Π° ΡΠ²ΠΎΠΈΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ . ΠΡΠΈ ΡΡΠΎΠΌ ΠΈ Π½Π΅Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π±ΡΠΎΡΠ·Π΅ΡΡ ΠΈ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠ΅ ΡΠΎΠ±ΠΎΡΡ ΡΠΌΠΎΠ³ΡΡ Ρ Π½ΠΈΠΌΠΈ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ.
ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅
ΠΡ ΠΌΠ΅ΡΡΠ°Π΅ΡΠ΅ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΡΠΊΠΎΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΡ ΡΡΠΈΡΡΠΎΠ² Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π²ΠΌΠ΅ΡΡΠΎ «Π³ΠΎΠ»ΠΎΠ³ΠΎ «HTML? ΠΡΠΈ Π²ΡΠ΅Ρ ΡΠ΅Ρ Π±ΠΎΠ³Π°ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°, ΠΈΠΌΠ΅ΡΡΠΈΡ ΡΡ Π² CSS, ΠΈΠ½ΠΎΠ³Π΄Π° ΡΡΡΠ΄Π½ΠΎ ΡΠ΄Π΅ΡΠΆΠ°ΡΡΡΡ ΠΎΡ ΠΆΠ΅Π»Π°Π½ΠΈΡ ΠΎΡΠΊΡΡΡΡ Adobe Photoshop ΠΈ Π½Π°Π±ΡΠ°ΡΡ ΡΠ°ΠΌ ΡΠ΅ΠΊΡΡ Π»ΡΠ±ΠΈΠΌΡΠΌ ΡΡΠΈΡΡΠΎΠΌ, Π·Π°Π΄Π°Π² ΠΏΡΠΈ ΡΡΠΎΠΌ Π½ΡΠΆΠ½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ, ΠΊΠ΅ΡΠ½ΠΈΠ½Π³ ΠΈ ΡΡΠ΅ΠΊΠΈΠ½Π³. ΠΠ°ΠΌ Π²Π΅Π΄Ρ ΠΈΠ·Π²Π΅ΡΡΠ½ΠΎ, ΡΡΠΎ Π΅ΡΠ»ΠΈ Π²ΡΡΠ°Π²ΠΈΡΡ ΡΠ°ΠΊΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ, ΡΠΎ Π»ΡΠ±ΠΎΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π‘Π΅ΡΠΈ, Π±ΡΠΎΡΠ·Π΅Ρ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΡΠΏΠΎΡΠΎΠ±Π΅Π½ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ Π³ΡΠ°ΡΠΈΠΊΡ, ΡΠ²ΠΈΠ΄ΠΈΡ Π²Π°Ρ ΡΡΠΈΡΡΠΎΠ²ΠΎΠΉ ΡΠ΅Π΄Π΅Π²Ρ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ ΠΈ Π·Π°Π΄ΡΠΌΡΠ²Π°Π»ΠΈ. ΠΠ΅ΡΠ½ΠΎ?
ΠΠΎ Π½Π°Ρ Π·Π° ΡΡΠΎ ΡΠ°ΠΊ ΡΠ°ΡΡΠΎ Π±ΠΈΠ»ΠΈ ΠΏΠΎ ΡΡΠΊΠ°ΠΌ, ΠΏΡΠΈΠ³ΠΎΠ²Π°ΡΠΈΠ²Π°Ρ, ΡΡΠΎ Π·Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠΌΠΈΠ΄ΠΆΠ΅ΠΉ Π²ΠΌΠ΅ΡΡΠΎ ΠΎΠ±ΡΡΠ½ΡΡ ΡΡΠΈΡΡΠΎΠ² Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ ΠΌΡ ΠΏΠΎΠΏΠ°Π΄ΡΠΌ ΠΏΡΡΠΌΠΎ Π² Π°Π΄. Π’Π°ΠΊ ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ, ΠΌΡ ΡΠ½ΠΈΠΆΠ°Π»ΠΈ ΡΠ²ΠΎΠΈ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΡΠ°ΡΡΡΠ°Π»ΠΈΡΡ Ρ ΠΌΡΡΠ»ΡΡ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠ½ΠΎΠ²Π° ΠΏΠΎΡΠ²ΠΈΡΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ ΡΡΠΈΡΡ. Π Π°ΡΡΡΠ°Π»ΠΈΡΡ Π΄ΠΎ ΡΠ΅Ρ ΠΏΠΎΡ, ΠΏΠΎΠΊΠ° ΠΌΠ½ΠΎΠ³ΠΎ Π»Π΅Ρ ΡΠΏΡΡΡΡ ΡΡΠ½ΠΊΡΠΈΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΠΈΡΡΠΎΠ², ΠΏΡΠ΅Π΄ΡΡΠΌΠΎΡΡΠ΅Π½Π½Π°Ρ Π² CSS, Π½Π΅ ΡΡΠ°Π½Π΅Ρ Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠΉ ΠΈ Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΡ Π΄ΠΎΠ»ΠΆΠ½ΠΎΠ³ΠΎ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½ΠΈΡ.
ΠΠ°Ρ ΡΡΠΈΠ»ΠΈ, ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π΅ Π²ΡΠ΅Π³Π΄Π° Π΄ΠΎΡΡΡΠΏΠ½Ρ Π΄Π»Ρ Π²ΡΠ΅Ρ Π±ΡΠΎΡΠ·Π΅ΡΠΎΠ² Π² ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°. ΠΡΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΡΠΏΡΠ°Π²Π΅Π΄Π»ΠΈΠ²ΠΎ Π΄Π»Ρ ΡΠΏΠ΅ΡΠΈΡΠΈΡΠ΅ΡΠΊΠΈΡ Π±ΡΠΎΡΠ·Π΅ΡΠΎΠ² ΠΈ ΠΏΠΎΡΡΠ°ΡΠΈΠ²Π½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ² Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠΌΠΈ ΡΠΊΡΠ°Π½Π°ΠΌΠΈ. Π’Π°ΠΊ ΡΡΠΎ ΠΎΡΠ»ΠΈΠ²Π°Ρ ΡΠ΅ΠΊΡΡ Π² Π²ΠΈΠ΄Π΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΡΡΡΠ²Π°ΡΡ ΡΠ³ΡΡΠ·Π΅Π½ΠΈΡ ΡΠΎΠ²Π΅ΡΡΠΈ. ΠΠ΅Π΄Ρ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ Π±ΡΠΎΡΠ·Π΅ΡΡ (ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Lynx) ΠΈΠ»ΠΈ ΠΆΠ΅ Π±ΡΠΎΡΠ·Π΅ΡΡ Ρ ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌ ΠΏΠΎΠΊΠ°Π·ΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π½Π΅ ΠΏΠΎΠΊΠ°ΠΆΡΡ Π½Π°ΡΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. ΠΠ°ΠΆΠ΅ Π΅ΡΠ»ΠΈ ΠΌΡ Π½Π°ΡΡΠΎΠ»ΡΠΊΠΎ ΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½Ρ Π² ΡΠ°Π±ΠΎΡΠ΅, ΡΡΠΎ Π½Π΅ Π·Π°Π±ΡΠ²Π°Π΅ΠΌ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π³ΡΠ°ΡΠΈΠΊΠΈ Π°ΡΡΠΈΠ±ΡΡ alt, ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠ΅ ΡΠΎΠ±ΠΎΡΡ ΡΠ°ΡΡΠΎ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΡΡΡ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅ (ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² alt ΠΈ title) Π½Π΅ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ «ΡΠΈΡΡΡΠΉ «HTML. ΠΡΠΎ ΡΡΠ°Π½Π΅Ρ ΠΏΠΎΠ½ΡΡΠ½ΠΎ, Π΅ΡΠ»ΠΈ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΡΡ Π²Π°ΠΆΠ½ΠΎΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΡΠ΅ΠΊΡΡΠ°, ΠΏΠΎΠΌΠ΅ΡΡΠ½Π½ΠΎΠ³ΠΎ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ. Π§ΡΠΎ ΡΠΆ Π³ΠΎΠ²ΠΎΡΠΈΡΡ ΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°Ρ Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΠΌΠΈ ΡΠ°ΠΉΠ»ΠΎΠ² ΠΈ Π²ΡΠ΅ΠΌΠ΅Π½Π΅ΠΌ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡ, ΠΏΠ΅ΡΠ΅Π³ΡΡΠΆΠ΅Π½Π½ΡΡ Π³ΡΠ°ΡΠΈΠΊΠΎΠΉ.
ΠΠ°Π²Π°ΠΉΡΠ΅-ΠΊΠ° ΠΎΡΠ»ΠΎΠΆΠΈΠΌ Π½Π° Π²ΡΠ΅ΠΌΡ Π²ΡΡ ΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π² ΡΡΠΎΡΠΎΠ½ΠΊΡ. Π’Π°ΠΊ Π»ΠΈ ΡΠΆ ΠΏΠ»ΠΎΡ ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅? Π‘ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΡΡΡΠΊΠΎΠ² CSS, ΡΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΡΡΠΎΡΠΎΠΆΠ½ΠΎΠΌ ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΠΈ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΠ΅ ΡΡΠΈΡΡΡ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ , ΠΈ ΠΏΡΠΈ ΡΡΠΎΠΌ ΡΡΡΠ°Π½ΠΈΡΠ° ΠΎΡΡΠ°Π½Π΅ΡΡΡ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΉ Π΄Π»Ρ Π²ΡΠ΅Ρ (ΡΠΌ. Π·Π°ΠΌΠ΅ΡΠΊΡ Π½ΠΈΠΆΠ΅), Π΄Π°ΠΆΠ΅ Π΄Π»Ρ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΡΡΡΠΈΡ ΡΠΎΠ±ΠΎΡΠΎΠ². ΠΡΠ΅ΠΌΡ ΡΠ½ΠΎΠ²Π° ΡΠ°ΡΠΏΡΠ°Π²ΠΈΡΡ ΠΊΡΡΠ»ΡΡ!
ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΠΈΠ΄Π΅Ρ
ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΠΈΠ΄Π΅Ρ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠ°: ΠΌΡ Π½Π°ΠΏΠΈΡΠ΅ΠΌ Π½Π΅Π±ΠΎΠ»ΡΡΡΡ ΡΡΡΠΎΡΠΊΡ ΡΠ΅ΠΊΡΡΠ° (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ «Hello world! ») ΠΈ ΠΏΠΎΠΌΠ΅ΡΡΠΈΠΌ Π΅Ρ Π²Π½ΡΡΡΡ Π΄Π²ΡΡ Π½Π°Π±ΠΎΡΠΎΠ² HTML-ΡΠ΅Π³ΠΎΠ². ΠΠ°ΡΠ΅ΠΌ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΌΡ ΡΠΏΡΡΡΠ΅ΠΌ ΡΡΠΎΡ ΡΠ΅ΠΊΡΡ, Π° Π²ΠΌΠ΅ΡΡΠΎ Π½Π΅Π³ΠΎ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠ΅ ΠΆΠ΅ ΡΠ°ΠΌΡΠ΅ ΡΠ»ΠΎΠ²Π°. ΠΠΎΡ ΠΈ Π²ΡΡ. ΠΠ°ΠΌΠ΅Π½ΠΈΡΡ ΡΠ΅ΠΊΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π½Π΅ ΡΠ°ΠΊ ΡΠ»ΠΎΠΆΠ½ΠΎ, ΠΊΠ°ΠΊ ΠΊΠ°ΠΆΠ΅ΡΡΡ.
ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ Π±ΡΠ°ΡΡΡΡ Π·Π° CSS, Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΏΡΠΎΡΡΠΎΠΉ ΠΊΠΎΠ΄ HTML-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ. ΠΡΠ΅Π΄ΡΡΠ°Π²ΡΡΠ΅, ΡΡΠΎ Ρ Π½Π°Ρ ΠΈΠΌΠ΅Π΅ΡΡΡ ΡΡΠΎ-ΡΠΎ Π²ΡΠΎΠ΄Π΅ ΡΡΠΎΠ³ΠΎ:
Hello world!
Π‘Π°ΠΌΠΎ ΡΠΎΠ±ΠΎΠΉ, ΠΌΡ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ ΠΏΡΠΎΡΡΠΎ ΠΎΡΠΎΡΠΌΠΈΡΡ ΡΠ°ΠΌ ΡΠ΅ΠΊΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΈΠ»Π΅ΠΉ. ΠΠΎ Π½Π°ΠΌ-ΡΠΎ Π½ΡΠΆΠ½ΠΎ ΡΡΠΎ-ΡΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΈΡΠΊΡΡΠ½ΠΎΠ΅, ΡΠ΅ΠΌ Π΄Π΅ΡΡΠΊΠ°Ρ ΠΈΠ³ΡΠ° ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Π΄Π»Ρ ΡΠ²ΠΎΠΉΡΡΠ² font-family ΠΈΠ»ΠΈ text-transform. ΠΡ Π²Π΅Π΄Ρ Ρ ΠΎΡΠΈΠΌ ΠΏΡΡΠ½ΠΎΡΡΠΈ! Π Π°Π· ΡΠΆ ΠΌΡ Π³ΠΎΠ²ΠΎΡΠΈΠΌ «ΠΡΠΈΠ²Π΅Ρ! «ΠΌΠΈΡΡ, ΡΠΎ Π½ΡΠΆΠ½ΠΎ Π΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΡΠ³ΠΎΠ»ΡΡΠΊΠΈ, Π²Π΅ΡΠ½ΠΎ?
ΠΡΠ±Π΅ΡΠ΅ΠΌ Π΄Π»Ρ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ²Π΅ΡΡΡΠ²ΠΈΡ ΠΌΠΈΡΡ ΡΠ°ΠΌΡΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΉ ΡΡΠΈΡΡ, ΡΠΊΠ°ΠΆΠ΅ΠΌ, Shelley Allegro. ΠΡ ΡΡΠΈΡΠ°Π΅ΠΌ, ΡΡΠΎ Ρ ΠΎΡΠΎΡΠΎ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠΉ Π² ΡΡΠ΅Π΄Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² Shelley Allegro Π½Π°ΡΡΠΎΠ»ΡΠΊΠΎ Π±Π»ΠΈΡΡΠ°ΡΠ΅Π»Π΅Π½, ΡΡΠΎ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠΊΠΎΡΠΈΡ ΡΠ΅ΡΠ΄ΡΠ° ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ², ΠΊΠΎΠ³Π΄Π° ΠΌΡ Ρ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΊΠ°ΠΆΠ΅ΠΌ «Hello! ». ΠΠΎ Π½Π°ΡΠΈΠΌ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡΠΌ ΡΡΠΎΡ ΡΡΠΈΡΡ Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π»ΠΈΡΡ Π½Π° 1,65% ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠΎΠ² Π²ΠΎ Π²ΡΡΠΌ ΠΌΠΈΡΠ΅. ΠΠΎΡΠΎΠΌΡ, ΠΏΠΎΡΡΠ°ΡΠΈΠΌ ΡΡΡΡ-ΡΡΡΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΈ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎ Π²ΡΠ΅ ΡΠ΅ΠΌ ΠΆΠ΅ ΡΠ΅ΠΊΡΡΠΎΠΌ «Hello world! ». ΠΡΠ±ΠΎΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π»ΡΠ±ΠΎΠ³ΠΎ Π±ΡΠΎΡΠ·Π΅ΡΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π½Π΅ ΠΎΡΠΊΠ»ΡΡΠ΅Π½ ΠΏΠΎΠΊΠ°Π· ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΡΠ²ΠΈΠ΄ΠΈΡ Π½Π°ΡΠ΅ ΠΏΡΠΈΠ²Π΅ΡΡΡΠ²ΠΈΠ΅, Π½Π°Π±ΡΠ°Π½Π½ΠΎΠ΅ ΡΡΠΈΡΡΠΎΠΌ Shelley Allegro Π΄Π°ΠΆΠ΅ Π½Π° ΡΠ΅Ρ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°Ρ , Π³Π΄Π΅ ΠΎΠ½ Π½Π΅ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½.
.
ΠΠ°ΠΏΠΎΠΌΠ½ΠΈΠΌ, ΡΡΠΎ Π²ΡΡΠΎΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ 35 ΠΏΠΈΠΊΡΠ΅Π»ΠΎΠ², ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΡΠ° ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ Π½Π°ΠΌ Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ.
ΠΡΠ°ΠΊ, Ρ Π½Π°Ρ Π΅ΡΡΡ ΠΊΡΡΠΎΡΠ΅ΠΊ HTML ΠΊΠΎΠ΄Π°, Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΠΎΠ΅ ΠΏΠΎΡΠ»Π°Π½ΠΈΠ΅ ΠΌΠΈΡΡ Π² Π²ΠΈΠ΄Π΅ ΡΠ΅ΠΊΡΡΠ° ΠΈ ΠΎΠ½ΠΎ ΠΆΠ΅ Π² Π²ΠΈΠ΄Π΅ ΠΏΡΠ΅Π·ΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π§ΡΠΎ ΠΆΠ΅ ΠΌΡ Ρ Π½ΠΈΠΌΠΈ ΡΠ΄Π΅Π»Π°Π΅ΠΌ? ΠΠ°Π²Π°ΠΉΡΠ΅ Π·Π°ΠΊΠ°ΡΠ°Π΅ΠΌ ΡΡΠΊΠ°Π²Π° ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ Π½Π΅Π±ΠΎΠ»ΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ Π΄Π»Ρ Π·Π°ΠΌΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.
ΠΠ°ΠΌΠ΅Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ. ΠΠ΅ΡΠΎΠ΄ Π€Π°ΡΠ½Π΅ΡΠ° ΠΡΠΎΡ ΠΌΠ΅ΡΠΎΠ΄ Π½Π°Π·Π²Π°Π½ Π² ΡΠ΅ΡΡΡ Π’ΠΎΠ΄Π΄Π° Π€Π°ΡΠ½Π΅ΡΠ° (Todd Fahrner) — ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· Π»ΡΠ΄Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΡ Π²ΠΏΠ΅ΡΠ²ΡΠ΅ ΠΏΠΎΡΠ΅ΡΠΈΠ»Π° ΡΡΠ° ΠΈΠ΄Π΅Ρ. ΠΠ°Ρ ΠΌΠΎΠΆΠ΅Ρ ΡΠ΄ΠΈΠ²ΠΈΡΡ Π½Π°Π»ΠΈΡΠΈΠ΅ Π²ΠΎΠΊΡΡΠ³ ΡΡΡΠΎΠΊΠΈ ΠΏΡΠΈΠ²Π΅ΡΡΡΠ²ΠΈΡ Π΄Π²ΡΡ ΡΠ΅Π³ΠΎΠ² — div ΠΈ span. Π€Π°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ, Π²ΠΌΠ΅ΡΡΠΎ Π½ΠΈΡ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π±ΡΡΡ Π»ΡΠ±ΡΠ΅ Π΄ΡΡΠ³ΠΈΠ΅, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎ Π΄Π»Ρ Π²Π°ΡΠΈΡ Π·Π°Π΄Π°Ρ. ΠΠΎ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² Π½Π°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΡΠΈ «ΠΎΠ±Π΅ΡΡΠΎΡΠ½ΡΠ΅ «ΡΠ΅Π³ΠΈ.
Π’Π°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ΅Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ, ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π΄Π²ΡΡ ΠΏΡΠΎΡΡΡΡ ΡΡΠΈΠ»Π΅Π²ΡΡ ΠΏΡΠ°Π²ΠΈΠ». ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π°Π±ΠΎΡΠ° ΡΠ²ΠΎΠΉΡΡΠ² ΡΠΎΠ½Π° (background) ΠΌΡ ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΠΌ Π½Π°ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Π·Π°Π΄Π½ΠΈΠΉ ΠΏΠ»Π°Π½ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° div.
div {.
background-image:url («hello_world.gif »);
background-repeat:no-repeat;
height:35px;
}.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ height. ΠΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½Π°Ρ Π²ΡΡΠΎΡΠ° Π½Π°ΡΠ΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΡΠ΅ΠΌ ΡΠ°ΠΌΡΠΌ ΠΎΠ±ΡΠ°ΠΌΠ»ΡΡΡΠΈΠΉ div ΠΎΠ±ΡΠ·Π°Π½ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ, Π·Π°Π½ΡΠ² ΡΠΎΠ²Π½ΠΎ ΡΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎ Π²ΡΡΠΎΡΠ΅, ΡΠΊΠΎΠ»ΡΠΊΠΎ Π½ΡΠΆΠ½ΠΎ — Π½ΠΈ Π±ΠΎΠ»ΡΡΠ΅ Π½ΠΈ ΠΌΠ΅Π½ΡΡΠ΅. Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ background-repeat Π² Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π½Π° ΡΠΎ, ΡΡΠΎ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠΎΠ²ΡΠΎΡΡΡΡΡΡ Π²Π΄ΠΎΠ»Ρ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ.
ΠΠ°ΠΌ ΠΎΡΡΠ°ΡΡΡΡ Π»ΠΈΡΡ ΡΠΊΡΡΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΡΡΠΎΠΊΡ, ΠΈΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠ½Π½ΡΡ Π² HTML ΠΊΠΎΠ΄. ΠΠΎΡ Π΄Π»Ρ ΡΠ΅Π³ΠΎ ΠΏΠΎΡΠ²ΠΈΠ»ΡΡ ΡΠ΅Π³ span — ΠΌΡ Π½ΡΠΆΠ΄Π°Π΅ΠΌΡΡ Π²ΠΎ Π²ΡΠΎΡΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅, ΡΡΠΎΠ±Ρ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΊ Π½Π΅ΠΌΡ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π±Ρ «ΠΏΡΠΈΠ²ΡΠ·Π°ΡΡ «Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΡ. ΠΡΠΎ Π»Π΅Π³ΠΊΠΎ ΠΎΡΡΡΠ΅ΡΡΠ²ΠΈΡΡ.
span {display:none;}.
ΠΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΠΌ ΡΡΠΈ Π΄Π²Π° Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΡΡΠΈΠ»Π΅Π²ΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π° Ρ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΡΡΠΊΠΎΠΌ HTML ΠΊΠΎΠ΄Π°, ΠΈ ΠΌΡ ΠΏΠΎΠ»ΡΡΠΈΠΌ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ. ΠΡΠΎ Π½Π°ΡΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΎΡΡΠΎ, ΡΡΠΎ Π΄Π°ΠΆΠ΅ Π½Π΅ΠΏΠΎΠ½ΡΡΠ½ΠΎ, ΠΏΠΎΡΠ΅ΠΌΡ Π΄Π»Ρ ΠΎΠ±ΡΡΡΠ½Π΅Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ ΡΠΏΠΎΡΠΎΠ±Π° ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΠ»ΠΎΡΡ ΡΡΠΎΠ»ΡΠΊΠΎ ΡΠ»ΠΎΠ²?
ΠΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅, ΠΌΡ Π½Π΅ ΠΎΡΡΠ°Π²ΠΈΠΌ Π½Π°ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΡΡΠΎΠ»Ρ Π½Π΅ΠΌΡΠ΄ΡΡΠ½ΠΎΠΉ. Π ΡΡΠΈΠ»Π΅Π²ΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π° Π½Π°ΠΌ ΠΏΡΠΈΠ΄Π΅ΡΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠ»ΠΎΠΆΠ½ΠΈΡΡ. Π ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π»ΡΠ±ΠΎΠΉ ΠΈΠ· Π½Π°ΡΠΈΡ ΡΠ΅Π³ΠΎΠ² Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π» Π±Ρ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ «Hello world! », Π° Π²ΡΡ, ΡΡΠΎ ΠΌΡ ΠΏΠΎΠΌΠ΅ΡΠ°Π»ΠΈ Π±Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π²Π½ΡΡΡΠΈ Π»ΡΠ±ΡΡ ΡΠ΅Π³ΠΎΠ², Π½Π΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π»ΠΎΡΡ Π±Ρ Π½Π° ΡΠΊΡΠ°Π½Π΅.
Π§ΡΠΎ ΠΆ, Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΡΠΌ ΠΊ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π½ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ΅Π°Π»ΡΠ½ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ².
ΠΡΠΈΠΌΠ΅Ρ ΠΏΠ΅ΡΠ²ΡΠΉ. ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡ ΠΡΠΈΠΌΠ΅Ρ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΉ Π·Π°ΠΌΠ΅Π½Ρ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π½Π° Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡ ΡΠ°ΠΉΡΠ° stopdesign.com. ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π³Π»Π°Π²Π½ΡΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ°Π·Π΄Π΅Π»Π° ΠΈΠ»ΠΈ ΡΡΡΠ°Π½ΠΈΡΡ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, «Recent Log Entries «Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅). ΠΠ½ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Π»ΠΈΡΡ Π±Π΅Π· ΠΌΠ°Π½ΠΈΠΏΡΠ»ΡΡΠΈΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ ΡΠ΅ΠΊΡΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS. ΠΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π»ΡΠ±ΠΎΠ²Π½ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠ΅ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΡΡΠΈΡΡΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°. ΠΡΠΎΠ±ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π±ΡΠ»ΠΎ ΠΎΠ±ΡΠ°ΡΠ΅Π½ΠΎ Π½Π° ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ ΡΠΎΠ½ΠΎΠ²ΡΡ ΡΠ²Π΅ΡΠΎΠ² ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Ρ ΡΠΎΠ½ΠΎΠΌ ΡΠ΅Ρ ΡΠ°ΡΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡ, Π³Π΄Π΅ ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ. ΠΡΡΠ΅ΠΊΡ Π΅Π΄Π²Π° ΡΠ»ΠΎΠ²ΠΈΠΌΡΠΉ, Π½ΠΎ Π½Π΅ΠΎΡΡΠ΅ΠΌΠ»Π΅ΠΌΡΠΉ Π΄Π»Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΠΎΡΡΠΈ ΡΠ°ΠΉΡΠ°.
ΠΠ°Π³Π»ΡΠ½ΡΠ² Π² ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΠΎΡΠΊΠ»ΡΡΠΈΠ² ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ, Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅, ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΡΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ. Π€Π°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ, ΡΠ°ΠΌ, Π³Π΄Π΅ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΈΠ· Π²Π°Ρ Π²ΠΈΠ΄ΠΈΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ-ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ, Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΎΠ±ΡΡΠ½ΡΠΉ ΡΠ΅Π³, Π²Π½ΡΡΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠ΅ΠΊΡΡ, Ρ. Π΅. ΠΎΠ±ΡΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ html-Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π·Π°Π½ΠΈΠΌΠ°ΡΡΠΈΠΉ ΡΠ²ΠΎΠ΅ ΠΎΠ±ΡΡΠ½ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΈΠ΅ΡΠ°ΡΡ ΠΈΠΈ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠΎΠ»ΠΎΡΠΎΠ²ΡΠ΅ Π±ΡΠΎΡΠ·Π΅ΡΡ, ΡΡΡΡΠΎΠΉΡΡΠ²Π° Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠΌΠΈ ΡΠΊΡΠ°Π½Π°ΠΌΠΈ, ΠΈ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠ΅ ΡΠΎΠ±ΠΎΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ (ΡΠΌ. ΠΏΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡ Π² ΠΊΠΎΠ½ΡΠ΅ ΡΡΠ°ΡΡΠΈ) ΠΈΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°ΡΡ Π»ΡΠ±ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ ΠΏΡΠΈ Π²ΡΠ²ΠΎΠ΄Π΅ Π½Π° ΡΠΊΡΠ°Π½. ΠΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΠΎΠ½ΠΈ ΠΏΠΎΠ»ΡΡΠ°ΡΡ ΠΎΠ±ΡΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ, ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Π½ΡΠΉ Π² ΡΠ»Π΅ΠΌΠ΅Π½Ρ .
ΠΠ΄ΠΈΠ½ ΠΈΠ· ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ-Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² Π΄Π»Ρ ΡΠ°Π·Π΄Π΅Π»ΠΎΠ² ΡΠ°ΠΉΡΠΎΠ² ΡΠΎΡΡΠΎΠΈΡ Π² ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΡΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ-Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ. Π ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ°Π·Π΄Π΅Π»Π° Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌ id ΠΈΠ»ΠΈ class ΠΏΡΠΈΡΠ²Π°ΠΈΠ²Π°Π΅ΡΡΡ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅. ΠΠ°ΡΠ΅ΠΌ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ, ΠΊ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ ΡΠ΅Π³Ρ ΠΏΡΠΈΠ²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ΅Π΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ, Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ΅ ΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π΄Π°Π½Π½ΡΠΉ ΡΠ΅Π³ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ (ΠΏΠ°ΡΠ° body#sectionForum h1 ΠΈΠ»ΠΈ body. sectionForum h1). ΠΠΎ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅ ΡΠ°ΠΉΡΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΈΠΏΠΎΠ² ΡΡΡΠ°Π½ΠΈΡ, ΠΈ Π½Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡΡ ΡΠΎΠ·Π΄Π°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠΌ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ ΡΠ°Π·Π΄Π΅Π»ΠΎΠ².
ΠΠΎΡΠ°Π·Π΄ΠΎ ΡΠ°Π·ΡΠΌΠ½Π΅Π΅ ΠΏΡΠΈΡΠ²ΠΎΠΈΡΡ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΡ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ id, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΉ ΡΠΎΠΊΡΠ°ΡΡΠ½Π½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΡΠΎΠ³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. ΠΠ»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ°: Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Recent Log Entries Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ stopdesign.com ΠΈΠΌΠ΅Π΅Ρ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ «t-reclog ». ΠΡΠ΅ΡΠΈΠΊΡ «t- «Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΠΈ ΡΡΠΎΠ±Ρ ΡΠ»ΡΡΠ°ΠΉΠ½ΠΎ Π½Π΅ ΡΠΎΠ·Π΄Π°ΡΡ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Ρ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ «t- «Π²ΡΠ΅Π³Π΄Π° ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΡΡΠΎ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΡΡΡΠ°Π½ΠΈΡΡ (ΠΎΡ ΡΠ»ΠΎΠ²Π° title). ΠΡΠ°Π²Π΄Π°, ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΡΠ»Π΅Π³ΠΊΠ° ΠΈΠ·Π±ΡΡΠΎΡΠ½ΠΎΠΉ, Π½ΠΎ ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄ΠΎΡΡΠΈΡΡ Π½Π°ΠΈΠ±ΠΎΠ»ΡΡΠ΅ΠΉ Π³ΠΈΠ±ΠΊΠΎΡΡΠΈ Π² ΠΏΡΠΈΠ²ΡΠ·ΠΊΠ΅ Π»ΡΠ±ΡΡ ΡΠΈΡΡΠ»ΡΠ½ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌ Π»ΡΠ±ΡΡ ΡΡΡΠ°Π½ΠΈΡ.
ΠΠ°ΠΆΠ΄ΡΠΉ Π·Π°ΠΌΠ΅Π½ΡΠ΅ΠΌΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΎΠΏΠΈΡΠ°Π½ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΡΠΈΠ»Π΅Π²ΡΠΌΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠ½Ρ Π΄Π»Ρ Π²ΡΠ΅Ρ Π΄ΡΡΠ³ΠΈΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ². Π Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ Π°ΡΡΠΈΠ±ΡΡΡ «id », Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠ΄ΠΌΠ΅Π½ΠΈΡΡ, ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ Π΅ΡΠ΅ ΠΈ Π°ΡΡΠΈΠ±ΡΡ «class », ΠΊΠΎΡΠΎΡΠΎΠΌΡ ΠΏΡΠΈΡΠ²Π°ΠΈΠ²Π°Π΅ΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ «swap ». ΠΡΠΎΡ ΠΊΠ»Π°ΡΡ ΡΠΎΠ·Π΄Π°Π½ Π΄Π»Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΠΎΠ±ΡΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ² ΠΏΠΎΠ΄ΠΌΠ΅Π½ΡΠ΅ΠΌΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π·Π°Π΄Π°ΡΡ ΡΡΠΈ ΠΎΠ±ΡΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π²ΡΠ΅Π³ΠΎ ΠΎΠ΄ΠΈΠ½ ΡΠ°Π·, Π½Π΅ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Ρ ΠΈΡ Π²ΡΡΠΊΠΈΠΉ ΡΠ°Π· Π² ΡΡΠΈΠ»Π΅Π²ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠ° id ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠ³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΠ°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π½Π΅ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΡΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ Π²ΡΠ΅ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠ΅ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΡΠΈΡΠ²ΠΎΠΈΡΡ ΠΈΠΌ ΠΎΠ΄Π½ΠΎ ΠΈ ΡΠΎ ΠΆΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΎΠ±ΡΠ΅Π΅ Π΄Π»Ρ Π²ΡΠ΅Ρ . ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΡΠΎΠΌΡ ΠΏΠΎΠ΄ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½Π° ΡΠΎΠ»ΡΠΊΠΎ ΠΊ ΡΠ΅ΠΌ ΡΠ΅Π³Π°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠΌΠ΅ΡΡ ΠΊΠ»Π°ΡΡ «swap ». ΠΠ»Ρ Π½Π΅ ΠΏΠΎΠ΄Π»Π΅ΠΆΠ°ΡΠΈΡ Π·Π°ΠΌΠ΅Π½Π΅ ΡΠ΅Π³ΠΎΠ² Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π½Π΅ ΠΏΡΠΈΠ΄ΡΡΡΡ ΠΏΠΈΡΠ°ΡΡ Π½ΠΈΠΊΠ°ΠΊΠΈΠ΅ ΠΎΡΠΌΠ΅Π½ΡΡΡΠΈΠ΅ Π·Π°ΠΌΠ΅Π½Ρ ΠΏΡΠ°Π²ΠΈΠ»Π°. ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° — ΠΌΠ°Π»Π΅Π½ΡΠΊΠ°Ρ ΠΆΠ΅ΡΡΠ²Π° ΡΠΈΡΡΠΎΡΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ Π² ΠΏΠΎΠ»ΡΠ·Ρ ΡΠΏΡΠΎΡΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ.
ΠΠ»Ρ Π·Π°ΠΌΠ΅Π½Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ stopdesign.com ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π°:
h1.swap {.
height:22px;
background-repeat:no-repeat;
}.
h1.swap span {display:none;}.
Π ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠ΅ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ Π²ΡΠ³Π»ΡΠ΄ΡΡ ΡΠ°ΠΊ:
h1#t-recentlog {background-image:url («/img/title_reclog.gif »);}.
h1#t-articles {background-image:url («/img/title_articles.gif »);}.
h1#t-portfolio {background-image:url («/img/title_port.gif »);}.
ΠΠ»Ρ ΠΏΡΠΎΡΡΠΎΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΡΠ°ΠΉΡΠ°, Π²ΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π° Π΄Π»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΡΡΡΠ°Π½ΠΈΡ Π²ΡΠ½Π΅ΡΠ΅Π½Ρ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠ°ΠΉΠ» titles. css, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°Π½ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ°ΠΉΠ» screen.css. screen. css Π² ΡΠ²ΠΎΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ ΠΊ html-ΡΡΡΠ°Π½ΠΈΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° .
ΠΡΠΈΠΌΠ΅Ρ Π²ΡΠΎΡΠΎΠΉ. ΠΠΎΠ΄Π°ΡΠ»ΠΈΠ²ΡΠ΅ Π±ΡΠΊΠ²ΠΈΡΡ Π₯ΠΎΡΠ΅Π»ΠΎΡΡ Π»ΠΈ Π²Π°ΠΌ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠΊΡΠ°ΡΠΈΡΡ ΠΏΠ΅ΡΠ²ΡΠΉ Π°Π±Π·Π°Ρ ΡΠ²ΠΎΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ Π±ΡΠΊΠ²ΠΈΡΠ΅ΠΉ? ΠΠΎ ΡΠΈΡ ΠΏΠΎΡ Ρ ΡΠΎΠ΄ΡΠΎΠ³Π°Π½ΠΈΠ΅ΠΌ Π²ΡΠΏΠΎΠΌΠΈΠ½Π°Π΅ΡΠ΅ ΡΠ²Π΅Π»ΠΈΡΠ΅Π½Π½ΡΡ ΡΡΠ΅Π΄ΡΡΠ²Π°ΠΌΠΈ HTML Π΄ΠΎ ΠΏΡΡΠΈΡΠΎΡ ΠΏΡΠΎΡΠ΅Π½ΡΠΎΠ² ΠΏΠ΅ΡΠ²ΡΡ Π±ΡΠΊΠ²Ρ? Π§ΡΠΎ ΡΠΊΠ°ΠΆΠ΅ΡΠ΅, Π΅ΡΠ»ΠΈ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ Π²ΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅? ΠΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅, Π½Π΅ Ρ ΠΎΡΠ΅Π»ΠΎΡΡ Π±Ρ Π»ΠΈΡΠΈΡΡΡΡ ΠΏΠ΅ΡΠ²ΠΎΠΉ Π±ΡΠΊΠ²Ρ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π½Π΅ Π·Π°Π³ΡΡΠΆΠ΅Π½Π°. ΠΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² ΠΎΠΏΠΈΡΠ°Π½Π½ΡΡ Π²ΡΡΠ΅ ΠΌΠ΅ΡΠΎΠ΄ΠΈΠΊΡ, ΠΌΡ ΡΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ Π±ΡΠΊΠ²ΠΈΡΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π»ΡΠ±ΠΎΠΉ ΡΡΠΈΡΡ, ΠΊΠ°ΠΊΠΎΠΉ Π·Π°Ρ ΠΎΡΠΈΠΌ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ½ΠΎΠ²Π° ΠΎΠ±ΡΠ°ΡΠΈΠΌΡΡ ΠΊ ΡΡΠ°ΡΠΎΠΌΡ Π΄ΠΎΠ±ΡΠΎΠΌΡ Shelley Allegro ΠΈ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Π½Π° Π΅Π³ΠΎ ΠΎΡΠ½ΠΎΠ²Π΅ Π±ΡΠΊΠ²Ρ «E », ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΡΠ»ΡΠΆΠΈΡ Π±ΡΠΊΠ²ΠΈΡΠ΅ΠΉ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΆΠ΅ Π°Π±Π·Π°ΡΠ°.
ΠΠ°Ρ Π½Π΅ ΡΡΡΡΠΎΠΈΡ Π±ΡΠΊΠ²ΠΈΡΠ°, ΡΡΠΎΡΡΠ°Ρ ΠΎΡΠΎΠ±Π½ΡΠΊΠΎΠΌ Π½Π° ΡΡΡΠΎΠΊΠ΅ (ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ Π±Ρ, Π΅ΡΠ»ΠΈ Π±Ρ ΠΌΡ Π·Π°ΠΊΠ»ΡΡΠΈΠ»ΠΈ Π΅Ρ Π² ΡΠ΅Π³ div). ΠΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌΡΡ, ΡΡΠΎ ΠΌΡ Π½Π΅ Ρ ΠΎΡΠΈΠΌ, ΡΡΠΎΠ±Ρ ΠΏΠ΅ΡΠ²Π°Ρ Π±ΡΠΊΠ²Π° ΠΊΠ°ΠΊ-Π½ΠΈΠ±ΡΠ΄Ρ Π²ΡΠ΄Π΅Π»ΡΠ»Π°ΡΡ Π½Π° ΠΎΠ±ΡΠ΅ΠΌ ΡΠΎΠ½Π΅ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, ΠΊΠΎΠ³Π΄Π° ΡΡΠΈΠ»Π΅Π²ΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π° Π½Π΅Π΄ΠΎΡΡΡΠΏΠ½Ρ Π΄Π»Ρ Π±ΡΠΎΡΠ·Π΅ΡΠ°. Π ΡΠ°ΠΊΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΠΏΠ°ΡΡ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΡ ΡΠ΅Π³ΠΎΠ² span:
Ever wanted a …
ΠΠΎΠΌΠ½ΠΈΡΠ΅, ΡΡΠΎ ΠΌΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊ Π²Π½Π΅ΡΠ½Π΅ΠΌΡ ΡΠ΅Π³Ρ, Π° Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ Π΄Π»Ρ ΡΠΎΠΊΡΡΡΠΈΡ ΡΠ΅ΠΊΡΡΠ°. Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ Π·Π°Π΄Π°Π΄ΠΈΠΌ Π΄Π»Ρ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ ΡΠ΅Π³Π° «ΠΏΠ»Π°Π²ΡΡΠ΅ΡΡΡ «(float) Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠ΅ΠΊΡΡ Π°Π±Π·Π°ΡΠ° ΠΎΡ Π²Π°ΡΡΠ²Π°Π» Π΅Π³ΠΎ ΡΠΏΡΠ°Π²Π° ΠΈ ΡΠ½ΠΈΠ·Ρ. ΠΠ»Ρ Π»ΡΡΡΠ΅ΠΉ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠΈ Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ Π±ΡΠΎΡΠ·Π΅ΡΠ°ΠΌΠΈ Π·Π°Π΄Π°Π΄ΠΈΠΌ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΆΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ display: block; (Π²ΠΏΡΠΎΡΠ΅ΠΌ, ΡΡΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΡΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ float). Π£ Π½Π°Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ Π²ΠΎΡ ΡΠ°ΠΊΠΎΠΉ Π½Π°Π±ΠΎΡ ΡΡΠΈΠ»Π΅Π²ΡΡ ΠΏΡΠ°Π²ΠΈΠ»:
span.dropcap {.
display:block;
float:left;
width:46px;
height:63px;
margin-right:5px;
background-image:url («dropcap_e.gif »);
background-repeat:no-repeat;
}.
span.dropcap span {display:none;}.
Π¨ΠΈΡΠΈΠ½Π° ΠΈ Π²ΡΡΠΎΡΠ° Π΄Π»Ρ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΠΏΡΠ°Π²ΠΈΠ»Π° Π²Π·ΡΡΡ ΡΠ°ΠΊΠΈΠΌΠΈ ΠΆΠ΅, ΠΊΠ°ΠΊ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΌΡ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠ»ΠΈ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΏΡΠ°Π²ΡΠΉ ΠΎΡΡΡΡΠΏ (margin-right) Π΄Π»Ρ Π½Π°ΡΠ΅ΠΉ Π±ΡΠΊΠ²ΠΈΡΡ. ΠΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΠ² HTML ΠΈ CSS ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠ² ΠΊΠΎΠ΅-ΠΊΠ°ΠΊΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ ΡΡΠΈΠ»Π΅Π²ΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π° ΠΊ ΡΠ°ΠΌΠΎΠΌΡ Π°Π±Π·Π°ΡΡ, ΠΌΡ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΈ Π²ΠΎΡ ΡΠ°ΠΊΠΎΠΉ ΠΎΠ±ΡΠ°Π·ΡΠΈΠΊ Π±ΡΠΊΠ²ΠΈΡΡ.
.
ΠΡΡ ΠΏΡΠΈΠΌΠ΅ΡΡ Π’Π²ΠΎΡΡΠ΅ΡΠΊΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ΅ΡΠΎΠ΄Π° ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΎ Π»ΠΈΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌΠΈ Π½Π°ΡΠ΅Π³ΠΎ Π²ΠΎΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΡΠΈΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ, ΡΡΠ΅Π΄ΠΈ ΠΏΡΠΎΡΠ΅Π³ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ:
Π‘ΠΎΠ·Π΄Π°Π²Π°ΡΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΡ ΠΈ Π½Π°Π·Π²Π°Π½ΠΈΡ, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΡΠ΅ Π½Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΡΡΠΈΡΡΠ°.
" ΠΡΠ»ΠΈΠ²Π°ΡΡ «Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ.
ΠΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΊΠΎΡΠΈΡΠΎΠ²ΠΊΠΈ Π°ΠΊΡΠΈΠΉ.
ΠΠ°ΠΌΠ΅Π½ΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΡΠ»ΠΎΠ²Π° Ρ ΡΠ΅Π»ΡΡ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΠΊΠΎΡΠΌΠ΅ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ° (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π·Π°ΠΌΠ΅Π½Π° «and «ΠΈ «vs. »).
ΠΡΠΎΡ ΠΌΠ΅ΡΠΎΠ΄ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Ρ ΠΎΡΠΎΡ ΠΏΡΠΈ ΡΠΌΠ΅Π½Π΅ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° ΡΠ°ΠΉΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΡ ΡΠ°Π±Π»ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ. ΠΠ°ΠΆΠ΄Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°ΡΡ ΡΠ²ΠΎΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΠ°ΠΌΠ΅Π½ΡΠΉΡΠ΅ ΠΎΡΡΠΎΡΠΎΠΆΠ½ΠΎ ΠΡΡΠ΅ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ ΠΌΠ΅ΡΠΎΠ΄ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Ρ ΠΎΡΠΎΠ±ΠΎΠΉ ΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎΡΡΡΡ. Π ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ Π²ΡΠ΅Π³Π΄Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΡΠΎΡ ΠΆΠ΅ ΡΠ°ΠΌΡΠΉ ΡΠ΅ΠΊΡΡ, ΡΡΠΎ ΠΈ Π² ΡΠΏΡΡΡΠ°Π½Π½ΠΎΠΌ html-ΠΊΠΎΠ΄Π΅. Π ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π±ΡΠ΄Π΅Ρ Π½Π΅ΡΠΏΡΠ°Π²Π΅Π΄Π»ΠΈΠ²ΠΎ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΠΏΡΠΈ Π²ΠΊΠ»ΡΡΠ΅Π½Π½ΡΡ ΡΡΠΈΠ»ΡΡ ΠΎΠ΄Π½ΠΎ, Π° ΠΏΡΠΈ Π²ΡΠΊΠ»ΡΡΠ΅Π½Π½ΡΡ — Π΄ΡΡΠ³ΠΎΠ΅. ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅-Π·Π°ΠΌΠ΅Π½ΠΈΡΠ΅Π»Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ ΠΈ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΡΡΠΈΡΡΠ°, Π΅Π³ΠΎ ΡΠ²Π΅ΡΠΎΠΌ ΠΈ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ΠΌ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΈΠΌΠ²ΠΎΠ»Π°ΠΌΠΈ. ΠΠΎ ΡΡΠΈ ΡΡΠΈΠ»ΠΈΡΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡΡΡ Π»ΠΈΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΈ ΠΈΡ Π½Π΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΊ Π·Π°ΠΌΠ΅Π½ΡΠ΅ΠΌΠΎΠΌΡ html-ΡΠ΅ΠΊΡΡΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ ΠΏΠΎΠ²ΡΠΎΡΠΈΡΡ ΡΠΊΠ»Π΅ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ»ΠΎΠ² (Ρ.Π΅. ΡΠ΄Π°Π»Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ Π½ΠΈΠΌΠΈ ΠΏΡΠΎΠ±Π΅Π»Π°, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Π½ΠΎ Π² Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°Ρ ΡΠ°ΠΉΡΠ° stopdesign.com) Π² html-ΡΠ΅ΠΊΡΡΠ΅, Π³ΠΎΠ»ΠΎΡΠΎΠ²ΡΠ΅ Π±ΡΠΎΡΠ·Π΅ΡΡ ΠΈ Π±ΡΠΎΡΠ·Π΅ΡΡ Π΄Π»Ρ ΡΠ»Π΅ΠΏΡΡ ΠΏΡΠ΅Π²ΡΠ°ΡΡΡ ΡΠ΅ΠΊΡΡ Π² ΠΊΠ°ΡΡ. Π‘Π»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ, html-ΡΠ΅ΠΊΡΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ Ρ ΡΠΎΠ±Π»ΡΠ΄Π΅Π½ΠΈΠ΅ΠΌ ΠΎΡΡΠΎΠ³ΡΠ°ΡΠΈΠΈ ΠΈ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°, ΠΊΠ°ΠΊ Π΅ΡΠ»ΠΈ Π±Ρ ΠΎΠ½ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ°Π»ΡΡ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΈΡΡ Π±Π΅Π· ΡΡΠΈΠ»Π΅ΠΉ.
ΠΠ΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΏΠΎΠΌΡΠ½ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΡΠ΅Π½Ρ ΡΠ΅ΡΡΠ΅Π·Π½ΡΡ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΎΠ² ΡΡΠΎΠ³ΠΎ ΠΌΠ΅ΡΠΎΠ΄Π°:
ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , Π½Π΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΡΡΠΎΡ ΠΌΠ΅ΡΠΎΠ΄ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΡ ΡΠΎΠ±ΠΎΡΠΎΠ² (Π² ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Π²ΡΡΠ°Π²ΠΊΠΈ ΠΏΡΠΎΡΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π²ΠΌΠ΅ΡΡΠΎ ΡΠ΅ΠΊΡΡΠ°), Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΠΏΡΠΈ ΠΏΠΎΠΈΡΠΊΠ΅ Π·Π°ΠΌΠ΅Π½ΡΠ½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° (ΡΡΠ½ΠΊΡΠΈΡ ΠΏΠΎΠΈΡΠΊΠ° Π² Π±ΡΠΎΡΠ·Π΅ΡΠ°Ρ ) ΠΈΠ»ΠΈ ΠΆΠ΅ ΠΏΡΠΈ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ Π΅Π³ΠΎ Π² Π±ΡΡΠ΅Ρ ΠΎΠ±ΠΌΠ΅Π½Π°.
ΠΠΎ-Π²ΡΠΎΡΡΡ , ΠΈΠ½ΠΎΠ³Π΄Π° Π±ΡΠ²Π°Π΅Ρ (Ρ ΠΎΡΡ ΠΈ ΡΠ΅Π΄ΠΊΠΎ), ΡΡΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΎΡΠΊΠ»ΡΡΠ°Π΅Ρ ΠΏΠΎΠΊΠ°Π· ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² Π±ΡΠΎΡΠ·Π΅ΡΠ΅, Π½ΠΎ Π½Π΅ Π²ΡΠΊΠ»ΡΡΠ°Π΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ CSS. Π ΡΠ°ΠΊΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π·Π°ΠΌΠ΅Π½ΡΠ½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ Π±ΡΠ΄Π΅Ρ ΡΠΊΡΡΡ, Π° ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° ΡΠΊΡΠ°Π½Π΅ Π½Π΅ ΠΏΠΎΡΠ²ΠΈΡΡΡ. ΠΠ°ΠΊ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ, ΡΡΡΠ°Π½ΠΈΡΠ° Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΊΠ°ΠΊ Ρ ΠΏΡΡΡΡΠΌΠΈ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ Π±Π΅Π· ΡΠ΅ΠΊΡΡΠ°. ΠΠ°ΠΊ ΡΠΆΠ΅ Π±ΡΠ»ΠΎ ΡΠΊΠ°Π·Π°Π½ΠΎ, ΡΠ°ΠΊΠΈΠ΅ ΡΠ»ΡΡΠ°ΠΈ ΡΠ΅Π΄ΠΊΠΈ: Π΅ΡΠ»ΠΈ ΡΡΠΎ-ΡΠΎ ΠΈΠ· Π΄Π²ΡΡ (CSS ΠΈ Π³ΡΠ°ΡΠΈΠΊΠ°) ΠΎΡΠΊΠ»ΡΡΠ΅Π½ΠΎ, ΡΠ°ΡΡΠΎ ΠΎΡΠΊΠ»ΡΡΠ΅Π½ΠΎ ΠΈ Π²ΡΠΎΡΠΎΠ΅.
Π-ΡΡΠ΅ΡΡΠΈΡ , ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π΅ ΡΠΌΠΎΠΆΠ΅Ρ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ: Π½Π΅ Π²ΡΠΉΠ΄Π΅Ρ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΡΠ°Π·ΠΌΠ΅Ρ, ΡΠ²Π΅Ρ ΠΈΠ»ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΡΠΌ (Ρ.Π΅. Π²ΡΡ ΡΠΎ, ΡΡΠΎ ΡΠ°ΠΊ Π»Π΅Π³ΠΊΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Ρ ΠΎΠ±ΡΡΠ½ΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ).
ΠΡΠΈ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡΡΡ Π² ΡΠ°ΡΡΡΡ, ΠΈ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΎΠ± ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΌΠ΅ΡΠΎΠ΄Π° Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡΡΡ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅. ΠΡΠ»ΠΈ Π²Ρ Π²ΡΠ΅-ΡΠ°ΠΊΠΈ ΡΠ΅ΡΠ°Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎΡ ΠΌΠ΅ΡΠΎΠ΄, ΠΏΠΎΡΡΠ°ΡΠ°ΠΉΡΠ΅ΡΡ ΡΠ°ΠΊΠΆΠ΅ ΡΡΠ΅ΡΡΡ Π²ΡΠ΅ Π½ΡΠ°Π½ΡΡ ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΡΠ°ΠΌΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ-Π·Π°ΠΌΠ΅Π½. ΠΡΠ΄Π΅Ρ ΠΏΡΠΎΡΡΠΎ Π±Π΅Π·ΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² Π½ΠΈΡ ΠΌΠ΅Π»ΠΊΠΈΠΉ ΠΈΠ»ΠΈ Π½ΠΈΠ·ΠΊΠΎ-ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ. ΠΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ ΡΠ²Π΅ΡΠΎΠ² ΠΈ/ΠΈΠ»ΠΈ ΡΠΎΠ½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΠΎΡΡΠ°ΡΠ°ΠΉΡΠ΅ΡΡ ΡΡΠ΅ΡΡΡ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ Π²ΠΎΡΠΏΡΠΈΡΡΠΈΡ ΡΡΠΈΡ ΡΠ²Π΅ΡΠΎΠ² Ρ Π΄Π°Π»ΡΡΠΎΠ½ΠΈΠΊΠΎΠ².
Π ΠΏΠΎΠΌΠ½ΠΈΡΠ΅, ΡΡΠΎ ΡΡΠ΅Π·ΠΌΠ΅ΡΠ½ΠΎΠ΅ (ΠΈΠ»ΠΈ Π½Π΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ΅) ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ ΠΎΡΠΎΡΠΈΡ ΠΏΡΠΈΡΠΌΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ ΡΠΎ Π²ΡΠ΅ΠΌΠ΅Π½Π΅ΠΌ Π²ΡΠΉΡΠΈ Π±ΠΎΠΊΠΎΠΌ. ΠΡ Π²ΡΠ΅Π³Π΄Π° ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌ ΡΡΠΎΡ ΠΌΠ΅ΡΠΎΠ΄ ΡΠ΅Π΄ΠΊΠΎ ΠΈ ΠΎΡΠ΅Π½Ρ ΠΎΡΡΠΎΡΠΎΠΆΠ½ΠΎ.
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΡ Ρ Π±ΡΠΎΡΠ·Π΅ΡΠ°ΠΌΠΈ:
Mac: Camino .7+, IE 5+, Mozilla, Netscape 6+, OmniWeb 4+, Opera 5+, Safari.
Win: Firebird .6+, IE 5+, Mozilla, Netscape 6+, Opera 5+, Phoenix .5+.
ΠΠ°ΠΆΠ½ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡ
ΠΠ΅ΡΠΎΠ΄ Π½Π΅ ΡΠΌΠΎΠ³ ΠΏΡΠΎΠΉΡΠΈ ΠΏΡΠΎΠ²Π΅ΡΠΊΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΌΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°ΠΌΠΈ, ΡΠΈΡΠ°ΡΡΠΈΠΌΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠ΅ΠΊΡΡ Ρ ΡΠΊΡΠ°Π½Π°. Π‘ΠΌ. ΡΡΠ°ΡΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅ A List Apart: Facts and Opinion About Fahrner Image Replacement.
Π Π΅Π·ΡΠ»ΡΡΠ°ΡΡ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ, ΠΏΡΠΎΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ ΠΠΆΠΎ, ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ, Π½Π°ΡΠ° ΠΈΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΠΎ-ΡΠΎ Π±ΠΎΠ»Π΅Π΅ Π³ΠΈΠ±ΠΊΠΎΠ΅, ΡΠ΅ΠΌ ΠΏΡΠΎΡΡΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΠΏΡΠΎΠΏΠΈΡΠ°Π½Π½ΡΠΌ Π΄Π»Ρ Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ alt, ΠΏΠΎΡΠ΅ΡΠΏΠ΅Π»Π° ΡΠΈΠ°ΡΠΊΠΎ. ΠΡ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π»ΠΈ, ΡΡΠΎ Π² Π±ΡΠΎΡΠ·Π΅ΡΠ°Ρ ΡΠΎ Π²ΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌ ΠΏΠΎΠΊΠ°Π·ΠΎΠΌ Π³ΡΠ°ΡΠΈΠΊΠΈ ΡΠ΅ΠΊΡΡ Π±ΡΠ΄Π΅Ρ ΡΠΊΡΡΡ ΡΡΠΈΠ»Π΅Π²ΡΠΌ ΠΏΡΠ°Π²ΠΈΠ»ΠΎΠΌ display: none, Π° Π² Π³ΠΎΠ»ΠΎΡΠΎΠ²ΡΠ΅ Π±ΡΠΎΡΠ·Π΅ΡΡ ΡΡΡΠΊΠΎ Π΅Π³ΠΎ ΠΏΡΠΎΡΠΈΡΠ°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΠΊΠ°Π·Π°Π»ΠΎΡΡ, ΡΡΠΎ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΡΠΎΡΠ·Π΅ΡΡ ΡΠ°ΠΊ Π½Π΅ Π΄Π΅Π»Π°ΡΡ Π΄Π°ΠΆΠ΅ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, ΠΊΠΎΠ³Π΄Π° ΠΌΡ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Π΅ΠΌ Π² ΡΡΠΈΠ»ΡΡ media= «screen », ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Π±ΡΠΊΠ²Π°Π»ΡΠ½ΠΎ Π·Π°ΡΠΈΡΡΠ²Π°ΡΡ ΡΠΎ, ΡΡΠΎ Π±ΡΠ»ΠΎ Π±Ρ Π²ΠΈΠ΄Π½ΠΎ Π½Π° ΡΠΊΡΠ°Π½Π΅. ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ²ΡΡ Π±ΡΠΎΡΠ·Π΅ΡΠΎΠ² Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ media= «aural », ΡΠ°ΠΊ ΡΡΠΎ ΠΏΡΠΎΠΏΠ°Π΄Π°Π΅Ρ Π²ΡΡΠΊΠΈΠΉ ΡΠΌΡΡΠ» ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ² «speak «Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ Π΄Π»Ρ Π½ΠΈΡ .
ΠΠΎΡΡΡΠΏΠ°Π»ΠΈ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΡ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π²ΠΌΠ΅ΡΡΠΎ «display:none; «ΠΏΡΠ°Π²ΠΈΠ»ΠΎΠΌ «visibility:hidden; «, Π½ΠΎ ΡΡΠΎ ΡΠ°ΠΊΠΆΠ΅ Π½Π΅ ΡΠ΅ΡΠ°Π»ΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΠΏΡΠΎΡΡΠ΅Π½ΠΈΡ «ΡΠΏΡΡΡΠ°Π½Π½ΡΡ «ΡΡΠ°ΡΡΠΊΠΎΠ² ΡΠ΅ΠΊΡΡΠ° Π² Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ Π³ΠΎΠ»ΠΎΡΠΎΠ²ΡΡ Π±ΡΠΎΡΠ·Π΅ΡΠΎΠ². Π’Π΅ΠΊΡΡΠ°Ρ Π²Π΅ΡΡΠΈΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ JAWS — ΠΏΠΎΠΆΠ°Π»ΡΠΉ ΡΠ°ΠΌΡΠΉ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠΉ Π³ΠΎΠ»ΠΎΡΠΎΠ²ΠΎΠΉ Π±ΡΠΎΡΠ·Π΅Ρ — Π²ΡΠ΅-ΡΠ°ΠΊΠΈ ΡΠΈΡΠ°Π΅Ρ ΡΠ΅ΠΊΡΡ, ΡΠΊΡΡΡΡΠΉ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠΌ Π€Π°ΡΠ½Π΅ΡΠ°. ΠΠΎ, Π³Π»ΡΠ΄Ρ Π½Π° Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π΄ΡΡΠ³ΠΈΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ, ΠΌΡ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠ»ΠΎΠΆΠΈΡΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π²Π΅ΡΡΠΈΠΈ JAWS ΡΠΎΡ ΡΠ°Π½ΡΡ ΡΡΡ ΡΡΠ½ΠΊΡΠΈΡ.
ΠΠ°ΠΊ ΠΈ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ Π»ΡΠ±ΠΎΠΉ Π΄ΡΡΠ³ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ-ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΡΡΠ΅ΠΉ (content-altering) ΠΌΠ΅ΡΠΎΠ΄ΠΈΠΊΠΎΠΉ, ΠΏΠ΅ΡΠ΅Π΄ ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ Π΅Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ, ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΡΠ°ΡΠ΅Π»ΡΠ½ΠΎ Π²Π·Π²Π΅ΡΠΈΡΡ Π²ΡΠ΅ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π° ΠΈ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ ΠΏΡΠΈ ΡΠ΅ΡΠ΅Π½ΠΈΠΈ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ Π·Π°Π΄Π°Ρ Π²ΡΡΡΡΠΊΠΈ. Π‘ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΡΡΠ°ΡΡΠΈ ΠΏΠΎΡΠ²ΠΈΠ»ΠΎΡΡ Π΅ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ², ΡΠ΅ΡΠ°ΡΡΠΈΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ Π·Π°Π΄Π°ΡΡ — ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠΎ ΡΠ²ΠΎΠΈΠΌΠΈ Π΄ΠΎΡΡΠΎΠΈΠ½ΡΡΠ²Π°ΠΌΠΈ. ΠΠ΄Π½Π°ΠΊΠΎ Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² ΡΠ°ΠΊ ΠΈ Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠΌ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΡΡΠΊΠ° Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½ΠΎΠΉ ΡΠ΅ΠΊΡΡΠ° Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΠΈΠΆΠ΅ ΠΏΡΠΈΠ²Π΅Π΄ΡΠ½ ΠΊΡΠ°ΡΠΊΠΈΠΉ ΠΏΠ΅ΡΠ΅ΡΠ΅Π½Ρ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΡ ΡΠΏΠΎΡΠΎΠ±ΠΎΠ²:
ΠΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΠΈΡ ΠΈ/ΠΡΠ½Π³ΡΠΈΠ΄ΠΆΠ° [Leahy/Langridge Image Replacement (LIR)].
Π‘ΡΡΡ: ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΡΠ³Π° ΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΠΏΡΡΡΠΌ Π·Π°Π΄Π°Π½ΠΈΡ ΠΏΡΠ΅Π΄ΠΊΡ ΡΡΠ³Π° Π½ΡΠ»Π΅Π²ΠΎΠΉ Π²ΡΡΠΎΡΡ (height: 0;) ΠΈ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ (overflow: hidden;). ΠΠ°ΡΠ΅ΠΌ Π·Π°Π΄Π°ΡΡΡΡ Π²Π΅ΡΡ Π½ΠΈΠΉ ΠΎΡΡΡΡΠΏ (padding-top), ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΉ Π²ΡΡΠΎΡΠ΅ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠ΅ΡΠΎΠ΄ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ Π² ΠΎΠ΄Π½ΠΎ ΠΈ ΡΠΎΠΆΠ΅ Π²ΡΠ΅ΠΌΡ Π‘ΠΈΠΌΡΡΠΎΠΌ ΠΠΈΡ ΠΈ ΠΈ Π‘ΡΡΠ°ΡΡΠΎΠΌ ΠΡΠ½Π³ΡΠΈΠ΄ΠΆΠ΅ΠΌ (Seamus Leahy and Stuart Langridge).
Π‘Π΄Π²ΠΈΠ³ ΡΠ΅ΠΊΡΡΠ° ΠΌΠ΅ΡΠΎΠ΄ΠΎΠΌ Π Π°Π½Π΄Π»Π° (Rundle «s Text-Indent Method)
ΠΠ°ΠΉΠΊ Π Π°Π½Π΄Π» (Mike Rundle) ΠΈΠ·ΠΎΠ±ΡΡΠ» ΠΏΡΠΎΡΡΠΎΠΉ ΡΡΡΠΊ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ CSS-ΡΠ²ΠΎΠΉΡΡΠ²Π° «text-indent «Π΄Π»Ρ ΡΠ΄Π²ΠΈΠ³Π° ΡΡΠ°ΡΡΠΊΠ° ΡΠ΅ΠΊΡΡΠ° Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Ρ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
ΠΠ΅ΡΠΎΠ΄ ΠΏΠ΅ΡΠ΅ΠΊΡΡΡΠΈΡ ΡΠΎΠ½ΠΎΠΌ (Cover-up Method).
ΠΠ΅ΡΠΎΠ΄ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ ΠΠ΅ΡΡΠΎΠΌ Π‘ΡΠ°Π½ΠΈΡΠ΅ΠΊΠΎΠΌ ΠΈ Π’ΠΎΠΌΠΎΠΌ ΠΠΈΠ»ΡΠ΄Π΅ΡΠΎΠΌ (Petr Stanicek (a.k.a. «Pixy ») and Tom Gilder). Π‘ΠΌΡΡΠ» Π² ΡΠΎΠΌ, ΡΡΠΎ ΡΠ΅ΠΊΡΡ ΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠΌ ΠΏΠΎΠ²Π΅ΡΡ Π½Π΅Π³ΠΎ ΠΏΡΡΡΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ, ΠΈΠΌΠ΅ΡΡΠΈΠΌ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΡΠΈ ΡΡΠΎΠΌ ΡΠ΅ΠΊΡΡ Π±ΡΠ΄Π΅Ρ Π²ΠΈΠ΄Π΅Π½, Π΅ΡΠ»ΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ° Π³ΡΠ°ΡΠΈΠΊΠΈ ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π° (ΠΈΠ»ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΠΏΡΠΎΡΡΠΎ Π½Π΅ Π·Π°Π³ΡΡΠ·ΠΈΠ»Π°ΡΡ).
ΠΡΠ΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠ΅ ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΡΠΎΠ΄Π° FIR Π² ΡΡΠ°ΡΡΠ΅ ΠΡΠΉΠ²Π° Π¨ΠΈ (Dave Shea) «In Defense of Fahrner Image Replacement «Π½Π° ΡΠ°ΠΉΡΠ΅ Digital-Web.com.
Π‘ΠΏΠΈΡΠΎΠΊ Π»ΠΈΡΠ΅ΡΠ°ΡΡΡΡ
ΠΠ»Ρ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠΈ Π΄Π°Π½Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Π±ΡΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Ρ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ Ρ ΡΠ°ΠΉΡΠ° internet.