Введение в версии HTML

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

Дайте нам знать об истории HTML.

HTML изначально разрабатывался W3C и WHATWG. Первоначально он был разработан в 1993 году. W3C в основном проверяет стандарты HTML и другие вещи. Начиная с первого выпуска, много версий HTML было разработано. Первоначально его версия 1.0 или просто HTML.

Разные версии HTML

Давайте посмотрим на значение отдельных версий HTML в деталях

1. HTML 1.0

  • Базовая версия HTML поддерживает базовые элементы, такие как текстовые элементы управления и изображения. Это была базовая версия HTML с меньшей поддержкой широкого диапазона элементов HTML. Он не имеет богатых функций, таких как стилизация и другие вещи, которые были связаны с тем, как контент будет отображаться в браузере.
  • Первоначальная версия HTML не обеспечивает поддержку таблиц, поддержку шрифтов и т. Д., Как это предусмотрено в последней версии.
  • Мы также хотели бы обсудить, что W3C не существовал до HTML 2.0, поэтому он не показывает подробности о HTML 1.

2. HTML 2

  • HTML версия 2.0 была разработана в 1995 году с основным намерением улучшить HTML версию 1.0
  • Теперь начали разрабатывать стандарт, чтобы поддерживать общие правила и нормы для разных браузеров. HTML 2.0 значительно улучшился с точки зрения тегов разметки. В версии HTML 2.0 вступила в силу концепция формы. Формы были разработаны, но все же, у них были основные теги, такие как текстовые поля, кнопки и т. Д.
  • Кроме того, таблица стала тегом HTML. Теперь в HTML-тегах 2.0 браузеры также пришли с концепцией создания собственных слоев тегов, специфичных для самого браузера. W3C также был сформирован. Основная цель W3C - поддерживать стандарт для разных веб-браузеров, чтобы эти браузеры понимали и отображали теги HTML одинаковым образом.

3. HTML 3.2

  • Он был разработан в 1997 году. После разработки HTML 2.0 следующей версией HTML была версия 3.2.
  • С версией 3.2 HTML, теги HTML были улучшены. Стоит отметить, что из-за стандартного обслуживания W3C более новая версия HTML была 3.2 вместо 3.
  • Теперь в HTML 3.2 улучшена поддержка новых элементов формы. Еще одной важной особенностью, реализованной в HTML 3.2, была поддержка CSS. CSS расшифровывается как Cascading Style Sheet. Именно CSS предоставляет функции, которые делают HTML-тэги лучше при рендеринге в браузерах. CSS помогает стилизовать элементы HTML.
  • При обновлении браузеров до HTML 3.2 браузер также поддерживает теги фреймов, хотя спецификации HTML по-прежнему не поддерживают теги разметки фреймов.

4. HTML 4.01

  • Он был разработан в 1999 году. Расширил поддержку каскадных стилей. В версии 3.2 CSS были встроены в саму страницу HTML. Поэтому, если на веб-сайте есть различные веб-страницы для применения к стилю каждой страницы, мы должны разместить CSS на каждой веб-странице. Следовательно было повторение того же блока CSS.
  • Чтобы преодолеть эту вещь, в версии 4.01 появилась концепция внешнего стайлинга. В соответствии с этой концепцией может быть разработан внешний файл CSS, и этот внешний файл стилей может быть включен в сам HTML. HTML 4.01 предоставил поддержку для новых тегов HTML.

5. HTML5

  • Это последняя версия HTML. Для разработчика он может быть использован в 2014 году. Он поддерживает множество тегов HTML. HTML5 предоставил поддержку новых элементов формы, таких как элементы ввода различных типов, теги поддержки геолокации и т. Д.

Давайте посмотрим на некоторые из тегов, которые были добавлены в HTML5

  • Электронная почта - новый тег HTML5, который был добавлен, является элементом ввода типа email. Это тег формы, хотя его можно использовать и вне тега формы. Этот тег проверяет правильность введенного значения. Он проверяет, является ли введенное значение действительным адресом электронной почты.
  • Пароль - это еще один тег формы, который был добавлен для получения пароля от пользователя. Будучи полем типа пароля, пользовательские типы в поле не видны непосредственно пользователю, а представлены специальными символами. Эти символы защищают пароль от раскрытия в браузере.
  • Аудио тег - это новый аудио тег, который был реализован в HTML5. Этот тег помогает добавить аудио на нашу веб-страницу. Мы можем использовать этот тег для встраивания аудиоклипа в веб-страницу. Этот аудио тег может быть воспроизведен на веб-странице.
  • Семантические теги. Семантические теги также известны как структурные теги. Структурные теги - это теги, которые обеспечивают структуру страницы HTML. Это помогает разделить HTML-страницу на разные структуры. Эти структуры объединяются в саму HTML-страницу, образуя веб-страницу HTML. Немного из важных семантических тегов HTML являются figcaption,
  • Тег раздела - этот тег используется для семантики раздела на странице HTML. Тег раздела представляет раздел на веб-странице.

6. W3C HTML Validator

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

Вывод

Есть много версий HTML, который находится в стадии разработки. От начальной версии 1.0 до последней версии 5.2 HTML развивался очень много. W3C также поддерживает стандарты, чтобы у всех браузеров был общий стандарт. HTML5 много развился с новыми тегами и поддержкой элементов формы.

Рекомендуемые статьи

Это было руководство по версиям HTML. Здесь мы обсуждаем список различных версий HTML с соответствующими пояснениями и несколькими тегами версии 5. Вы также можете просмотреть другие предлагаемые нами статьи, чтобы узнать больше -

  1. Html5 против Html4
  2. HTML атрибуты
  3. Таблицы стилей HTML
  4. Бесплатный курс HTML
  5. HTML-фреймы
  6. Версии Таблицы
  7. HTML блоки
  8. Установить цвет фона в HTML с примером