2. Отличия html5 от html4.01 и xhtml1.0

В таблице 2.1 представлен список отличий.

Таблица 2.1 – Отличия HTML5 от HTML4.01 и XHTML1.0

HTML5

HTML4.01 и XHTML1.0

Изменён синтаксис Встраивание SVG и MathML в text/html Новые элементы: <article>, <aside>, <audio>, <canvas>, <command>, <datalist>, <details>, <embed>, <figcaption>, <figure>, <footer>, <header>, <hgroup>, <keygen>, <mark>, <meter>, <nav>, <output>, <progress>, <rp>, <rt>, <ruby>, <section>, <source>, <summary>, <time>, <video>, <wbr>

Новые компоненты ввода: date/time, email, url, search, number, range, tel, color Новые атрибуты: charset (в <meta>), async (в script) Глобальные атрибуты, которые могут быть применены ко всем элементам: id, tabindex, hidden, data-* (пользовательские атрибуты данных) Элементы, которые будут исключены: <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <isindex>, <noframes>, <strike>, <tt>

Полный список изменений в HTML5 представлен в обновляющемся рабочем проекте W3C «Отличия HTML5 от HTML4» (последняя версия от 9 декабря 2014 года. [2]

3. Bootstrap 3

Bootstrap – свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML и CSS шаблоны оформления элементов веб-интерфейсов, включая JavaaScript расширения. Разработан компанией Twitter Inc.

Можно выделить следующие основные преимущества Bootstrap:

• Экономия времени при использовании готовых шаблонов классов и дизайна.

• Высокая скорость – динамические макеты масштрабируются на различных устройствах и разрешениях экрана, что позволяет минимизировать код.

• Гармоничный дизайн – Все компоненты используют единый стиль и шаблоны. Так же есть возможность настроить эти стили (темы) под себя при помощи специальных сервисов.

• Простота в использовании – Платформа проста в использовании, по этому ей может воспользоваться даже пользователь с базовыми знаниями HTML и CSS.

• Совместимость – Twitter Bootstrap совместим со следующими браузерами: Mozilla Firefox, Yandex Browser, Google Chrome, Safari, Internet Explorer и Opera.

• Открытое программное обеспечение – Особенность данного фреймфорка предполагает возможность изменения исходных кодов и бесплатной загрузки.

Выделяются следующие основные инструменты Bootstrap:

• Сетки – заранее заданные колонки определенного размера, которые сразу можно использовать. Так же активно используется при написании адаптивного сайта.

• Шаблоны – Фиксированный или резиновый шаблон документа.

• Типографика – Описания шрифтов, определение классов для шрифтов, таких как коды, цитаты и т.п.

• Меди – Управления изоражениями и видео.

• Таблицы – Средства оформления таблиц, вплоть до добавления функциональности сортировки.

• Формы – Классы для оформления форм и некоторых событий, происходящих с ними.

• Навигация – Классы для оформления вкладок, меню, тулбара и т.д.

• Алерты – Оформление диалоговых оконо, подсказок и всплывающих окон [3].