Гипертекст - история создания XML, HTML и CSS

Старт:28.10.2024

Срок обучения:1740 ч.

«Специальная психология» с присвоением квалификации «Специальный психолог»

Дистанционное обучение по программе Специальная психология с присвоением квалификации Специальный психолог (1740 часов) в ЦАППКК. ✍ Мы подберем вам подходящий курс, пишите!

48 000 ₽

Подробнее

Для понимания современных веб-технологий необходимо начать с истории гипертекста. XML, HTML и CSS – ключевые элементы этой истории, и понимание их взаимосвязи даст вам отличное стартовое положение для дальнейшего изучения.

В 1990 году был разработан HTML, призванный структурировать текстовую информацию и её отображение в браузере. Первые версии были крайне примитивными, но основаны на простых тэгах и сделали возможным создание связей между разными документами (гипертекст). Понимание эволюции HTML, от первых версией 1990-х до настоящего времени, позволит вам проследить развитие семантики и визуальных возможностей веб-разработки.

Дальнейшее развитие пришло с появлением CSS (Cascading Style Sheets). В 1996 году, CSS решил задачу отделять визуальную стилизацию от структуры документа HTML. Это дало разработчикам возможность создавать визуально привлекательные и хорошо организованные веб-страницы, удалось обойти проблемы, которые были присущи ранним версиям HTML.

Последующая разработка XML (Extensible Markup Language) дала возможность создавать гибкие и расширяемые форматы. XML не являлся предназначенным для прямой визуализации, но позволил создать структуру для передачи данных. Понимание этих ключевых моментов, включая прецизионные характеристики XML, HTML и CSS, даст вам практическое преимущество в современном веб-разработке.

Зарождение идеи гипертекста: от концепции к первому HTML

Для понимания XML, HTML и CSS важно понять, как зародилась сама идея гипертекста. Ключевой фигурой стал Тед Нельсон, и именно идеи его меморандума 1965 года, опубликованного под названием "Концепции гипертекста", стали основой для последующего развития. Он предложил идею связанных между собой документов с переходами между ними, используя ключевые слова/понятия.

Впоследствии, в 1989 году, Тим Бернерс-Ли, опираясь на идею гипертекста, существенно развил концепцию и создал первый HTML. Он наметил технологию взаимодействия документов, основанную на атрибутах, специфических метках и системе универсальных гиперссылки. Это позволило создавать структурированные страницы с возможными ссылками.

• Ключевые элементы первого HTML включали разбивку страницы на разделы с заголовками, возможность создания списков, способность встраивать изображения.
• Важно подчеркнуть: первоначальная задача состояла в совместном доступе к научным статьям.
• Ранние версии HTML акцентировали на предоставлении структуры, не столько визуальных компонентов.

Несколько ключевых моментов: разработка первого HTML-стандарта, использование ключевых слов и гиперссылок, всё это подготовило фундамент для будущих веб-стандартов.

1. Первичный HTML предлагал несложную систему связей.
2. Задачей было обеспечение удобного совместного доступа к информации.
3. Первые версии не имели большого количества визуальных элементов.

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

Развитие HTML: от простых документов к сложным веб-страницам

HTML начал свой путь с описания структуры документов, не предполагая сложности современных веб-страниц. Первые версии (HTML 1.0, 2.0) фокусировались на структурировании текста, использовании заголовков, списков и элементов для форматирования. Ограниченность этих возможностей вынуждала разработчиков использовать таблицы для создания сложной структуры. HTML 3.2, включал поддержку табличных данных и более разнообразную семантику.

Полноценный переход к сложным веб-страницам произошёл с HTML 4.0, который представил принципы семантической разметки. Впервые появилось понятие блочных и строчных элементов, обеспечивая более контролируемое расположение и форматирование. Ключевым обновлением было введение таблиц для организации данных и макета, так как CSS только начинал набирать популярность. Так, таблицы в HTML 4 были и структурой, и средством реализации сложной компоновки страницы.

HTML 5, кардинально изменил ситуацию. В нём появились новые элементы, специально сфокусированные на семантических задачах: