Html 5 матеріалів рівня блоку

Відео: HTML5 уроки для початківців | # 14 - Поля введення в HTML5

В HTML 5 з`явилися три нові елементи рівня блоку.

Власне, ось вони:

1) aside.

2) dialog.

3) figure.

елемент aside використовують, як правило, для виділення неосновного тексту всередині основного, наприклад, для виділення різних приміток або цитат.

Наприклад, так:

 
 
 
 
 Заголовок 
 Основне оповідання ... 
 
 Наприклад, цитата ...

Можна подивитися в браузері, але суттєвої різниці не помітите, що з, що без, що говорить про те, що даний елемент використовується лише для створення структури. А хороша структура зручна розробнику і пошуковим машинам.

елемент dialog використовується для створення діалогу між співрозмовниками.

Давайте напишемо такий код:

 
 
 
 
 
співрозмовник 1 
Повідомлення співрозмовника 1 
співрозмовник 2 
Повідомлення співрозмовника 2

усередині елемента dialog ставляться два HTML-тега: і

. Перший тег означає ім`я співрозмовника, а другий тег означає його повідомлення. Ось і все, що стосується елемента dialog.

Відео: Вивчаємо html блок div

І, нарешті, тег figure в HTML 5 дозволяє описати зображення разом з підписом. Наприклад, так:

 
 
 
 
 
підпис 
alt="Зображення"src="Image.jpg"width="200"height="200"gt;

Тут всередині об`єднуються підпис (всередині тега ) І саме зображення в тезі . Тим самим, елемент дозволяє зв`язати підпис і зображення в одне ціле.

От і все нові елементи HTML 5 рівня блоку. Сподіваюся, що для Вас багато чого прояснилося, а якщо немає, то із задоволенням відповім на будь-які питання на форумі або особисто на листи. Але, напевно, Ви зрозуміли нові можливості при створення сайту.

Поділися в соціальних мережах:

Схожі