HTML5 div css3 ΠΊΡΠ°ΡΠΈΠ²Π°Ρ ΠΏΠ°Π½Π΅Π»Ρ Π±ΠΎΠΊΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ
<title> div css3 ΠΏΠ°Π½Π΅Π»Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ Π±ΠΎΠΊΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ-www.codesc.net </title> <styleΒ type="text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body {font: 12px / 180% Arial, Helvetica, sans-serif, "Microsoft Yahei";} .demo{margin:60pxΒ auto;width:720px;} .navbox{float:left;} ul.nav{width:200px;padding:60pxΒ 0Β 60pxΒ 0;background:url()Β no-repeat;} ul.navΒ li{margin:5pxΒ 0Β 0Β 0;} ul.navΒ liΒ a{ Β Β Β Β background:#cbcbcbΒ url()Β no-repeat;color:#174867;padding:7pxΒ 15pxΒ 7pxΒ 15px;width:100px;display:block;text-decoration:none; Β Β Β Β -webkit-transition:allΒ 0.3sΒ ease-out; Β Β Β Β -moz-transition:allΒ 0.3sΒ ease-out; Β Β Β Β -o-transition:allΒ 0.3sΒ ease-out; Β Β Β Β -webkit-box-shadow:2pxΒ 2pxΒ 4pxΒ #888; Β Β Β Β -moz-box-shadow:2pxΒ 2pxΒ 4pxΒ #888; Β Β Β Β -o-box-shadow:2pxΒ 2pxΒ 4pxΒ #888; } ul.navΒ liΒ a:hover{background:#ebebebΒ url()Β no-repeat;color:#67a5cd;padding:7pxΒ 15pxΒ 7pxΒ 30px;} </style> <divΒ class="demo"> Β Β Β Β <divΒ class="navbox"> Β Β Β Β Β Β Β Β <ulΒ class="nav"> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">XHTML</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">C++</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">Mootools</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">HTML5</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">CSS</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">jQuery</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">Ajax</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">PHP</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">Perl</a></li> Β Β Β Β Β Β Β Β </ul> Β Β Β Β </div> Β Β Β Β <divΒ class="navbox"> Β Β Β Β Β Β Β Β <ulΒ class="nav"> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">XHTML</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">HTML5</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">CSS</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">jQuery</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">Ajax</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">PHP</a></li> Β Β Β Β Β Β Β Β </ul> Β Β Β Β </div> Β Β Β Β <divΒ class="navbox"> Β Β Β Β Β Β Β Β <ulΒ class="nav"> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">XHTML</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">HTML5</a></li> Β Β Β Β Β Β Β Β Β Β Β Β <li><aΒ href="#">CSS</a></li> Β Β Β Β Β Β Β Β </ul> Β Β Β Β </div> </div>
ΠΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½Π°Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΡ
ΠΠ΅ΡΠ΅Π½Π½ΠΈΠ΅ ΠΎΠ±Π»Π°ΠΊΠΎ (2) ΠΡΠ» ΠΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΡΠΉ ΠΌΠ°ΡΡΡΡΡ: ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π²Π΅Π±-ΡΠ΅ΡΠ²Π»Π΅ΡΠ° Π² ΠΏΡΠΈΡΠΎΠ΄Π΅ ΠΌΠ°ΡΡΡΡΡΠΈΠ·Π°ΡΠΎΡΠΎΠ² ΠΈ ΡΠΈΠ»ΡΡΡΠΎΠ²
ΠΠ°ΡΡΡΡΡΠΈΠ·Π°ΡΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΡΠΈΡΡΠ΅ΠΌΡ Micro Service. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, / ΠΌΠΎΠΆΠ΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π° Π²Π°ΡΠ΅ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, / API / ΠΊΠ°ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π° ΡΠ»ΡΠΆΠ±Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈ ΠΊΠ°ΡΡΡ / API / ΠΌΠ°Π³Π°Π·ΠΈΠ½ Π² ΠΌΠ°Π³Π°Π·ΠΈΠ½. ΠΡ ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½…
ΠΠ°ΡΡΡΠΎΠΈΡΡ PagersliidingTabstrip ΠΡΠ±ΠΎΡ ΡΡΠ°ΡΡΡΠ° Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΡΠ²Π΅ΡΠΎΠ²
ΠΠ°ΠΆΠ΄Π°Ρ ΠΎΡΠΈΠ±ΠΊΠ° — ΡΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ»ΡΡΡΠΈΡΡ ΡΠ΅Π±Ρ. ΠΠ° ΡΡΠΎΡ ΡΠ°Π· Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΡΡ ΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°Ρ , Π²ΡΡΡΠ΅ΡΠ°ΡΡΠΈΡ ΡΡ Π² PagersLidingTabstrip. Π¦Π²Π΅Ρ ΠΈ Ρ. Π. ΠΡΠ°ΠΊ, ΡΡΠΎ Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π·Π΄Π΅ΡΡ? ΠΠ΅ΡΡ Π½ΡΡ ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π°:…
[ΠΠ°ΡΡΠΈΠ²] [ΠΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅] ΠΠ΅Ρ ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΠΌΠ°ΠΊΡΠΈΠΌΡΠΌΡ ΠΈ
[ΠΠ½Π»Π°ΠΉΠ½ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅]ΠΠ°ΠΊΡΠΈΠΌΡΠΌ ΠΈ γΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡγ ΠΡ Π²ΡΠ΅ΠΌΡ ΠΎΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π²ΠΎΠ·ΡΠΌΠΈΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ Π²ΠΎΠΏΡΠΎΡΠΎΠ² Π΄Π»Ρ ΠΌΠ΅ΡΡΠ°Π½ΠΈΡ ΡΡΠΈΡ Π½Π΅ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΈΡ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ ΠΎΠ΄Π½ΠΎΠΊΠ»Π°ΡΡΠ½ΠΈΠΊΠΎΠ². Π‘Π΅Π³ΠΎΠ΄Π½Ρ, ΠΏΠΎΡΠ»…
ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Java
ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Java ΠΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½Π°Ρ ΡΠΈΡΡΠ΅ΠΌΠ° Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ Throwable ΠΡΠΈΡΠΈΠ½Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π±ΡΠΎΡΠΈΡΡ ΠΊΠ»ΡΡΠ΅Π²ΠΎΠ΅ ΡΠ»ΠΎΠ²ΠΎ Π±ΡΠΎΡΠ°Π΅Ρ ΠΊΠ»ΡΡΠ΅Π²ΠΎΠ΅ ΡΠ»ΠΎΠ²ΠΎ ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉ ΠΏΠΎΠΉΠΌΠ°ΠΉ Π½Π°ΠΊΠΎΠ½Π΅Ρ ΠΊΠ»ΡΡΠ΅Π²ΠΎΠ΅ ΡΠ»ΠΎΠ²ΠΎ RuntimeException Π‘Π²Π΅Π΄Π΅Π½ΠΈΡ ΠΎΠ± ΠΈΡΠΊΠ»Ρ…
ΠΠΈΠ½ΡΠΈΠ½Ρ (Π»ΡΠΎΠ³Ρ Ρ1012)
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΡΡΡ n Π½Π°ΡΡΡΠ°Π»ΡΠ½ΡΡ
ΡΠΈΡΠ΅Π» (nβ€20), ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ΅Π΄ΠΈΠ½Π΅Π½Ρ Π² ΡΡΡΠΎΠΊΡ, ΡΡΠΎΠ±Ρ ΡΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ Π½Π°ΠΈΠ±ΠΎΠ»ΡΡΠ΅Π΅ ΠΌΠ½ΠΎΠ³ΠΎΠ·Π½Π°ΡΠ½ΠΎΠ΅ ΡΠ΅Π»ΠΎΠ΅ ΡΠΈΡΠ»ΠΎ.
ΠΠ°ΠΌ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΡΡΡΡ
CMD DEBUG JS CODE
Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΠ»Π°Π²Π½ΡΠ΅ Π·Π°ΠΌΠ΅ΡΠΊΠΈ Π·Π΄Π΅ΡΡ, Π½Π°ΠΌ ΡΠ΄ΠΎΠ±Π½ΠΎ ΠΎΡΠ»Π°Π΄ΠΈΡΡ ΠΊΠΎΠ΄ JS. ΠΠΎΠ³Π΄Π° ΠΏΡΠΎΠ΅ΠΊΡ Π½Π΅ Π½ΡΠΆΠ΅Π½, ΠΊΠΎΠ΄ JS ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΡΠ»Π°Π΄ΠΊΠΎΠΉ, ΠΊΠΎΠ³Π΄Π° Π΄ΠΎΡΡΡΠΏ ΠΊ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ΅Π½! ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΡΡΠ΅ ΡΠ°ΠΉΠ» JS 2. CMD ΠΡΠΊΡΠΎΠΉΡΠ΅ ΡΡΠ΅Π΄Ρ ΠΎΠ±…
ΠΠ½ΠΊΠ°ΠΏΡΡΠ»ΡΡΠΈΡ ΠΈ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΡΡΠΎΠ²Π½Ρ Node Dao
Π’ΡΠ°Π΄ΠΈΡΠΈΠΎΠ½Π½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΏΠΈΡΡΠΌΠ° Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΌΡ Π²ΠΈΠ΄ΠΈΠΌ, ΡΡΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°ΡΡΡΡ ΠΊ Π±Π°Π·Π΅ Π΄Π°Π½Π½ΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π·, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ. Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ ΠΎΡΠ΅Π½Ρ Π½ΠΈΠ·ΠΊΠ°Ρ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΌΡ ΠΈΠ½ΠΊΠ°ΠΏΡΡΠ»ΠΈΡΡΠ΅ΠΌ …
ΠΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΠΉ Π°Π»Π³ΠΎΡΠΈΡΠΌ Ρ Π΅ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΡΡΠΊΠΎΠΏΠΈΡΠ½Π°Ρ ΡΠΏΡΠΎΡΠ΅Π½Π½Π°Ρ Π²Π΅ΡΡΠΈΡ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ Π°Π»Π³ΠΎΡΠΈΡΠΌΠ° Ρ Π΅ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ
ΠΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΠΉ Π°Π»Π³ΠΎΡΠΈΡΠΌ Ρ Π΅ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ: ΠΠ° ΠΎΡΠ½ΠΎΠ²Π΅ Π°Π»Π³ΠΎΡΠΈΡΠΌΠ° Hash ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ Π°Π»Π³ΠΎΡΠΈΡΠΌ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Ρ Π΅ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΡΠΎΡΠ΅ΠΊ Π΄ΠΎΡΡΡΠΏΠ° Π² ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ ΠΈ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠ°Π·Π΄…
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ° Tomcat initializeContext (). Lookup () ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ
Π― ΡΠ°ΡΡΠΎ Π²ΠΈΠΆΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΈ Π½Π° jndi 1. lookup («java: comp / env») ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ envContext 2. ΠΠΎΠ»ΡΡΠΈΡΡ ΡΠ΅ΡΡ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π² ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ env ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°…
ΠΠΊΡΠΈΠ²ΠΈΠ·Π°ΡΠΈΡ ΠΊΠΎΠΌΠΌΠ΅ΡΡΠΈΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π°Π²ΡΠΎΠ½ΠΎΠΌΠ½ΠΎΠ³ΠΎ Π²ΠΎΠΆΠ΄Π΅Π½ΠΈΡ Gaode Π°Π½ΠΎΠ½ΡΠΈΡΡΠ΅Ρ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΡΡ Π΄ΠΎΡΠΎΠΆΠ½ΡΡ ΠΊΠ°ΡΡΡ Π²ΡΡΠΎΠΊΠΎΡΠΎΡΠ½ΡΡ ΠΊΠ°ΡΡ
26 ΠΈΡΠ»Ρ Π² ΠΠ΅ΠΊΠΈΠ½Π΅ ΡΠΎΡΡΠΎΡΠ»ΡΡ Π‘Π°ΠΌΠΌΠΈΡ Π±ΡΠ΄ΡΡΠ΅Π³ΠΎ ΡΡΠ°Π½ΡΠΏΠΎΡΡΠ° 2018 Π³ΠΎΠ΄Π°, ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½ΡΠΉ Gaode Maps. ΠΠ° Π°Π²ΡΠΎ-ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΡΠΎΡΡΠΌΠ΅, ΠΏΠΎΡΠ²ΡΡΠ΅Π½Π½ΠΎΠΌ ΡΠ΅ΠΌΠ΅ Β«ΠΠ°Π²ΡΡΡΠ΅ΡΡ Π±ΡΠ΄ΡΡΠ΅ΠΌΡΒ», Gaode Map Π²ΠΏΠ΅ΡΠ²ΡΠ΅ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡ…
Π‘Π΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML5
Π‘Π΅ΠΌΠ°Π½ΡΠΈΠΊΠ° β ΡΡΠΎ Π½Π°ΡΠΊΠ° ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡΡ ΡΠ»ΠΎΠ² ΠΈ ΡΡΠ°Π· Π² ΡΠ·ΡΠΊΠ΅. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ β ΡΡΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ?
Π‘Π΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ΅ΡΠΊΠΎ ΠΎΠΏΠΈΡΡΠ²Π°ΡΡ, ΡΡΠΎ ΠΎΠ½ΠΈ ΠΎΠ·Π½Π°ΡΠ°ΡΡ, ΠΊΠ°ΠΊ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΡΠ°ΠΊ ΠΈ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ.
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΡΠΈΠΌΠ΅ΡΠ° Π½Π΅ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ ΡΠ΅Π³ΠΈ <div> ΠΈ <span>. ΠΠ½ΠΈ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π³ΠΎΠ²ΠΎΡΡΡ ΠΎ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠ΅ ΠΈΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°.
ΠΡΠΈΠΌΠ΅ΡΡ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²: <form>, <table> ΠΈ <article>. ΠΠ½ΠΈ ΡΠ΅ΡΠΊΠΎ ΠΎΠΏΠΈΡΡΠ²Π°ΡΡ, ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ
Π°ΡΠ°ΠΊΡΠ΅ΡΠ° ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΎΠ½ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ.
Π‘Π΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML5 ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ Π²ΡΠ΅ΠΌΠΈ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ.
ΠΡΠΎΠΌΠ΅ ΡΡΠΎΠ³ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ «Π½Π°ΡΡΠΈΡΡ» ΡΡΠ°ΡΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ «Π½Π΅ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ». Π‘ΠΌ. ΡΠ°Π·Π΄Π΅Π» «ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² HTML5».
ΠΠΎΠ²ΡΠ΅ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π² HTML5
ΠΠ° ΠΌΠ½ΠΎΠ³ΠΈΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°Ρ Π΅ΡΡΡ HTML ΠΊΠΎΠ΄ Π²ΡΠΎΠ΄Π΅ ΡΡΠΎΠ³ΠΎ: <div>, <div>, <div>. ΠΠ±ΡΡΠ½ΠΎ ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ Π±Π»ΠΎΠΊΠΎΠ² Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ, ΡΠ°ΠΏΠΊΠΈ ΠΈ ΠΏΠΎΠ΄Π²Π°Π»Π° ΡΡΡΠ°Π½ΠΈΡΡ.
HTML5 Π²Π²ΠΎΠ΄ΠΈΡ ΡΡΠ΄ Π½ΠΎΠ²ΡΡ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΊΠΎΡΠΎΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ Π±Π»ΠΎΠΊΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠ°ΡΡΠ΅ΠΉ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ:
- <article>
- <aside>
- <details>
- <figcaption>
- <figure>
- <footer>
- <header>
- <mark>
- <nav>
- <section>
- <summary>
- <time>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <section>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <section> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ°Π·Π΄Π΅Π» Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅.
Π ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ ΡΠΎ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠ΅ΠΉ W3C ΠΏΠΎ HTML5: «Π Π°Π·Π΄Π΅Π» β ΡΡΠΎ ΡΠ΅ΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ.»
ΠΠΎΠΌΠ°ΡΠ½ΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° ΠΎΠ±ΡΡΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ°Π·Π±ΠΈΡΠ° Π½Π° ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ°Π·Π΄Π΅Π»Ρ: Π²ΡΡΡΠΏΠ»Π΅Π½ΠΈΠ΅, ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΈ ΠΊΠΎΠ½ΡΠ°ΠΊΡΠ½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ.
ΠΡΠΈΠΌΠ΅Ρ:
<section> <h2>WWF</h2> <p>ΠΡΠ΅ΠΌΠΈΡΠ½ΡΠΉ ΡΠΎΠ½Π΄ Π΄ΠΈΠΊΠΎΠΉ ΠΏΡΠΈΡΠΎΠ΄Ρ (WWF) ΡΡΠΎ....</p> </section>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <article>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <article> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΡΠΉ, ΡΠ°ΠΌΠΎΠ΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ.
ΠΠΎΠ½ΡΠ΅Π½Ρ, ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Π½ΡΠΉ Π² ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅ΡΡ ΡΠΌΡΡΠ» ΡΠ°ΠΌ ΠΏΠΎ ΡΠ΅Π±Π΅, Ρ.Β Π΅. ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΏΠΎΠ½ΡΡΠ΅Π½ Π² ΠΎΡΡΡΠ²Π΅ ΠΎΡ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ ΡΠ°ΡΡΠ΅ΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°.
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <article> ΠΌΠΎΠ³ΡΡ Π²ΡΡΡΡΠΏΠ°ΡΡ:
- ΠΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΡ Π½Π° ΡΠΎΡΡΠΌΠ΅
- ΠΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΡ Π² Π±Π»ΠΎΠ³Π΅
- ΠΠ°Π·Π΅ΡΠ½Π°Ρ ΡΡΠ°ΡΡΡ
ΠΡΠΈΠΌΠ΅Ρ:
<article> <h2>Π§ΡΠΎ Π΄Π΅Π»Π°Π΅Ρ ΠΡΠ΅ΠΌΠΈΡΠ½ΡΠΉ ΡΠΎΠ½Π΄ Π΄ΠΈΠΊΠΎΠΉ ΠΏΡΠΈΡΠΎΠ΄Ρ?</h2> <p>ΠΠ°Π΄Π°ΡΠ° ΠΡΠ΅ΠΌΠΈΡΠ½ΠΎΠ³ΠΎ ΡΠΎΠ½Π΄Π° Π΄ΠΈΠΊΠΎΠΉ ΠΏΡΠΈΡΠΎΠ΄Ρ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π΄Π΅Π³ΡΠ°Π΄Π°ΡΠΈΡ ΠΎΠΊΡΡΠΆΠ°ΡΡΠ΅ΠΉ ΡΡΠ΅Π΄Ρ Π½Π° Π½Π°ΡΠ΅ΠΉ ΠΏΠ»Π°Π½Π΅ΡΠ΅ ΠΈ ΠΏΠΎΡΡΡΠΎΠΈΡΡ Π±ΡΠ΄ΡΡΠ΅Π΅, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΠ΅Π»ΠΎΠ²Π΅ΡΠ΅ΡΡΠ²ΠΎ Π±ΡΠ΄Π΅Ρ ΠΆΠΈΡΡ Π² Π³Π°ΡΠΌΠΎΠ½ΠΈΠΈ Ρ Π΄ΠΈΠΊΠΎΠΉ ΠΏΡΠΈΡΠΎΠ΄ΠΎΠΉ.</p> </article>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <article> Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π²Π»ΠΎΠΆΠ΅Π½ Π² <section> ΠΈΠ»ΠΈ Π½Π°ΠΎΠ±ΠΎΡΠΎΡ?
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <article> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΡΠΉ, ΡΠ°ΠΌΠΎΠ΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <section> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ°Π·Π΄Π΅Π» Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅.
ΠΠΎΠΆΠ½ΠΎ Π»ΠΈ ΠΏΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΠΊΠ°Π·Π°ΡΡ, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠ· ΡΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π² ΠΊΠ°ΠΊΠΎΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π²Π»ΠΎΠΆΠ΅Π½? ΠΠ΅Ρ, Π½Π΅Π»ΡΠ·Ρ!
Π ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ HTML ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ <section>, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ <article>, ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ <article>, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ <sections>.
Π’Π°ΠΊΠΆΠ΅, Π²Ρ Π²ΡΡΡΠ΅ΡΠΈΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ <section>, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ <section>, ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ <article>, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ <article>.
ΠΡΠΈΠΌΠ΅Ρ Π΄Π»Ρ Π³Π°Π·Π΅ΡΡ: Π‘ΠΏΠΎΡΡΠΈΠ²Π½Π°Ρ ΡΡΠ°ΡΡΡ Π² ΡΠΏΠΎΡΡΠΈΠ²Π½ΠΎΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ°Π·Π΄Π΅Π».
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <header>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <header> ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΡΠ½ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° ΠΈΠ»ΠΈ «ΡΠ°ΠΏΠΊΠΈ» Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΈΠ»ΠΈ ΡΠ°Π·Π΄Π΅Π»Π°.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <header> ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ°ΠΊ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π΄Π»Ρ Π²Π²ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ.
Π ΠΎΠ΄Π½ΠΎΠΌ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΡΠ°Π·ΡΠ΅ΡΠ°Π΅ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <header>.
Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ «ΡΠ°ΠΏΠΊΠ°» Π΄Π»Ρ ΡΡΠ°ΡΡΠΈ:
<article> <header> <h2>Π§ΡΠΎ Π΄Π΅Π»Π°Π΅Ρ ΠΡΠ΅ΠΌΠΈΡΠ½ΡΠΉ ΡΠΎΠ½Π΄ Π΄ΠΈΠΊΠΎΠΉ ΠΏΡΠΈΡΠΎΠ΄Ρ (ΠΠ€Π)?</h2> <p>Π¦Π΅Π»Ρ ΠΠ€Π:</p> </header> <p>ΠΠ°Π΄Π°ΡΠ° ΠΡΠ΅ΠΌΠΈΡΠ½ΠΎΠ³ΠΎ ΡΠΎΠ½Π΄Π° Π΄ΠΈΠΊΠΎΠΉ ΠΏΡΠΈΡΠΎΠ΄Ρ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π΄Π΅Π³ΡΠ°Π΄Π°ΡΠΈΡ ΠΎΠΊΡΡΠΆΠ°ΡΡΠ΅ΠΉ ΡΡΠ΅Π΄Ρ Π½Π° Π½Π°ΡΠ΅ΠΉ ΠΏΠ»Π°Π½Π΅ΡΠ΅ ΠΈ ΠΏΠΎΡΡΡΠΎΠΈΡΡ Π±ΡΠ΄ΡΡΠ΅Π΅, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΠ΅Π»ΠΎΠ²Π΅ΡΠ΅ΡΡΠ²ΠΎ Π±ΡΠ΄Π΅Ρ ΠΆΠΈΡΡ Π² Π³Π°ΡΠΌΠΎΠ½ΠΈΠΈ Ρ Π΄ΠΈΠΊΠΎΠΉ ΠΏΡΠΈΡΠΎΠ΄ΠΎΠΉ.</p> </article>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <footer>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <footer> ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ «ΠΏΠΎΠ΄Π²Π°Π»Π°» Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΈΠ»ΠΈ ΡΠ°Π·Π΄Π΅Π»Π°.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <footer> Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΌ Π΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅.
ΠΠ±ΡΡΠ½ΠΎ Π² «ΠΏΠΎΠ΄Π²Π°Π»Π΅» ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎΠ± Π°Π²ΡΠΎΡΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, ΡΡΡΠ»ΠΊΠΈ Π½Π° ΡΡΠ»ΠΎΠ²ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°, ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎΠ± Π°Π²ΡΠΎΡΡΠΊΠΈΡ ΠΏΡΠ°Π²Π°Ρ , ΠΊΠΎΠ½ΡΠ°ΠΊΡΠ½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ ΠΈ Ρ.ΠΏ.
Π ΠΎΠ΄Π½ΠΎΠΌ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΡΠ°Π·ΡΠ΅ΡΠ°Π΅ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <footer>.
ΠΡΠΈΠΌΠ΅Ρ:
<footer> <p>ΠΠ²ΡΠΎΡ Π.Π.ΠΠ²Π°Π½ΠΎΠ²</p> <p>ΠΠΎΠ½ΡΠ°ΠΊΡΠ½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ: <a href="mailto:[email protected]">[email protected]</a>.</p> </footer>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <nav>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <nav> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π½Π°Π±ΠΎΡ ΡΡΡΠ»ΠΎΠΊ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΠΠ ΠΠ‘Π ΡΡΡΠ»ΠΊΠΈ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <nav>. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <nav> ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΡΡ ΡΡΡΠ»ΠΎΠΊ.
ΠΡΠΈΠΌΠ΅Ρ
<nav> <a href='/html/'>HTML</a> | <a href='/css/'>CSS</a> | <a href='/js/'>JavaScript</a> | <a href='/jquery/'>jQuery</a> </nav>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <aside>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <aside> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π½Π΅ΠΊΠΈΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, Π½Π°Ρ ΠΎΠ΄ΡΡΠΈΠΉΡΡ Π² ΡΡΠΎΡΠΎΠ½Π΅ ΠΎΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, Π²Π½ΡΡΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΎΠ½ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ (ΠΊΠ°ΠΊ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ Π±Π»ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ, «ΡΠ°ΠΉΠ΄Π±Π°Ρ»).
ΠΠΎΠ½ΡΠ΅Π½Ρ Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <aside> Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠΎΡΠ½ΠΎΡΠΈΡΡΡΡ Ρ ΠΎΠΊΡΡΠΆΠ°ΡΡΠΈΠΌ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ.
ΠΡΠΈΠΌΠ΅Ρ
<p>ΠΡΠΈΠΌ Π»Π΅ΡΠΎΠΌ Ρ Ρ ΡΠ΅ΠΌΡΠ΅ΠΉ ΠΏΠΎΡΠ΅ΡΠΈΠ» EPCOT ΡΠ΅Π½ΡΡ.</p> <aside> <h5>EPCOT ΡΠ΅Π½ΡΡ</h5> <p> EPCOT ΡΠ΅Π½ΡΡ β ΡΡΠΎ ΡΠ΅ΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΏΠ°ΡΠΊ Π² ΡΠ°Π·Π²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΠΎΠΌ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡΠ΅ Π£ΠΎΠ»ΡΠ° ΠΠΈΡΠ½Π΅Ρ Π²ΠΎ Π€Π»ΠΎΡΠΈΠ΄Π΅.</p> </aside>
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ <figure> ΠΈ <figcaption>
ΠΠ°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <figcaption> — Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡΡΠ½Π΅Π½ΠΈΡ ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
Π HTML5 ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΡΡΠ½Π΅Π½ΠΈΠ΅ ΠΊ Π½Π΅ΠΌΡ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ <figure>:
<figure> <img src='img_pulpit.jpg' alt="The Pulpit Rock"> <figcaption>Π ΠΈΡ. 1 β ΠΠ°Π»ΠΏΠΈΡ Π ΠΎΠΊ. ΠΠΎΡΠ° Π² ΠΠΎΡΠ²Π΅Π³ΠΈΠΈ</figcaption> </figure>
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <img> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ <figcaption> ΠΏΠΎΡΡΠ½Π΅Π½ΠΈΠ΅ ΠΊ Π½Π΅ΠΌΡ.
ΠΠ°ΡΠ΅ΠΌ Π½ΡΠΆΠ½Ρ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ?
Π HTML4 Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ ΡΠ²ΠΎΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΠΈΠΌΠ΅Π½Π° Π² ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠ°Ρ
/ΠΊΠ»Π°ΡΡΠ°Ρ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΠΈΡ
ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ: header, top, bottom, footer, menu, navigation, main, container, content, article, sidebar, topnav ΠΈ Ρ. ΠΏ.
Π’Π°ΠΊΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄Π΅Π» Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ»ΠΎ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΌ ΡΠΈΡΡΠ΅ΠΌΠ°ΠΌ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠΎΠ»Ρ ΡΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ Π½ΠΎΠ²ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ HTML5 (<header>, <footer>, <nav>, <section>, <article>), ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΡΠ°Π»ΠΎ Π³ΠΎΡΠ°Π·Π΄ΠΎ ΠΏΡΠΎΡΠ΅.
Π‘Π΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML5
ΠΠΈΠΆΠ΅ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΡΡΡ ΡΠΏΠΈΡΠΎΠΊ Π½ΠΎΠ²ΡΡ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½ΡΡ Π² HTML5.
Π’Π΅Π³ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
<article> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΡΠ°ΡΡΡ |
<aside> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π±Π»ΠΎΠΊ ΡΠ±ΠΎΠΊΡ ΠΎΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° |
<details> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΊΠΎΡΠΎΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΎΡΠΊΡΡΠ²Π°ΡΡ ΠΈΠ»ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡ |
<figcaption> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΏΠΎΡΡΠ½Π΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <figure> |
<figure> | ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ
ΡΠ°ΠΌΠΎΠ΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΡΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² — ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ, Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ, ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ, Π»ΠΈΡΡΠΈΠ½Π³ΠΎΠ² ΠΊΠΎΠ΄Π° ΠΈ Ρ.![]() |
<footer> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ «ΠΏΠΎΠ΄Π²Π°Π»» Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΈΠ»ΠΈ ΡΠ°Π·Π΄Π΅Π»Π° |
<header> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ «ΡΠ°ΠΏΠΊΡ» Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΈΠ»ΠΈ ΡΠ°Π·Π΄Π΅Π»Π° |
<main> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° |
<mark> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ/ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠ΅Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ |
<nav> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π±Π»ΠΎΠΊ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΡΡ ΡΡΡΠ»ΠΎΠΊ |
<section> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ°Π·Π΄Π΅Π» Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ |
<summary> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π²ΠΈΠ΄ΠΈΠΌΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <details> |
<time> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π΄Π°ΡΡ/Π²ΡΠ΅ΠΌΡ |
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ HTML5 Π² Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠ΅ΡΡΠ°Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° — Visual Studio (Windows)
Twitter LinkedIn Facebook ΠΠ΄ΡΠ΅Ρ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ
- Π‘ΡΠ°ΡΡΡ
- Π§ΡΠ΅Π½ΠΈΠ΅ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ 3Β ΠΌΠΈΠ½
ΠΠ±Π»Π°ΡΡΡ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ:Visual StudioVisual Studio Π΄Π»Ρ Mac Visual Studio Code
ΠΠ°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠ΅ΡΡΡ ΠΠ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ HTML5 Π² Internet Explorer 9 ΠΈ Internet Explorer 10.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅
ΠΠ°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π΄Π»Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΈΠ·Π½Π°Π½ Π½Π΅ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌΡΠΌ. Visual Studio 2019 ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΉ Π²Π΅ΡΡΠΈΠ΅ΠΉ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Playwright Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ Appium Ρ WinAppDriver Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ UWP. ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Xamarin.UITest Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ iOS ΠΈ Android Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ NUnit. Π§ΡΠΎΠ±Ρ ΡΡΠΎ ΠΌΠ΅Π½ΡΡΠ΅ ΠΏΠΎΠ²Π»ΠΈΡΠ»ΠΎ Π½Π° ΡΠ°Π±ΠΎΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π² ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΌΠ΅ΡΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ Π΄ΠΎΡΡΡΠΏΠ½Π° Π² Visual Studio 2022. Π Visual Studio 2022 ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΌΠΎΠ³ΡΡ Π·Π°ΠΏΡΡΠΊΠ°ΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ΅ΡΡΡ CodedUI, Π½ΠΎ Π½Π΅ ΠΌΠΎΠ³ΡΡ Π·Π°ΠΏΠΈΡΡΠ²Π°ΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΠ΅ΡΡΡ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΠ΅ΡΡΠΎΠ² Coded UI Test Editor Π½Π΅Π΄ΠΎΡΡΡΠΏΠ΅Π½.
Π’ΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ
- Visual Studio Enterprise
ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅
Π Π²Π΅ΡΡΠΈΡΡ
Π΄ΠΎ Internet Explorer 10 ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠ΅ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π½Π° Π±ΠΎΠ»Π΅Π΅ Π²ΡΡΠΎΠΊΠΎΠΌ ΡΡΠΎΠ²Π½Π΅ ΠΏΡΠΈΠ²ΠΈΠ»Π΅Π³ΠΈΠΉ, ΡΠ΅ΠΌ Ρ ΠΏΡΠΎΡΠ΅ΡΡΠ° Internet Explorer. ΠΠΎ Π²ΡΠ΅ΠΌΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ
ΡΠ΅ΡΡΠΎΠ² ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π½Π° Internet Explorer 10 ΡΡΠΈ ΡΠ΅ΡΡΡ ΠΈ ΠΏΡΠΎΡΠ΅ΡΡ Internet Explorer Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π½Π° ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΌ ΡΡΠΎΠ²Π½Π΅ ΠΏΡΠΈΠ²ΠΈΠ»Π΅Π³ΠΈΠΉ. ΠΡΠΎ Π²ΡΠ·Π²Π°Π½ΠΎ Π±ΠΎΠ»Π΅Π΅ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΡΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ AppContainer Π² Internet Explorer 10.
ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅
ΠΡΠ»ΠΈ Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΡΠΎΠ·Π΄Π°Π½ Π² Internet Explorer 10, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² Internet Explorer 9 ΠΈΠ»ΠΈ Internet Explorer 8. ΠΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΏΠΎΡΠΎΠΌΡ, ΡΡΠΎ Internet Explorer 10 Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ HTML5, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Audio, Video, ProgressBar ΠΈ Slider. ΠΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ HTML5 Π½Π΅ ΡΠ°ΡΠΏΠΎΠ·Π½Π°ΡΡΡΡ Π² Internet Explorer 9 ΠΈΠ»ΠΈ Internet Explorer 8. Π’Π°ΠΊΠΈΠΌ ΠΆΠ΅ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Internet Explorer 9, ΠΌΠΎΠΆΠ΅Ρ Π²ΠΊΠ»ΡΡΠ°ΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ HTML5, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΡΠ°ΡΠΏΠΎΠ·Π½Π°ΡΡΡΡ Π² Internet Explorer 8.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π·Π²ΡΠΊΠΎΠΌ
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π·Π²ΡΠΊΠΎΠΌ: Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π·Π²ΡΠΊΠΎΠΌ HTML5 ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ Π·Π°ΠΏΠΈΡΡΠ²Π°ΡΡΡΡ ΠΈ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΡΡΡΡ.
ΠΠ΅ΠΉΡΡΠ²ΠΈΠ΅ | ΠΠ°ΠΏΠΈΡΡ | Π‘ΠΎΠ·Π΄Π°Π½Π½ΡΠΉ ΠΊΠΎΠ΄ |
---|---|---|
ΠΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠ° ΠΠ΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. | ΠΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π°ΡΠ΄ΠΈΠΎ <ΠΈΠΌΡ> ΠΎΡ 00:00:00 | HtmlAudio.Play(TimeSpan) |
ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ ΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡ ΠΌΠΎΠΌΠ΅Π½ΡΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π² Π°ΡΠ΄ΠΈΠΎ | ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ Π² Π°ΡΠ΄ΠΈΠΎ <ΠΈΠΌΡ> ΠΊ 00:01:48 | HtmlAudio.Seek(TimeSpan) |
ΠΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π°ΡΠ΄ΠΈΠΎ ΠΠ΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. | ΠΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π°ΡΠ΄ΠΈΠΎ <ΠΈΠΌΡ> Π½Π° 00:01:53 | HtmlAudio.Pause(TimeSpan) |
ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠ° ΠΠ΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. | ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠ° Π°ΡΠ΄ΠΈΠΎ <ΠΈΠΌΡ> | HtmlAudio.Mute() |
ΠΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠ° ΠΠ΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. | ΠΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠ° Π°ΡΠ΄ΠΈΠΎ <ΠΈΠΌΡ> | HtmlAudio.Unmute() |
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π³ΡΠΎΠΌΠΊΠΎΡΡΠΈ Π·Π²ΡΠΊΠ° | Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π³ΡΠΎΠΌΠΊΠΎΡΡΠΈ Π°ΡΠ΄ΠΈΠΎ <ΠΈΠΌΡ> Π½Π° 79% | HtmlAudio.SetVolume(float) |
Π‘ΠΏΠΈΡΠΎΠΊ ΡΠ²ΠΎΠΉΡΡΠ², Π΄Π»Ρ ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΠ΅, ΡΠΌ. Π² ΡΠ°Π·Π΄Π΅Π»Π΅ HTMLAudioElement.
Π‘Π²ΠΎΠΉΡΡΠ²Π° ΠΏΠΎΠΈΡΠΊΠ°: ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΏΠΎΠΈΡΠΊΠ° Π΄Π»Ρ HtmlAudio
ΡΠ°Π²Π½Ρ Id
, Name
ΠΈ Title
.
Π‘Π²ΠΎΠΉΡΡΠ²Π° ΡΠΈΠ»ΡΡΡΠ°: ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠΈΠ»ΡΡΡΠ° Π΄Π»Ρ HtmlAudio
ΡΠ°Π²Π½Ρ Src
, Class
, ControlDefinition
, ΠΈ TagInstance
.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅
ΠΠ΅ΡΠΈΠΎΠ΄ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄Π° ΠΈ ΠΏΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΠΌ. ΠΠΎ Π²ΡΠ΅ΠΌΡ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΡ Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΎΠΆΠΈΠ΄Π°Π΅Ρ Π²ΡΠ΅ΠΌΡ, ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ Π² (TimeSpan)
ΠΏΠ΅ΡΠ΅Π΄ ΠΏΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠΎΠΉ Π°ΡΠ΄ΠΈΠΎ. ΠΡΠ»ΠΈ ΠΏΡΠΈ ΠΊΠ°ΠΊΠΈΡ
-ΡΠΎ ΠΎΡΠΎΠ±ΡΡ
ΠΎΠ±ΡΡΠΎΡΡΠ΅Π»ΡΡΡΠ²Π°Ρ
ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ Π²ΡΠ΅ΠΌΡ ΠΈΡΡΠ΅ΡΠ΅Ρ Π΄ΠΎ ΠΎΠ±ΡΠ°ΡΠ΅Π½ΠΈΡ ΠΊ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ΠΏΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ, Π±ΡΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΎ ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π²ΠΈΠ΄Π΅ΠΎ
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π²ΠΈΠ΄Π΅ΠΎ: Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π²ΠΈΠ΄Π΅ΠΎ HTML5 ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ Π·Π°ΠΏΠΈΡΡΠ²Π°ΡΡΡΡ ΠΈ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΡΡΡΡ.
ΠΠ΅ΠΉΡΡΠ²ΠΈΠ΅ | ΠΠ°ΠΏΠΈΡΡ | Π‘ΠΎΠ·Π΄Π°Π½Π½ΡΠΉ ΠΊΠΎΠ΄ |
---|---|---|
ΠΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ ΠΠ΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. | ΠΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ <ΠΈΠΌΡ> ΠΎΡ 00:00:00 | HtmlVideo.Play(TimeSpan) |
ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ ΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡ ΠΌΠΎΠΌΠ΅Π½ΡΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π² Π²ΠΈΠ΄Π΅ΠΎ | ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ Π² Π²ΠΈΠ΄Π΅ΠΎ <ΠΈΠΌΡ> ΠΊ 00:01:48 | HtmlVideo.Seek(TimeSpan) |
ΠΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π²ΠΈΠ΄Π΅ΠΎ ΠΠ΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. | ΠΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π²ΠΈΠ΄Π΅ΠΎ <ΠΈΠΌΡ> Π½Π° 00:01:53 | HtmlVideo.Pause(TimeSpan) |
ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠ° Π²ΠΈΠ΄Π΅ΠΎ ΠΠ΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. | ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠ° Π²ΠΈΠ΄Π΅ΠΎ <ΠΈΠΌΡ> | HtmlVideo.Mute() |
ΠΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠ° Π²ΠΈΠ΄Π΅ΠΎ ΠΠ΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. | ΠΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠ° Π²ΠΈΠ΄Π΅ΠΎ <ΠΈΠΌΡ> | HtmlVideo.Unmute() |
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π³ΡΠΎΠΌΠΊΠΎΡΡΠΈ Π·Π²ΡΠΊΠ° Π²ΠΈΠ΄Π΅ΠΎ | Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π³ΡΠΎΠΌΠΊΠΎΡΡΠΈ Π²ΠΈΠ΄Π΅ΠΎ <ΠΈΠΌΡ> Π½Π° 79% |
Π‘ΠΏΠΈΡΠΎΠΊ ΡΠ²ΠΎΠΉΡΡΠ², Π΄Π»Ρ ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΠ΅, ΡΠΌ. Π² ΡΠ°Π·Π΄Π΅Π»Π΅ HTMLVideoElement.
Π‘Π²ΠΎΠΉΡΡΠ²Π° ΠΏΠΎΠΈΡΠΊΠ°: ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΏΠΎΠΈΡΠΊΠ° Π΄Π»Ρ HtmlVideo
ΡΠ°Π²Π½Ρ Id
, Name
ΠΈ Title
.
Π‘Π²ΠΎΠΉΡΡΠ²Π° ΡΠΈΠ»ΡΡΡΠ°: ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠΈΠ»ΡΡΡΠ° Π΄Π»Ρ HtmlVideo
ΡΠ°Π²Π½Ρ Src
, Poster
, Class
, ControlDefinition
ΠΈ TagInstance
.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅
ΠΡΠ»ΠΈ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠ΅ΡΠ΅ΠΌΠΎΡΠ°ΡΡ Π²ΠΈΠ΄Π΅ΠΎ Π²ΠΏΠ΅ΡΠ΅Π΄ ΠΈΠ»ΠΈ Π½Π°Π·Π°Π΄, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΌΠ΅ΡΠΊΠΈ -30s ΠΈΠ»ΠΈ +30s, Π΄Π°Π½Π½ΡΠ΅ Π±ΡΠ΄ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄Π° ΠΊ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ΅ΠΌΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ.
ProgressBar
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ProgressBar: Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ProgressBar Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΡ ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π°Ρ
Value
ΠΈ Max
ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΡΠΌ. Π² ΡΠ°Π·Π΄Π΅Π»Π΅ HTMLProgressElement.
Π‘ΠΌ. ΡΠ°ΠΊΠΆΠ΅
- ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML
- ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·Π°ΡΠΈΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΊΠΎΠ΄Π°
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠ΅ΡΡΠΎΠ² ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΠΌΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ ΠΈ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ Π΄Π»Ρ Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠ΅ΡΡΠΎΠ² ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΈ Π·Π°ΠΏΠΈΡΠ΅ΠΉ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ ΠΌΠ΅Π½Ρ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ HTML5-ΠΌΠ°ΠΊΠ΅ΡΠ° Dreamweaver
ΠΠ°ΠΊ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΡΠΈΡΡ Π±ΠΎΠΊΠΎΠ²ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π²Π²Π΅ΡΡ
ΠΠ°ΠΊΠ΅ΡΡ Dreamweaver Π²ΠΊΠ»ΡΡΠ°ΡΡ Π² ΡΠ΅Π±Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ ΠΏΠΎΠ΄ ΠΌΠ΅Π½Ρ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ: Β«ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½Π° Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ Π²Π΄ΠΎΠ»Ρ Π²Π΅ΡΡ
Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ , ΠΏΡΠΎΡΡΠΎ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΡΠΈΡΠ΅ ul Π² Π²Π΅ΡΡ
Π½ΡΡ ΡΠ°ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ Π²ΠΎΡΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΡΠΈΠ»Ρ Β».
» ΠΡΠΎΡΡΠΎ! » ΠΡΠΎ Π½Π΅ ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΉ!
Β«ΠΠΎΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΡΠΈΠ»ΡΒ» β ΡΡΠΎ ΠΎΡΠ΅Π½Ρ Π΄ΡΠ°Π·Π½ΡΡΠΈΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠΊΠ°Π·Π°ΡΡ Β«ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΈΠ»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ul.navΒ».
ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, Ρ HTML5 Π²ΠΌΠ΅ΡΡΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° «ul.nav» (ΡΠ»Π΅ΠΌΠ΅Π½Ρ «ul» ΠΊΠ»Π°ΡΡΠ° «.nav») Π±ΡΠ»ΠΎ Π±Ρ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½Π΅Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
CSS Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΡΠΈΠ»Ρ ΠΌΠ΅Π½Ρ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Ρ Π»ΡΠ±ΡΠΌ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΎΠΌ: ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π±ΡΠ΄ΡΡ «ΡΠ».Π½Π°Π²» ΠΏΠΎ ΡΡΠ°ΡΠΈΠ½ΠΊΠ΅ ΠΈ «Π½Π°Π² ΡΠ»» Π½ΠΎΠ²ΡΠΉ ΡΠΏΠΎΡΠΎΠ±. ΠΠ°ΠΊΠ΅ΡΡ ΡΡΡΠ°Π½ΠΈΡ HTML5 Dreamweaver ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Β«ul.navΒ». ΠΏΠΎΠ΄Ρ ΠΎΠ΄. (Π’ΠΎ Π΅ΡΡΡ ΡΠ΅ΡΠΈΡ ΠΊΠ»Π°ΡΡΠ° «.nav» ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ Π²ΠΎ Π³Π»Π°Π²Π΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ ΠΈ
- ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² ΡΠ΅Π»Π΅ ΡΡΡΠ°Π½ΠΈΡΡ.)
- ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ
ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π° Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ Π² Π²ΠΈΠ΄Π΅ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°.
Π§ΡΠΎΠ±Ρ ΡΠΏΠΈΡΠΎΠΊ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»ΡΡ Π² Π²ΠΈΠ΄Π΅ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ, ΠΌΠ°ΠΊΠ΅Ρ Dreamweaver ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ
«list-style:none», ΡΡΠΎΠ±Ρ ΡΠ΄Π°Π»ΠΈΡΡ ΠΌΠ°ΡΠΊΠ΅ΡΡ.
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Ρ Π½ΠΎΠΌΠ΅ΡΠΎΠΌ , Π° Π½Π΅ Ρ Π½ΠΎΠΌΠ΅ΡΠΎΠΌ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»ΠΈΡΡ Π² Π½ΠΎΠ²ΡΡ ΡΡΡΠΎΠΊΠ°Ρ ? ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ Π²Ρ Π·Π°ΡΡΠ°Π²Π»ΡΠ΅ΡΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΡΠ±ΠΎΠΊΡ. ΡΡΠ΄ΠΎΠΌ: Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ Π°ΡΡΠΈΠ±ΡΡ «float» ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ
- . ΠΡΠ»ΠΈ ΠΏΠΎΡΠ»Π΅ ΡΠΏΠΈΡΠΊΠ° ΠΈΠ΄Π΅Ρ Π΄ΡΡΠ³ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΡΡΠ°Π½ΠΈΡΡ, Π°
ΡΠΏΠΈΡΠΎΠΊ Π½Π΅ Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅Ρ Π²ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, Π½Π΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ «ΠΎΡΠΈΡΡΠΈΡΡ»
ΠΏΠ»Π°Π²Π°ΡΡ.
(ΠΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ Dreamweaver CSS Π²ΠΊΠ»ΡΡΠ°ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° Β«.clearfloatΒ», ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΠΊ ΠΏΠ΅ΡΠ²ΠΎΠΌΡ Π½Π΅ΠΏΠ»Π°Π²Π°ΡΡΠ΅ΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ.)
ΠΡ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠΌΠ΅ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π²ΡΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Π±Π΅Π· «ΠΏΠ»Π°Π²Π°ΡΡ», Π΄ΠΎΠ±Π°Π²Π»ΡΡ «ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅: Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ;» ΠΊ ΡΡΠΈΠ»Ρ li {}, Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΡΡΠΈΠΌ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ±ΡΠΈΠΉ ΡΡΠ΅Π±Π½ΠΈΠΊ ΠΎΡ dreamweaverfree.com. ΠΠ΄Π½Π°ΠΊΠΎ Π»ΠΈΠ±ΠΎ Π― ΠΏΡΠΎΠΏΡΡΡΠΈΠ» ΡΠ°Π³ ΠΈΠ»ΠΈ ΡΡΠΎ-ΡΠΎ Π²Π½ΡΡΡΠΈ Π΄ΡΡΠ³ΠΎΠ΅ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅ΡΠ° Dreamweaver ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΊΠ°ΠΆΠ΅ΡΡΡ, ΡΠΎΡ ΡΠ°Π½ΡΠ΅Ρ ΡΠ΅Ρ Π½ΠΈΠΊΠ° ΠΎΡ ΡΠ°Π±ΠΎΡΡ. (ΠΡΠ»ΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΠ°Π·Π°ΡΡ ΠΌΠ½Π΅ ΠΏΠΎΡΠ΅ΠΌΡ, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°!)
ΠΠ°ΠΊΠ΅ΡΡ Dreamweaver Π½Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π°ΡΡΠΈΠ±ΡΡΡ Β«ΡΠΈΡΠΈΠ½Π°Β», Β«ΡΠ²Π΅ΡΒ» ΠΈΠ»ΠΈ Β«ΡΠ²Π΅Ρ ΡΠΎΠ½Π°Β» ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ
- Π² ΠΌΠ΅Π½Ρ; ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ
- ΡΡΡΠ΅ΡΡΠ²ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ΅Π³Π° ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ. ΠΠ°ΠΊΠ΅Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅Ρ ΡΠΈΡΠΈΠ½Ρ, ΡΠ²Π΅Ρ ΠΈ ΡΠΎΠ½ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ Π²ΠΎ Π²ΡΠ΅Ρ
ΠΈΡ
ΡΠΎΡΡΠΎΡΠ½ΠΈΡΡ
(ΡΡΡΠ»ΠΊΠ°, ΠΏΠΎΡΠ΅ΡΠ΅Π½ΠΈΠ΅, Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅, Π°ΠΊΡΠΈΠ²Π½ΡΠΉ ΠΈ ΡΠΎΠΊΡΡ). ΠΠ½ Π³ΡΡΠΏΠΏΠΈΡΡΠ΅Ρ Β«ΡΡΡΠ»ΠΊΠ°Β» ΠΈ Β«ΠΏΠΎΡΠ΅ΡΠ΅Π½ΠΎΒ» Π²ΠΌΠ΅ΡΡΠ΅, ΡΡΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΠΊΠ°ΠΊ Β«ΠΈΡΡ
ΠΎΠ΄Π½ΠΎΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΡΡΡΠ»ΠΊΠΈΒ», ΠΈ Π³ΡΡΠΏΠΏΠΈΡΡΠ΅Ρ Π²ΠΌΠ΅ΡΡΠ΅ Β«Π·Π°Π²ΠΈΡΠ°Π½ΠΈΠ΅, Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ ΠΈ ΡΠΎΠΊΡΡΒ», ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΠΊΠ°ΠΊ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ Β«Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π² ΠΌΠ΅Π½ΡΒ».
ΠΠΎΡΡΠΈΡΠ°ΠΉΡΠ΅: Π΄Π»Ρ ΠΌΠ΅Π½Ρ Π²ΠΎ Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ»ΠΎΠΆΠΈΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠΈΡΠΈΠ½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΌΠ΅Π½Ρ (nav li a), Π²ΠΊΠ»ΡΡΠ°Ρ Π»ΡΠ±ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΠΏΠΎΠ»Ρ, ΠΈ ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ ΠΎΠ½ΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅ΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΄ΠΎΠ±Π½ΠΎ Π½Π°Π·ΡΠ²Π°ΡΡ Β«ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠΌΒ». ΠΡΠ»ΠΈ Π²Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΠ΅ Π³ΡΠ°Π½ΠΈΡΠ° Π² ΠΎΠ΄ΠΈΠ½ ΠΏΠΈΠΊΡΠ΅Π»Ρ ΡΠΏΡΠ°Π²Π° ΠΎΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° [li a], ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ΅ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΠΏΡΠΈ ΡΠ°ΡΡΠ΅ΡΠ΅ ΡΠΈΡΠΈΠ½Ρ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°.
ΠΡΠ΅ ΡΠ΅ΡΡΡΠ΅ ΡΠΏΠΎΡΠΎΠ±Π° ΡΠ΄Π΅Π»Π°ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ:
Π’ΠΠΠ‘Π’Words ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΌ, ΠΊΠ°ΠΊ ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ, ΠΏΠΎΡΡΠΎΠΌΡ Β«Π‘ΡΡΠ»ΠΊΠ° ΠΎΠ΄ΠΈΠ½ | Π‘ΡΡΠ»ΠΊΠ° Π΄Π²Π° | Π‘ΡΡΠ»ΠΊΠ° ΡΡΠΈΒ» Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ»ΠΊΠΎΠΉ, ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½ΠΎΠΉ Π² Π²ΠΈΠ΄Π΅ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ, ΡΠ²Π»ΡΠ΅ΡΡΡ Π²ΠΏΠΎΠ»Π½Π΅ ΠΏΡΠΈΠ΅ΠΌΠ»Π΅ΠΌΡΠΌ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠΌ ΠΌΠ΅Π½Ρ. (ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠ³Π»ΠΎΠ²ΡΡ ΡΠΊΠΎΠ±ΠΊΡ > > Π΄Π»Ρ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΡ Β«Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΠΎΠ³ΠΎΒ» ΠΌΠ΅Π½Ρ ΡΡΡΠ°Π½ΠΈΡ Π² ΠΈΠ΅ΡΠ°ΡΡ ΠΈΠΈ.)
ΠΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΠ΅ Dreamweaver Classroom Π² ΠΊΠ½ΠΈΠ³Π΅ Β«GreenStartΒ», ΡΠ°ΠΊΠΎΠ΅ ΠΌΠ΅Π½Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π² ΡΠ»Π΅ΠΌΠ΅Π½Ρ
HTML5 ΠΠΠ ΠΠ₯ΠΠΠΠΠ ΠΠ ΠΠΠΠ§ΠΠΠΠ: ΠΠ½ΡΡΡΡΠΊΡΠΈΠΈ Π² ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ Π²Π΅ΡΡΠΈΡ Adobe Dreamweaver ΠΠ»Π°ΡΡ Π² ΠΊΠ½ΠΈΠ³Π΅ ΠΏΠΎΠΏΡΠΎΡΠΈΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π²ΡΡΠ°Π²ΠΈΡΡ Π½ΠΎΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ HTML5
Π’Π΅ΠΏΠ΅ΡΡ, ΠΊΠΎΠ³Π΄Π° HTML5 ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ
Π’ΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π½ div, ΠΏΠΎΡ ΠΎΠΆΠΈΡ Π½Π° Π½ΠΎΠ²ΡΠΉ HTML5 ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Β«ΡΠ°ΠΏΠΊΠ°Β», Β«Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Β» ΠΈ Β«Π² ΡΡΠΎΡΠΎΠ½Π΅Β». (ΠΠΎΠ²ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ HTML5 Dreamweaver ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΡΠΈ Π½ΠΎΠ²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π° ΡΠ°ΠΊΠΆΠ΅ «ΡΡΠ°ΡΡΡ» «Π°Π΄ΡΠ΅Ρ» ΠΈ Β«ΡΠ°Π·Π΄Π΅Π»Β». ΠΠ½ΠΈ ΠΎΠ±ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡ «<Π² ΡΡΠΎΡΠΎΠ½Ρ>» Π² ΡΠΎΠΌ, ΡΡΠΎ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΊΠ°ΠΊ ΠΈΠ·Π±ΡΡΠΎΡΠ½ΡΠΉ Π±Π»ΠΎΠΊ,
. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π½Π΅ΠΊΠΎΡΠΎΡΡΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ ΡΡΠΎ Π΄Π²ΠΎΠΉΠ½ΠΎΠ΅ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅. ΠΠ»ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ ΡΡΡΠ°Π½ΠΈΡ Π·Π°Ρ ΠΎΡΡΡ ΠΈΠΌΠ΅ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Β«Π² ΡΡΠΎΡΠΎΠ½Π΅Β» Π²ΠΌΠ΅ΡΡΠ΅ Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.)ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΠ°ΡΠΈΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΎΡΠΏΡΠ°Π²Π½ΠΎΠΉ ΡΠΎΡΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΡΠΈ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΈ ΠΏΠΎ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΠΌΠ΅Π½Ρ Ρ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π° Π²Π΅ΡΡ Π½ΡΡ. Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ class , ΠΏΡΠΈΠΊΡΠ΅ΠΏΠ»Π΅Π½Π½Π°Ρ ΠΊ ΡΠΏΠΈΡΠΊΡ ul, ΠΈ Π² ΡΡΠΈΠ»Π΅ Β«ul.
nav {}Β», Β«ul.nav li {}Β» ΠΈ Ρ. Π΄.
ΠΠ΅ΡΠ²ΡΠΉ ΡΠ°Π³: ΠΠΠΠΠΠΠ’ΠΠ‘Π¬
) Π±ΡΠ΄Π΅Ρ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· ΠΏΠ΅ΡΠ²ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <Π΄Π΅Π»>. ΠΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π°Π΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ, ΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΈΠ»ΠΈ Π²Π½ΡΡΡΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° — ΠΏΠΎΠΊΠ° Π½Π΅Ρ Π½Π°ΡΠ»Π΅Π΄ΡΠ΅ΠΌΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΎΡΡΡΡΠΏΠΎΠ² ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π΅ΠΉ, ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌΡΠ΅ ΠΊ Β«Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΡΒ». ΠΡΠ»ΠΈ ΡΡΠΎ-ΡΠΎ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π½Π΅ ΡΠ°ΠΊ, Π΄Π²Π°ΠΆΠ΄Ρ ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅ Π°ΡΠΈΡΠΌΠ΅ΡΠΈΠΊΡ ΡΠΈΡΠΈΠ½Ρ, ΠΎΡΡΡΡΠΏΠΎΠ² ΠΈ ΠΏΠΎΠ»Π΅ΠΉ, ΡΡΠΎΠ±Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ ΠΎΠ΄ΠΈΠ½ Π±Π»ΠΎΠΊ Π²ΡΠ΅ Π΅ΡΠ΅ ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΡΡΡ Π² Π΄ΡΡΠ³ΠΎΠΉ.
ΠΠΠΠ£Π§ΠΠΠΠ ΠΠΠ ΠΠΠΠΠ’ΠΠΠ¬ΠΠΠ‘Π’Π:
Π‘ΠΏΠΈΡΠΎΠΊΠΎΠ±ΡΡΠ½ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π±Π»ΠΎΡΠ½ΡΠΉ