Учим HTML5¶
Этот курс HTML для веб-разработчиков, от начинающих до экспертов в области HTML.
Добро пожаловать в HTML! Язык гипертекстовой разметки, или HTML, является основой Интернета, обеспечивая содержание и структуру этого содержания, отображаемого в браузере.
Если вы не читаете PDF или печатную версию этой страницы, то это содержимое состоит из различных элементов HTML и текста. HTML — это слой содержимого веб-страницы. Элементы HTML — это узлы, составляющие Document Object Model.
Каскадные таблицы стилей обеспечивают внешний вид страницы, или ее презентационный слой. JavaScript — это поведенческий слой, который часто используется для манипулирования объектами внутри документа. Сайты, построенные с использованием JavaScript-фреймворков, на самом деле представляют собой просто манипуляции с HTML. В свою очередь, важно разметить HTML таким образом, чтобы скрипты могли легко его разобрать, а вспомогательные технологии — легко понять. Это означает, что HTML-код должен быть написан в соответствии с современными стандартами.
Обзор¶
Этот курс по HTML для веб-разработчиков содержит солидный обзор для разработчиков, от новичков до экспертов в области HTML. Если вы совсем новичок в HTML, вы узнаете, как создавать структурно обоснованный контент. Если вы уже много лет занимаетесь созданием веб-сайтов, этот курс может заполнить пробелы в знаниях, о которых вы даже не подозревали.
На этом пути мы будем создавать структуру сайта MachineLearningWorkshop.com. Ни одна машина не пострадала при создании этой серии.
Это не полный справочник. Каждый раздел представляет тему раздела с краткими пояснениями и примерами, предоставляя возможность для дальнейшего изучения. Будут даны ссылки на ссылки по теме, такие как спецификации MDN и WHATWG, а также другие учебники. Хотя это не курс по доступности, каждый раздел будет включать лучшие практики доступности и конкретные вопросы, а также ссылки на более глубокое погружение в тему. Каждый раздел будет содержать короткий тест, который поможет подтвердить понимание.
Вот что вы узнаете:
-
Обзор HTML
Краткое введение в основные понятия HTML.
-
Структура документа
Узнайте, как структурировать HTML-документы на прочной основе.
-
Метаданные
Как использовать метатеги для предоставления информации о документах.
-
Семантический HTML
Использование правильных элементов HTML для описания содержимого документа.
-
Заголовки и секции
Как правильно использовать элементы секционирования для придания смысловой нагрузки содержимому документа.
-
Атрибуты
Узнайте о различных глобальных атрибутах, а также об атрибутах, характерных для конкретных элементов HTML.
-
Основы работы с текстом
Как форматировать текст с помощью HTML.
-
Ссылки
Все, что нужно знать о ссылках.
-
Списки
Списки и другие способы группировки содержимого.
-
Навигация
Навигация является ключевым элементом любого сайта или приложения, и начинается она с HTML.
-
Таблицы
Понимание того, как использовать таблицы для разметки табличных данных.
-
Формы
Обзор форм в HTML.
-
Изображения
Обзор изображений в HTML.
-
Аудио и видео
Обзор работы с мультимедиа HTML, такими как аудио и видео.
-
Шаблон, слот и теневой DOM
Объяснение шаблона, слота и теневого DOM.
-
API HTML
Узнайте, как можно открывать HTML-информацию и манипулировать ею с помощью JavaScript.
-
Фокус
Как управлять порядком фокуса в HTML-документах.
-
Другие элементы встроенного текста
Знакомство с рядом элементов, используемых для разметки текста.
-
Details и summary
Знакомство с тем, как работают очень полезные элементы
detailsиsummaryи где их можно использовать. -
Dialog
Элемент
dialogявляется полезным элементом для представления любого вида диалога в HTML, узнайте, как он работает.
Авторы курса
Этот курс был написан Estelle Weyl при участии Rachel Andrew и Jhey Tompkins.
Перевод
Перевод этого учебника сделан благодаря подписчикам на Бусти.
Источник — Learn HTML