Руководство по созданию и продвижению сайтов с разбором кода HTML и CSS

скачать книгу бесплатно


<header>, <footer> – определяют верхнюю и нижнюю части страницы соответственно.

Метаданные:

<meta> – предоставляет метаданные, такие как кодировка, описание, ключевые слова.

Структурные элементы:

<article> – обозначает независимую статью в документе.

<section> – определяет раздел в документе.

<aside> – обозначает содержание, которое находится в стороне от основного контента.

<figure>, <figcaption> – используются для встраивания графики с подписью.

Стилизация:

<style> – встраивает стилевые правила непосредственно в документ.

<link> – связывает документ с внешними ресурсами, такими как таблицы стилей.

Скрипты и взаимодействие:

<script> – встраивает или подключает внешние скрипты.

<noscript> – предоставляет контент для пользователей, у которых отключен JavaScript.

Графика:

<img> – встраивает изображение.

<svg> – для векторной графики.

<canvas> – создает поле для рисования с помощью JavaScript.

Метки:

<mark> – помечает текст для выделения.

<abbr> – определяет аббревиатуру.

<cite> – ссылается на название источника цитаты.

Фреймы и встроенные ресурсы:

<iframe> – встраивает фрейм для отображения внешнего контента.

<embed>, <object> – встраивают веб-ресурсы, такие как аудио, видео или флеш.

Другие элементы:

<progress> – показывает прогресс выполнения задачи.

<details>, <summary> – определяют видимость дополнительных деталей.

<time> – представляет дату и/или время.

HTML5 внесло ряд новых элементов, предоставляя более четкие семантические теги для разработчиков. Вот некоторые из них:

<header> и <footer> – определяют верхний и нижний колонтитул страницы.

<nav> – обозначает навигационные ссылки.

<article> – группирует содержимое, которое формирует отдельную часть документа.

<section> – определяет раздел в документе.

<aside> – обозначает содержимое, которое относится к содержимому вокруг него, но не является его основной частью.

<figure> и <figcaption> – используются для встраивания контента, такого как изображения и подписи.

Атрибуты:

class и id – используются для добавления стилей и идентификации элементов.

style – позволяет добавлять стили непосредственно к элементу.

src и alt – используются для изображений, определяя их источник и текст альтернативы.

href – определяет ссылки.

target – управляет тем, как будет открыта ссылка (например, в новой вкладке).

Это всего лишь малая часть возможностей HTML. Синтаксис и возможности могут различаться в зависимости от конкретной задачи и стандарта HTML, который используется. HTML – это язык разметки, который обеспечивает структуру веб-страниц, и его освоение открывает двери в мир веб-разработки. HTML (HyperText Markup Language) содержит множество элементов, каждый из которых представляет собой различные типы контента или структуры веб-страницы. Количество элементов в HTML может изменяться с течением времени в зависимости от версии HTML и расширений. Так как HTML постоянно развивается, и новые элементы могут быть добавлены или устаревшие удалены в последующих версиях.

CSS

CSS (Cascading Style Sheets) – это язык стилей, который используется для описания того, как веб-страницы должны быть стилизованы и отформатированы. Он предоставляет средства для определения внешнего вида элементов веб-страницы, таких как цвет текста, шрифты, расположение элементов, размеры, отступы, анимации и многое другое.