Всем привет. Сегодня мы поговорим об HTML5. В частности, что это такое и почему мы не изучаем
вместо него HTML1. Итак, что такое HTML? HTML (Hypertext Markup Language) —
это язык разметки гипертекста. Языки разметки встречаются очень часто. Стоит отличать их от
языков программирования. Языки разметки используют теги
для аннотирования и разметки документов. В случае с HTML, теги определяют,
где браузеру нужно разместить заголовки, изображения, списки, ссылки и так далее. Файл с расширением HTML —
это особый вид файла. Вы наверняка уже видели
специальные расширения файлов. Всякий раз, когда вы открываете файл
с расширением DOC, ваш компьютер открывает его
с помощью Microsoft Word. Если вы видите файл с расширением PPT,
ваш компьютер поймет, что это файл Power Point, и его нужно
открыть в программе Power Point. Аналогичным образом, если ваш компьютер
видит файл с расширением HTML, он знает, что нужно открыть его
в браузере, например Chrome, Firefox или Safari. Ваш браузер может прочитать этот файл
и знает, как отобразить его на экране. Более того, теги HTML позволяют программам
чтения с экрана и другим устройствам представлять информацию
иначе, по-особенному. Язык HTML очень похож на английский. Его можно понять, даже если
вы особо ничего о нем не знаете. Давайте рассмотрим этот HTML-файл
в качестве примера. Большинство конструкций —
обычный английский язык. «Важный заголовок» или «Привет. Я добавлю ссылку на страницу курса». Но если приглядеться, можно увидеть,
что мы добавили крошечные теги, которые браузер использует для правильного
представления материала. Таким образом, h1 — это тег заголовка. Он сообщает браузеру,
что это что-то очень важное. Его нужно выделить большим шрифтом, а также
дать понять вспомогательному устройству, что это что-то важное. Н2 указывает на текст
меньшей степени важности. Тег p указывает на абзацы. Но есть еще один тег — тег привязки. Он указывает браузеру,
что я не просто хочу показать этот материал, я хочу привязать его к другой веб-странице. Итак, вот что получается,
когда браузер считывает наш код. Сначала обучение HTML по большей
части заключается в изучении тегов, которые я показала вам в этом файле. Это синтаксис. Вы узнаете, какие скобки использовать,
как использовать обратную косую черту и все такое. Большую часть времени вы будете
задаваться вопросами: «Помню ли я этот тег?», «Правильно ли я его пишу?» Но это ненадолго. Совсем скоро вы станете уверенно владеть синтаксисом и сосредоточитесь на семантике,
или значении тегов. Насколько важна информация,
которую я пытаюсь донести, подходит ли этот тег? Если на странице что-то ищут,
смогут ли найти искомое? Даже если текст не виден, можно ли
задействовать теги для навигации по нему? Итак, что стало с HTML1? Почему мы используем HTML5? Что ж, давайте поговорим
о ранних этапах развития языка. HTML был создан в 1990 году как способ
привязки различных документов в электронном виде
с помощью гиперссылок. Следовательно, это концепция сети связей. Ученые использовали Интернет для составления
перечня исследовательских работ. Раньше это был длинный список
с отдельными друг от друга статьями. Но HTML дал возможность читать работу и прямо в тексте указывать ссылку на другой интересный труд. Поскольку основной аудиторией HTML
были такие люди, как мой отец на фото, ядерные физики, их не заботили цвет, картинки и не связанные с наукой вещи.
Это сыграло определяющую роль. HTML должен был работать
на всех платформах. Для этого нужно было избегать
особых шрифтов или разных цветов, всего, что больше
касалось оформления, чем содержания. Тем не менее, в 1993 году появился первый
браузер с графическим интерфейсом — Mosaic. Это первый браузер, в котором была представлена
концепция изображений. Когда это случилось, было много споров среди научного сообщества, к лучшему ли это. Первопроходцы хотели оставить язык
простым, сосредоточенным на содержании, обеспечить доступ для всех. Но новаторы были против. Люди любят картинки, любят красивое оформление. Для них это так же важно, как содержание. Это стало переломным моментом
в развитии Интернета. После появления Mosaic Интернет
стал невероятно популярным. Все больше и больше людей стали использовать
его в коммерческих целях, не только для проведения исследований. У Mosaic, тем не менее, появились конкуренты:
Netscape, Internet Explorer и другие браузеры. Это стало началом так называемых
войн браузеров. Разработчики этих браузеров создавали
собственные теги, которые работали только у них. Например, marquee для прокрутки текста или blink, которые работали
лишь в некоторых браузерах. Другие теги работали во всех браузерах, но противоречили первоначальной задумке HTML. Это были такие теги,
как font или center, для центрирования текста
или определения цвета фона. Это может показаться чем-то нормальным, но не все компьютеры имели доступ к цветам,
возможность показывать разные цвета. Из-за этого некоторые страницы выглядели некрасиво. Кроме того, появились такие
сообщения, как «лучше отображается в». При посещении сайта можно было сразу же понять, в каком браузере лучше его просматривать. В противном случае могли возникать проблемы. Даже сейчас нам в какой-то степени вредят войны
браузеров или сообщения «лучше отображается в». Часто при посещении страницы вы видите, что не можете получить
доступ ко всему содержимому с телефона, пока не щелкнете «перейти к полной версии». Почему это произошло? Как так вышло, что разные браузеры по-разному отображают содержимое HTML? Это возвращает нас к идее того, что никто
не управляет Интернетом или сетью. Тем не менее, некоторые группы
начали играть более активную роль в создании стандартов. Первая — инженерная группа по развитию Интернета (IETF). Они уделяют внимание тому,
как различные системы должны сотрудничать и взаимодействовать. Консорциум W3C занимается
HTML и развитием этого языка. Они определяют, какие теги
браузеры должны и не должны поддерживать. И, наконец, одна из новейших организаций —
Инициатива по обеспечению доступности веб-сайтов. Они работают над тем, чтобы люди,
независимо от способа доступа к сети, имели равные возможности при просмотре содержимого. Мы уже упомянули эволюцию браузеров. С 1990 по 1994 годы все просто,
главную роль играет текст. В 1993, как уже было сказано,
на сцену вышли изображения и полностью преобразили Интернет. Внедрение кроссбраузерной совместимости привело
к нарушению структуры многих веб-страниц и и появлению невероятно уродливого кода. В начале 2000-х браузеры
вновь стали отделять содержимое от оформления. А в 2005 году стандартом стало применять
HTML-файлы, которые мы изучаем на этом курсе, для создания
содержимого, а CSS — для его оформления. По мере развития браузеров развивался и HTML. Как правило, то, как он используется
в большинстве компьютерных и технологических областей, определяют
программисты и разработчики,
которые продвигают стандарты. Как только программисты понимают, какие возможности им нужны,
браузеры стремятся удовлетворить эту нужду. Как обстоят дела сейчас? HTML5 является
результатом сотрудничества между W3C и рабочей группой WHATWG. Именно они задали
четыре руководящих принципа для определения подхода к HTML5
для его поддержки браузерами. Первый принцип заключается в том, что новые
возможности должны основываться на HTML, CSS, который является языком оформления,
DOM и JavaScript. Не более того. Группы также стремятся исключить потребность
во внешних плагинах. Очень неприятно, когда вы заходите через браузер и не можете
посмотреть размещенное видео. Еще одна цель — чтобы разметка или язык разметки заменили сценарии. Если вы видите, что разработчики
пишут для чего-то код, лучше избавиться от кода и поставить
простой тег, который выполнит эту функцию. И, наконец, HTML5 не должен зависеть от устройств. Не имеет значения, используете
ли вы телефон, ноутбук, ПК или даже устройство чтения с экрана. У всех людей должен быть равный доступ к информации. Я надеюсь, что после просмотра этого видео вы запомните несколько ключевых моментов. Во-первых, HTML
— это не язык программирования, а скорее способ преобразования
браузерами документов в веб-страницы. HTML нужен для упрощения
отображения различных видов содержимого. Картинок, ссылок, списков. И всего такого. История Интернета дала нам понять, что, когда дизайнеры хотят что-то сделать,
они, как правило, пишут нестандартный код
для воплощении этой идеи в браузере. Именно поэтому мы разрабатываем новые
стандарты HTML5, чтобы удовлетворить новые требования и
подтолкнуть браузеры к тому, чтобы принять новые стандарты.