Веб-дизайн, как и любая отрасль или профессия, имеет свой собственный язык. Когда вы входите в отрасль и начинаете разговаривать со своими сверстниками, вы, несомненно, столкнетесь с шлейфом терминов и фраз, которые для вас новы, но которые вытекают из языков ваших коллег-профессионалов в Интернете. Два из терминов, которые вы услышите, это «тег» HTML и «элемент».
Когда вы слышите эти два слова, вы можете понять, что они используются несколько взаимозаменяемо. Таким образом, один вопрос, который возникает у многих новых веб-профессионалов, когда они начинают работать с HTML-кодом, - «в чем разница между HTML-тегом и элементом HTML?»
Хотя эти два термина похожи по смыслу, они не являются синонимами. Итак, каково сходство с этими двумя терминами? Короткий ответ заключается в том, что как теги, так и элементы относятся к разметке, используемой для написания HTML. Например, вы можете сказать, что используете
тег для определения абзаца или элемента для создания ссылок. Многие люди используют термины tag и элемент взаимозаменяемо, и любой веб-дизайнер или разработчик, с которыми вы говорите, поймет, что вы имели в виду, но на самом деле существует небольшая разница между этими двумя терминами.
HTML-теги
HTML - это язык разметки, что означает, что он написан с кодами, которые могут быть прочитаны человеком без необходимости его компиляции в первую очередь. Другими словами, текст на веб-странице «помечен» этими кодами, чтобы дать инструкции веб-браузера о том, как отображать текст. Эти метки разметки являются самими тегами HTML.
Когда вы пишете HTML, вы пишете теги HTML. Все теги HTML состоят из нескольких конкретных частей, в том числе:
- Знак меньше знака
<
- Слово или символ, определяющий, какой тег записывается
- Любое количество необязательных атрибутов HTML в виде
имя = «значение» пара
- И, наконец, знак большего размера
>
Например, вот некоторые HTML-теги:
Это все теги открытия HTML, без добавления дополнительных атрибутов. Эти теги представляют:
-
- определяет пункт
-
- определяет страницу как HTML
-
- определяет разделение
Ниже приведены также теги HTML:
-
-
-
- является неупорядоченным списком, который включает атрибут ID
- У деления есть атрибут класса
- Элемент anchor или link включает атрибут href
- Тег изображения с атрибутом «src»
Все эти примеры включают атрибуты, которые были добавлены к открывающим HTML-тегам.
Для тегов привязки и изображения атрибуты на самом деле не являются необязательными, они необходимы для правильного отображения этих тегов. Вам нужно указать ссылку, куда идти (что и делает «href»), и изображение, которое нужно показать (что и предоставляет атрибут «src»).
Что такое HTML-элементы?
Согласно спецификации HTML W3C, элемент является основным строительным блоком HTML и обычно состоит из два тега : открывающий тег и закрывающий тег. До сих пор мы только смотрели открывающие теги, которые запускают элементы. Чтобы закончить этот элемент, вы пишете соответствующие закрывающие теги.
Например, для элемента абзаца вы пишете это:
Это состоит из открывающего тега, который мы видели минуту назад, а также закрывающего тега - Почти все элементы HTML имеют открывающий тег и закрывающий тег. Эти теги окружают текст, который будет отображаться на веб-странице. Например, чтобы написать абзац текста, вы пишете текст для отображения на странице, а затем окружаете его этими тегами: Здесь вы должны написать текст абзаца, который вы хотите отобразить на веб-странице. Некоторые элементы HTML не имеют закрывающего тега. Они называются «пустыми элементами». Иногда они также называются элементами «singleton» или «void». Пустые элементы просты в использовании, потому что вам нужно включить только один тег на свою веб-страницу, и браузер узнает, что делать. Например, чтобы добавить отдельный разрыв строки к вашей странице, вы должны использовать Другим общим элементом, который включает только открытый тег, является элемент «изображение». Например: Ранее мы видели этот пример, но для этого элемента изображения нет закрывающего тега. Браузер просто заменит этот код изображением, на которое ссылается атрибут «href». В этом случае это будет «logo.png». В общем случае, когда мы ссылаемся на элемент или тег HTML, мы будем использовать термин «элемент», чтобы указать, что мы имеем в виду все части элемента (как открывающие, так и закрывающие теги). Мы используем только «тег» при обращении только к одному или другому. Это правильное использование этих двух терминов, и мы рекомендуем вам их правильно использовать, но просто знайте, что если вы немного поскользнетесь и поменяете их, вы по-прежнему будете понятны вашим новым партнерам по разработке в Интернете!
тег.
