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

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), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ соСдинСны Π² строку, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΡ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ наибольшСС ΠΌΠ½ΠΎΠ³ΠΎΠ·Π½Π°Ρ‡Π½ΠΎΠ΅ Ρ†Π΅Π»ΠΎΠ΅ число.

НапримСр: ΠΊΠΎΠ³Π΄Π° n = 3, максимальноС Ρ†Π΅Π»ΠΎΠ΅ число ΠΈΠ· 3 Ρ†Π΅Π»Ρ‹Ρ… Ρ‡ΠΈ…

Π’Π°ΠΌ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΡ‚ΡŒΡΡ

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>
  • <main>
  • <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:00HtmlAudio.Play(TimeSpan)
ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡƒ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρƒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π² Π°ΡƒΠ΄ΠΈΠΎΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π² Π°ΡƒΠ΄ΠΈΠΎ <имя> ΠΊ 00:01:48HtmlAudio.Seek(TimeSpan)
ΠŸΡ€ΠΈΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΊΠ° Π°ΡƒΠ΄ΠΈΠΎ

НСпосрСдствСнно ΠΈΠ· элСмСнта управлСния ΠΈΠ»ΠΈ Π² контСкстном мСню элСмСнта управлСния.

ΠŸΡ€ΠΈΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΊΠ° Π°ΡƒΠ΄ΠΈΠΎ <имя> Π½Π° 00:01:53HtmlAudio.Pause(TimeSpan)
ΠžΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π·Π²ΡƒΠΊΠ°

НСпосрСдствСнно ΠΈΠ· элСмСнта управлСния ΠΈΠ»ΠΈ Π² контСкстном мСню элСмСнта управлСния.

ΠžΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π·Π²ΡƒΠΊΠ° Π°ΡƒΠ΄ΠΈΠΎ <имя>HtmlAudio.Mute()
Π’ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π·Π²ΡƒΠΊΠ°

НСпосрСдствСнно ΠΈΠ· элСмСнта управлСния ΠΈΠ»ΠΈ Π² контСкстном мСню элСмСнта управлСния.

Π’ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π·Π²ΡƒΠΊΠ° Π°ΡƒΠ΄ΠΈΠΎ <имя>HtmlAudio.Unmute()
ИзмСнСниС громкости звукаУстановка громкости Π°ΡƒΠ΄ΠΈΠΎ <имя> Π½Π° 79%HtmlAudio.SetVolume(float)

Бписок свойств, для ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅, см. Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ HTMLAudioElement.

Бвойства поиска: свойства поиска для HtmlAudio Ρ€Π°Π²Π½Ρ‹ Id, Name ΠΈ Title.

Бвойства Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°: свойства Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π° для HtmlAudio Ρ€Π°Π²Π½Ρ‹ Src, Class, ControlDefinition, ΠΈ TagInstance.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅

ΠŸΠ΅Ρ€ΠΈΠΎΠ΄ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΈ приостановки ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ. Π’ΠΎ врСмя воспроизвСдСния Π·Π°ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСст ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚ врСмя, ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ Π² (TimeSpan) ΠΏΠ΅Ρ€Π΅Π΄ приостановкой Π°ΡƒΠ΄ΠΈΠΎ. Если ΠΏΡ€ΠΈ ΠΊΠ°ΠΊΠΈΡ…-Ρ‚ΠΎ особых ΠΎΠ±ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΡΡ‚Π²Π°Ρ… ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ врСмя истСчСт Π΄ΠΎ обращСния ΠΊ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ приостановки, Π±ΡƒΠ΄Π΅Ρ‚ создано ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ управлСния Π²ΠΈΠ΄Π΅ΠΎ

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ управлСния Π²ΠΈΠ΄Π΅ΠΎ: дСйствия Π½Π° элСмСнтС управлСния Π²ΠΈΠ΄Π΅ΠΎ HTML5 ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π·Π°ΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ ΠΈ воспроизводятся.

Π”Π΅ΠΉΡΡ‚Π²ΠΈΠ΅Π—Π°ΠΏΠΈΡΡŒΠ‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ΄
ВоспроизвСдСниС Π²ΠΈΠ΄Π΅ΠΎ

НСпосрСдствСнно ΠΈΠ· элСмСнта управлСния ΠΈΠ»ΠΈ Π² контСкстном мСню элСмСнта управлСния.

ВоспроизвСдСниС Π²ΠΈΠ΄Π΅ΠΎ <имя> ΠΎΡ‚ 00:00:00HtmlVideo.Play(TimeSpan)
ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡƒ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρƒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π² Π²ΠΈΠ΄Π΅ΠΎΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π² Π²ΠΈΠ΄Π΅ΠΎ <имя> ΠΊ 00:01:48HtmlVideo.Seek(TimeSpan)
ΠŸΡ€ΠΈΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΊΠ° Π²ΠΈΠ΄Π΅ΠΎ

НСпосрСдствСнно ΠΈΠ· элСмСнта управлСния ΠΈΠ»ΠΈ Π² контСкстном мСню элСмСнта управлСния.

ΠŸΡ€ΠΈΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΊΠ° Π²ΠΈΠ΄Π΅ΠΎ <имя> Π½Π° 00:01:53HtmlVideo.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») Π±Ρ‹Π»ΠΎ Π±Ρ‹ соврСмСннСС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ элСмСнт