belarusweb.net
© Петр Романовский Минск, 2016-2017.



belarusweb.net

Основы создания сайтов...

HTML >>>

1.5. Виды элементов html-разметки

Условимся в дальнейшем все, что находится между открывающим и закрывающим тегами одного и того же элемента разметки, называть содержимым данного элемента. Если же один элемент находится внутри другого, т.е. является его содержимым, то мы будем называть его вложенным.

Бывают случаи, когда содержимое элемента отсутствует или он образован одиночным тегом и, соответственно, не может иметь содержимого. Такой элемент мы будем называть пустым. Ранее мы интуитивно уже употребляли понятие пустого элемента, теперь же просто уточнили его.

Чтобы не путаться в понятиях, обратим внимание на следующее: если мы говорим, например, об элементе 'head', то имеется в виду элемент разметки, образованный парой тегов <head> и </head>, а не сам открывающий тег <head>. Тоже самое касается и элементов разметки, образованных одиночными тегами. Если мы говорим, например, об элементе 'img', то имеется ввиду не тег <img>, а само изображение в качестве элемента разметки html-документа.

Внимательно посмотрите на код нашей первой веб-страницы (пример 1.1). Заголовок документа и тело документа являются вложенными в элемент 'html', образованный парой тегов <html> и </html>. В тоже время пустой элемент, образованный тегом <meta charset="utf-8">, и элемент 'Комментарий' являются вложенными как в элемент 'html', так и в заголовок документа. Однако это далеко не предел. Веб-страницы с большим объемом исходного кода могут содержать элементы значительно большего уровня вложенности. Например, в html-коде страницы регистрации нашего сайта уровень вложенности элементов достигает девяти или даже десяти. Поэтому, во избежание ошибок при интерпретации кода браузером, нужно внимательно отслеживать уровень вложенности элементов и следить за тем, чтобы при написании кода теги, которые образуют вложенные элементы, полностью находились между открывающим и закрывающим тегами внешнего элемента.

Теперь давайте обратимся к официальной документации и посмотрим, на какие группы делятся html-элементы. Для этого воспользуемся переходом здесь или ссылкой в нашем разделе 'Ссылки'. В результате на открывшейся странице должна быть видна таблица html-элементов, разбитых по категориям. В первой колонке указаны категории, на которые делятся элементы. Далее перечисляются элементы каждой категории и в третьей колонке указываются исключения, если они есть.

Перечислим некоторые категории элементов разметки языка HTML 5:

Как видно из списка, деление элементов в основном происходит по логическому принципу. При этом многие элементы относятся сразу к нескольким категориям, так что деление довольно условно и зависит от конкретной ситуации.

Контрольные вопросы и задания

  1. В чем отличие тега от элемента разметки?

Словарь новых английских слов

hypertext [ˈhʌɪpətɛkst] – гипертекст.
mark [mɑ:k] – отмечать, маркировать, метка.
language [ˈlaŋɡwɪdʒ] – язык.
wide [waɪd] – широкий.
web [web] – паутина, сетка.
width [wɪtθ] – ширина.
height [haɪt] – высота.
head [hed] – заголовок, голова.
body [ˈbɔdɪ] – тело.
footer [ˌfutə] – нижний колонтитул, 'подвал'.
article [ˈɑːtɪk(ə)l] – статья.
navigation [,nævi'gei∫ən] – навигация, передвижение.
charset [ˈtʃɑ:set] – кодировка.
inline [inˈlaɪn] – строчный.
block [blɔk] – блок, блочный.
background [ˈbakɡraʊnd] – фон, задний план.
title ['taitl] – заглавие, название, надпись.
edit ['edit] – редактировать, правка, редактирование.
content [kənˈtɛnt] – содержимое, содержание.
check [tʃɛk] – проверять, проверка, галочка, птичка.
sheet [ʃiːt] – лист, страница, таблица.
span [spæn] – интервал.
window [ˈwɪndəʊ] – окно.
code [kəʊd] – код.
example [ɪɡˈzæmpl] – пример, образец.
aside [ə'said] – в стороне, отдельно, кроме.
color [ˈkʌlər] – цвет, краска.
blue [blu:] – синий, голубой.
yellow ['jeləu] – желтый.
red [red] – красный.
green [gri:n] – зеленый.
grey [grei] – серый.
black [blæk] – черный.
white [wait] – белый.
orange ['ɔrindʒ] – оранжевый.
violet ['vaiəlit] – фиолетовый.
hidden ['hidn] – скрытый, скрывать, прятать.
access [ˈækses] – доступ.
key [ki:] – ключ, клавиша, идентификатор.
translate [transˈleɪt] – переводить.
Комментарии (0)
Петр Романовский
1. Приветствуются комментарии, которые содержат дополнения к материалу текущей страницы, а также ваши ответы на вопросы других пользователей.
2. Если вам что-то непонятно - спрашивайте, не забывая написать, что именно и с какого места.
Показаны все комментарии
Чтобы оставить свой комментарий, авторизуйтесь, пожалуйста!    
     
belarusweb.net © Петр Романовский, Минск, 2016-2017.
Связаться с автором
Наверх