Апрель 1st, 2020 
admin Разработка языка разметки гипертекста HTML 5 началась еще в 2004 году, и только к 2009 году язык получил достойное внимание программистов. Все больше браузеров поддерживают новый язык верстки, а также основной элемент отличия Canvas. Тем не менее, новый стандарт по-прежнему не поддерживает система MSIE.
Новые возможности
1. <canvas> — поле, позволяющее создавать двухмерные графические объекты, управляется с помощью JavaScript. Поле может быть использовано как для построения графиков, так и динамических изображений.
2. <video> и <audio> — с помощью этих тегов можно добавлять видео- и аудио-файлы, кроме того, тег <video> используется при добавлении описания для видео-файла в текстовом формате, может задаваться атрибутами loop, src и autoplay.
Контекстное меню
HTML5 получил новый метод добавления контекстного меню на страницу сайта. Данная функция в основном необходима для сайтов, где нужно сгруппировать и отобразить несколько функций сразу.
Новые структурные элементы
В обновленную версию HTML были добавлены дополнительные элементы структурирования:
1. <section>— предназначен для отображения секции или параграфа
2. <header> — выделяет верхний колонтитул страницы и не имеет ничего общего с <head>
3. <footer> — выделяет нижний колонтитул страницы
4. <nav> — набор ссылок для перехода на другие страницы, можно использовать для навигации по сайту.
5. <article> — используется для отображения статей, новостей, записей блога, форума и др.
6. <aside> — отображает дополнительную информацию к текстовому блоку
7. <figure> — тег, указывающий на собственное содержимое, например, иллюстрации, диаграммы, фотографии и др.
Новые элементы выделения фрагментов текста с содержанием времени и чисел
1. <mark> — пометка определенных частей текста
2. <time> — выводит информацию о времени и дате в тексте
3. <meter> — отображает числа в определенном диапазоне, задается атрибутами: value, min, max, low, high и optimum
4. <progress> — используется для индикации состояния процесса, соответствующие атрибуты: value и max.
Новые типы полей для ввода информации
Поля ввода информации получили несколько новых типов: date time (дата и время), date time-local (дата и время с указанием часового пояса), date (дата), month (формат год-месяц), week (формат год-неделя), time (время), number (числовые значения), range (значения в определенном интервале — ползунок), email (адрес эл. почты), url (Интернет-адрес).
В HTML 5 появилось также несколько устаревших элементов: acronym, applet (вызов java аплета), base font (базовый шрифт), big, center (центрирует блок по горизонтали), dir (каталожный список), font (параметры шрифта), frame, frameset (работа с фреймами), is index (ввод одной строки текста), no frames, no script, s или strike (перечеркивание текста), tt, u (подчеркивание текста).
ВОСТРЕБОВАННОСТЬ HTML И CSS
WEb- разработчики достаточно востребованы в наше время.
Для создания сайтов вам пригодится курс по HTML, благодаря которому Вы многое узнаете и сможете делать свои web-разработки. Умение верстать — навык, который нужен не только программистам, но и контент-менеджерам, дизайнерам, верстальщикам, системным администраторам, копирайтерам, маркетологам, аналитикам. Вы можете найти более 10 тысяч вакансий, которые ценятся на рынке труда.
Задание кодировки документа теперь имеет следующий синтаксис: <meta charset=»UTF-8″>.
Новые интерактивные функции
1. <details> — детали, или дополнительная информация, например, для отображения подсказок
2. <datagrid> — таблица представления интерактивных данных
3. <menu> — до 5 версии не желателен в использовании тег, теперь может содержать элементы, вызывающие определенные команды.
Отпала необходимость использования атрибута href в ссылках. Теперь ссылки могут быть использованы в сочетании со сценариями.
Появился новый атрибут async, который дает подсказку браузеру, что нет необходимость синхронной загрузки страницы, так как это можно сделать асинхронно по блокам сценария.
Объявление DTD теперь выглядит намного проще для запоминания: <!doctype html>, причиной, скорее всего, стало отделение от SGML.
Обновленный язык верстки HTML в своей 5 версии представлен в усовершенствованном виде. Были добавлены полезные элементы и атрибуты для более удобного и простого создания веб-приложений, а также добавлен ряд возможностей для предоставления информации на страницах сайта.
Опубликовано в рубрике