Что такое HTML-тег по сравнению с HTML-элементом?

HTML тег указывает веб-браузеру, как должна отображаться веб-страница, но HTML элемент это отдельный компонент HTML. HTML-элементы создаются с помощью HTML-тегов.

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

HTML-теги

HTML - это язык разметки, что означает, что он написан с кодами, которые может прочитать человек, без необходимости его предварительной компиляции. Другими словами, текст на веб-странице «размечен» этими кодами, чтобы дать веб-браузеру инструкции о том, как отображать текст.

Когда вы пишете HTML, вы пишете HTML-теги. Все теги HTML состоят из ряда определенных частей. Они определяют имя тега в угловых скобках, содержимое, на которое влияет тег, и различные атрибуты, влияющие на тег, в паре имя / значение.

Вот пример:

гиперссылка

Этот фрагмент отображает якорный тег, который указывает гиперссылку. Тег открывается и закрывается. В rel атрибут принимает значение не следует.

instagram viewer

В HTML разница между открывающим тегом и закрывающим тегом заключается в наличии косой черты. Например, всегда является открывающим тегом привязки и всегда является закрывающим тегом привязки.

Взятые вместе, открывающий и закрывающий теги и все, что появляется между ними, составляют HTML-элемент.

Что такое HTML-элементы?

Согласно W3C Спецификация HTML, элемент является основным строительным блоком HTML и обычно состоит из два тега: открывающий тег и закрывающий тег.

Почти все элементы HTML имеют открывающий и закрывающий теги. Эти теги окружают текст, который будет отображаться на веб-странице. Например, чтобы написать абзац текста, вы пишете текст для отображения на странице, а затем окружаете его следующими тегами:

Этот текст является примером абзаца.

Некоторые элементы HTML не имеют закрывающего тега; они называются пустые элементы. Иногда их также называют одиночка или же пустота элементы. Пустые элементы просты в использовании, потому что вам нужно включить только один тег на свою веб-страницу, а браузер буду знать, что делать. Например, чтобы добавить на страницу разрыв строки, используйте тег.

Еще один распространенный элемент, который включает только открывающий тег, - это изображение элемент. Например:


Обычно разработчики используют термин элемент для обозначения всех частей элемента (как открывающих, так и закрывающих тегов). Они используют тег имея в виду только одно или другое. Это правильное использование этих двух терминов.