HTML

  • HTML означает язык гипертекстовой разметки.
  • HTML — это язык, используемый для связи с веб-браузерами, который дает инструкции по отображению веб-сайта в соответствии с созданной структурой.
  • HTML — это интернет-стандарт, определенный и контролируемый Консорциумом World Wide Web (W3C).
  • HTML — это формат разработки из SGML (стандартный обобщенный язык разметки), который долгое время использовался для форматирования документов, чтобы они были переносимыми.
  • HTML не деликатный случайчто означает, что запись тегов в HTML может быть написана с использованием как прописных, так и строчных букв.
  • HTML был создан физиком Тимом Бернерсом Ли в исследовательском институте CERN (Европейская организация ядерных исследований) в Швейцарии.
  • HTML используется для создания структуры веб-сайта.
  • Тим Бернерс Ли выпустил первую HTML-версию в 1991 году.
  • Существование веб-браузера призвано облегчить пользователям открытие документов в формате HTML.


Семантический HTML

Семантический HTML — это HTML, который привносит смысл в сеть, а не просто отображает пользовательский интерфейс.

Преимущество написания тегов HTML с использованием семантики на самом деле состоит в том, чтобы упростить общение. С семантическими тегами, добавленными к веб-документу, он будет предоставлять информацию документу. Семантические теги разъясняют браузеру значение и содержание страницы.

Также преимуществом написания семантики является возможность использовать теги в соответствии с их функциями.


Структура

Структура HTML состоит из 3 элементов, а именно: тегов, элементов и атрибутов.



Ярлык HTML

Тег — это маркер для обозначения элементов HTML-документа.

Функция тега — давать инструкции или сообщать браузеру, как будет отображаться объект.

Пример: <p>,<a>, <body>, <head>так далее.



Элементы HTML

Определение элемента — это набор открывающих тегов, контента и закрывающих тегов.


HTML-атрибуты

Функция атрибута заключается в предоставлении дополнительной информации о теге.

Существует 2 типа атрибутов, а именно глобальные атрибуты, специальные атрибуты и атрибуты событий.

  • Глобальные атрибуты — это атрибуты, которые можно добавить к любому элементу HTML.

Пример: class а также id

  • Специальные атрибуты — это атрибуты, которые можно использовать только для определенных элементов.

Пример: src а также href

  • Атрибут события — это атрибут, который используется для указания действия, которое должно выполняться, когда что-то происходит с элементом. Этот атрибут обычно широко используется в программировании на Javascript.

Пример: onerror а также onload


Разработка

HTML версии 1.0

Является пионером, естественно, что есть много недостатков. Функции:

  • Заголовок
  • Параграф
  • Гипертекст
  • Список
  • Выделить текст жирным шрифтом и курсивом
  • Размещение изображения

HTML версии 2.0

Является пионером интерактивной сети.

Разработка предыдущих версий с добавленными функциями:

HTML версии 3.0

Разработка предыдущих версий с добавленными функциями:

  • Рисунок, разработка изображения, поставить картинки и таблицы.

HTML версии 3.2

Разработка предыдущих версий с добавленными функциями:

  • Возможность размещать текст вокруг изображений
  • Стол
  • Рамка
  • Таблица стилей
  • Возможность размещать скрипты вне HTML, такие как javascript и VBscript.

HTML-версия 4

Есть много изменений и улучшений по сравнению с предыдущей версией, например:

  • Стол
  • Ссылка на сайт
  • Изображение
  • Текст
  • Мета
  • Карты изображений
  • Форма
  • DLL

HTML версии 4.01

Исправлены мелкие ошибки предыдущей версии.

Эта версия также стандартизирует элементы и атрибуты сценариев XTML 1.0.

HTML-версия 5

Процедура создания веб-интерфейса, сочетающего HTML и CSS с Javascript.

Функции:

  • Более чистый кодкод выглядит проще, потому что часть кода уже включена в синтаксис HTML5
  • Большая согласованностьв HTML5 было внесено много синтаксических дополнений, которые имеют лучшую и более простую структуру, чем предыдущий синтаксис.
  • Улучшенная семантикабыли стандартизированы различные элементы кода в HTML5, в которых семантическая ценность сети может быть дополнительно улучшена.
  • Улучшенная доступностьтехнология HTML5, упрощающая структуру веб-разработки, чтобы разработчики могли лучше понять веб-страницы.
  • База данных на стороне клиентаHTML5 предоставляет новую модель базы данных SQL с API-интерфейсами, которые могут быть встроены в локальные концепции, в данном случае на стороне клиента.
  • ГеолокацияHTML5 имеет API, интегрированный с геолокацией, доступ к этим функциям можно получить через GPS или другие средства, такие как Google Latitude на iPhone.
  • Кэш автономных приложенийпользователи могут продолжать взаимодействовать с приложением, даже если они отключены от интернет-сети.
  • Умные формысуществует своего рода регулярное выражение (regex), которое позволяет форме лучше распознавать ввод, проверять данные и взаимодействовать с другими элементами.
  • Более пристальное внимание к требованиям веб-приложенийHTML5 упрощает создание внешнего интерфейса, чат-приложений, инструментов перетаскивания, видеопроигрывателей, обработки графики и многого другого.