9:15 PM Урок №2 HTML5 Нови елементи | |
Защо трябва да използваме новите семантични елементи и как те ще помогнат на нашия код.Семантично буквално означава „смислено“ или „със значение“. Освен за подобрена структура на дадена уеб страница или приложение, семантичните елементи са добър начин, разработчикът да опише съдържанието на този елемент. Като пример може да се даде елемента <nav>, който еднозначно определя навигация. Преди HTML5 за целта се е използвал обикновен <div> елемент.Преди HTML5 - div > ul > li > aСлед HTML5 - nav > ul > li > aНовите HTML5 елементи<header> -Дефинира заглавна част на документ или секция. Най-честата му употреба е за въведение. Може да съдържа навигационен елемент, лого, форма за търсене и др.<section> - Дефинира тематично групирано съдържание, най-често със заглавие. Пример за употребата на <section> може да бъде началната страница на уеб сайт, където съдържанието й да бъде разделено на секции за кратко въведение, последни новини, информация за контакт и др. <article> - Дефинира самостоятелна единица от съдържание на документ или уеб сайт. Пример за употребата на може да бъде статия от списание, вестникарска статия или статия от блог. <aside> - Дефинира съдържание, което има непряка връзка с главното. Такива секции се използват предимно като странични ленти (sidebar). <hgroup> - Дефинира група от заглавия. Вече не е част от HTML5. <footer> - Дефинира край на документ или раздел. В една уеб страница е възможна многократната употреба на този елемент. <figure> - Дефинира схема, снимка или илюстрация. <figcaption> - Дефинира заглавие на схема, снимка или илюстрация. Използва се в комбинация с <figure> елемента. <mark> - Маркира текст посредством оцветяване, с цел да покаже неговата важност. <time> - Дефинира време или дата по грегорианския календар. <video> - Вмъква видео елемент в HTML или XHTML документ. Както всички други елементи, <video> поддържа всички глобални атрибути, както и някой допълнителни като autoplay, autobuffer, controls, played, preload, и др. <audio> - Дефинира звуково съдържание в документ. | |
|
| |
Ако урокът ви е харесал можете да го споделите с вашите приятели във фейсбук :
| Всички коментари: 0 | |
