КАТЕГОРИИ:
АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
|
Инородные элементыЭлементы, относящиеся к MathML или SVG. Обычные элементы Все остальные элементы, которые не входят в предыдущие группы. Элементы по назначению Корневой элемент Элемент <html>. Метаданные документа <head>, а также элементы, которые располагаются внутри него. Скрипты Скрипты позволяют добавлять интерактивности на веб-страницу, в эту группу входят элементы, управляющие скриптами. Структурные элементы Элементы, управляющие основными разделами веб-страницы, вроде <body>, <section>,<nav>, <article>, <aside> и др. Группирование контента Элементы, обрамляющие текст, списки, изображения. Текст Элементы, изменяющие вид текста, например, делающие его жирным или курсивным, а также выделяющие текст по смыслу — аббревиатура, цитата, переменная, код и т.д. Рецензирование Элементы <ins> и <del> показывающие редактирования в документе. Внедряемый контент Элементы, вставляемые на страницу в виде разных объектов — изображения, видео, аудио и др. Табличные данные Элементы для создания и управления видом таблиц. Формы Формы являются одним из важных элементов любого сайта и предназначены для обмена данными между пользователем и сервером. В эту группу входят элементы для создания формы и её полей. Интерактивные элементы Специальные виджеты, с помощью которых пользователь может получать дополнительную информацию или управление. Ссылки Элементы <a> и <area>. Подобное группирование условно и может принимать другой вид, потому что одни и те же элементы могут принадлежать разным группам. Теги Для обозначения начала и конца элемента применяются теги. Внутри тегов могут быть атрибуты со своими значениями, расширяющими возможности тегов, а также содержимое (рис. 1). Рис. 1. Тег <a> с атрибутом href Закрывающий тег похож на открывающий, но содержит слэш (/) внутри угловых скобок. Пустые элементы не имеют закрывающего тега и содержимого (рис. 2). Рис. 2. Пустой тег <img> Атрибуты тегов расширяют возможности самих тегов и позволяют гибко управлять различными настройками отображения элементов веб-страницы. Общее количество атрибутов достаточно велико, но их значения, как правило, можно сгруппировать по разным типам, например, задающих цвет, размер, адрес и др. Например, элемент <img> добавляет на веб-страницу изображение, при этом адрес графического файла мы указываем через атрибут src. Доктайп <!DOCTYPE> предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа) для того, чтобы браузер понимал, с какой версией HTML он имеет дело. Если доктайп не указан, браузеры переходят в режим совместимости, в котором не работают многие возможности HTML5, а также возникают ошибки с отображением документа. <!DOCTYPE html> Это ключевой элемент и обычно он располагается в первой строке кода. Комментарии Некоторый текст можно спрятать от показа в браузере, сделав его комментарием. Хотя такой текст пользователь не увидит, он все равно будет передаваться в документе, так что, посмотрев исходный код, можно обнаружить скрытые заметки. Комментарии нужны для внесения в код своих записей, не влияющих на вид страницы. Начинаются они тегом <!-- и заканчиваются тегом -->. Все, что находится между этими тегами отображаться на веб-странице не будет.
|