• Создание сайтов в Санкт-Петербурге

    Создание сайтов.

    Санкт-Петербург.

  • Разработка сайтов СПб

    Разработка

    сайтов

  • Продвижение сайтов СПб

    Продвижение

    Раскрутка

  • Сопровождение сайтов в Санкт-Петербурге

    Сопровождение

    созданных сайтов

  • Уникальные дизайны для Ваших сайтов

    Уникальные дизайны

    для Ваших сайтов

  • Техническая поддержка

    Техническая

    поддержка

  • Лучшие сайты для бизнеса

    Лучшие сайты

    для бизнеса!

Бесплатные уроки по HTML . +7 952 213 43 66
Санкт-Петербург

HTML5 — таблица новых элементов


 

Название элемента Описание элемента
<article> Используется для разделения раздела страницы на логические блоки, блок должен быть связан с общим разделом, но иметь свой собственный смысл и быть отдельной логической единицей страницы.
<address> Предназначен для выделения контактной информации, например об авторе/владельце документа или статьи. Посетители сайта могут связаться с автором с помощью предоставленной информации.

Информация, которая содержится в address может содержать имена автора/владельца, ссылки на их страницы сайтов, mail адреса владельцев для обратной связи и тд.

<aside> Определяет некоторый контент(различные примечания, цитаты, рубрики и тд). Содержание, заключенное в тег
, должно быть связано с основным контентом.Так же содержимое<aside> можно расположить как сайдбар(боковая панель) в статье.
<figcaption> Определяет заголовок или подпись, связанные с контентом, размещенным в элементе <figure>, который является его непосредственным родительским элементом. Он должен располагаться в качестве первого или последнего дочернего элемента внутри <figure>
<figure> Является блочным элементом, его содержимое представляет собой самостоятельный контент, который связан с основным содержимым страницы. Обычно он содержит картинки, диограммы, фотографии, фрагменты кода или схемы, которые упоминаются в основном тексте, но которые без труда можно перенести на другую страницу или в приложение без ущерба для основного контента.

Элемент <figure> может содержать внутри себя элемент <figcaption>, который позволяет добавить подпись к контенту, он должен располагаться в качестве первого либо последнего дочернего элемента.

<footer> Определяет нижний колонтитул для страницы или раздела.

Колонтитул обычно содержит имя автора документа, сведения об авторских правах, ссылки на правила пользования, контактную информацию и тд.

Нижние колонтитулы, обычно размещены в нижней части, но это не обязательное условие.

Документ может содержать один или несколько колонтитулов.

<header> Задает «шапку» сайта или раздела, обычно в нем размещается заголовок или элементы навигации по сайту.

Элемент <header> может содержать заголовки, подзаголовки, информацию о версии навигационного управления, и тд.

<hgroup> Представляет заголовок раздела.

Элемент <hgroup> используется для группировки набора элементов <h1> — <h6>, когда заголовок имеет несколько уровней (подзаголовков).

<nav> Представляет раздел страницы, содержащий ссылки на другие страницы или ссылки на якоря, в пределах страницы, то есть раздел с навигационными ссылками.

Стоит обратить внимание, что не все группы ссылок на странице должны быть размещены в элементе <nav>, он предназначен прежде всего для секций, содержащих основные блоки навигации по сайту или странице.

<section> Представляет собой раздел веб-страницы. В этом контексте раздел — это тематическая группировка содержимого документа, как правило, с собственным заголовком.

В качестве примеров группировки содержимого можно привести обычные главы, на которые подразделяется содержимое, или домашнюю страницу веб-сайта, которая может быть разделена на разделы для введения, новостей и контактной информации.

Тег <section> не является универсальным элементом контейнером, то есть если требуется сгруппировать контент для создания структуры страницы или для написания сценариев, в таких случаях рекомендуется использовать тег <div>. Обратите внимание, что он должен применяться только для явного разделения документа на разделы, отличающиеся друг от друга по содержанию и смыслу.

<command> Кнопка, или переключатель (радио кнопка), или флажок.
<details> Для описания подробностей документа или частей документа.
<summary> Заголовок (краткое содержание, резюме) внутри элемента details.
<mark> Для текста, который необходимо выделить.
<meter> Для измерения, используется только если максимальное и минимальное значения известны.
<progress> Прогресс состояния работы.
<time> Для определения времени или даты, или того и другого.
<wbr> Разделение слов. Для определения возможности разделения слова с целью переноса на другую строку посредством дефиса.

 

Вставляемый контент

 

Название элемента Описание элемента
<audio> Для мультимедийного контента, звуков, музыки или других аудио потоков.
<video> Для видео контента, например, фильмов, клипов или других видео потоков.
<source> Медиа источники ресурсов, определенных в аудио или видео элементах.
<canvas> Тег <canvas> (в переводе с англ. означает холст) создает область на веб-станице, которая может быть использована для отрисовки графики в режиме реального времени с помощью сценариев (например, с помощью языка JavaScript). Он может быть использован для создания аркадных или онлайн игр, часов, анимации и т.д.

 

Элементы формы

 

Название элемента Описание элемента
<datalist> Список опций для вводимых значений.
<keygen> Генерация ключей для аутентификации пользователей.
<output> Для различных типов вывода, таких как вывод, написанный скриптом.

 

Типы значений атрибутов элементов ввода

 

Название элемента Описание элемента
<tel> Вводимое значение представляет телефонный номер.
<search> Поле ввода является поисковым полем.
<url> Вводимое значение — это адрес URL.
<email> Вводимое значение — один или несколько адресов email.
<datetime> Вводимое значение представляет дату и/или время.
<date> Ввод даты.
<month> Ввод месяца.
<week> Ввод недели.
<time> Ввод времени.
<datetime-local> Вводимое значение — это местные дата/время.
<number> Ввод числового значения.
<range> Ввод числа в заданном диапазоне.
<color> Ввод цвета в шестнадцатеричном формате, например #BD1518.

 


Погрузиться можно не только в мир "разработки и создания сайтов", но и в буквальном смысле в волшебный мир океана. В этом Вам поможет дайвинг на Самуи.



Если Вы уже определились и решились заказать сайт,
то перейдите на страницу заказа или позвоните по телефону
+7 952 213 43 66.