Если вы испугались увидеть код предыдущего примера, не волнуйтесь, как вы увидите ниже, это очень просто.
Что такое HTML?
HTML - это язык разметки, используемый для структурированного описания содержимого документа с помощью тегов. Это имеет большое преимущество в том, что мы можем таким образом добавить семантику (значение) к документу, который может понять машина.
Текущим стандартом, который регулирует HTML, является версия HTML 5, хотя многие веб-сайты продолжают работать с версиями HTML 4.01 / XHTML, «пожизненными» версиями, которые в версии 5 были расширены новыми функциями, некоторые из которых очень мощными.
В любом случае, поскольку этот пост является вводным, мы в основном перейдем к тому, что уже было в версии 4.01.
Тем не менее, я, конечно, дам вам бесплатные ссылки на ресурсы для изучения HTML на нужном вам уровне глубины, даже на экспертном уровне, если хотите, вместе с загружаемым макро-примером, в котором я реализовал все, что мы рассматриваем в этой статье. сообщение.
Что такое HTML-теги и атрибуты?
Примеры тегов HTML
Эта семантика достигается за счет использования тегов и атрибутов.
Первое, что бросится в глаза в приведенном выше примере кода, - это слова в скобках. Это так называемые HTML-теги.
Эти теги образуют иерархическую структуру, то есть они могут быть вложены между собой, за исключением специального тега <! DOCTYPE HTML> в первой строке HTML-документа.
Всегда есть открывающий тег и закрывающий тег, это один и тот же тег, но с косой чертой перед именем тега. Например: «<title>» (открывающий тег) и «</title>» (закрывающий тег, ограничивающий конец помеченного содержимого).
В середине идет текст или другие вложенные метки с его содержимым. Набор тега и его содержимое называется элементом HTML.
http://sfs.gov.ua/search/?query=https://site-made-in.odessa.ua/ https://www.me.gov.ua/Search/Result?lang=uk-UA&query=https://site-made-in.odessa.ua/ https://www.president.gov.ua/search?query=https://site-made-in.odessa.ua/ https://petition.president.gov.ua/search?search_form=basic&text=https://site-made-in.odessa.ua/ https://arma.gov.ua/search/list/filters/name=www.site-made-in.odessa.ua https://customs.gov.ua/en/search/all?q=https://site-made-in.odessa.ua/
Иногда тег не имеет текстового содержимого как такового (например, «метатеги» в примере). В этом случае вам не нужно использовать закрывающий тег.
Что мы получаем от этого?
Мы получаем семантику, то есть то, что контент имеет смысл для браузера или других приложений, причем поисковая система Google является одной из самых известных.
Например: предыдущий тег заголовка сообщает браузеру, что это заголовок страницы, тот, который будет отображаться на вкладке, в которой эта страница открыта в браузере.
- https://krm.gov.ua/?s=https://site-made-in.odessa.ua/
- https://dpsu.gov.ua/en/search/text/11/?query=www.site-made-in.odessa.ua
- https://search.com.ua/search/www.site-made-in.odessa.ua
- http://trostyanets-miskrada.gov.ua/search.php?stext=https://site-made-in.odessa.ua/
- https://oda.odessa.gov.ua/?s=https://site-made-in.odessa.ua/
- https://mtot.gov.ua/ua/search/search=https://site-made-in.odessa.ua
- https://mtu.gov.ua/search/?s=www.site-made-in.odessa.ua
Другой пример приложения - это когда Google посещает ваш веб-сайт: в этом случае текст, помеченный тегом заголовка, будет тем, который Google использует в качестве заголовка в своих результатах поиска.
Понимаете ли вы потенциал возможности добавлять семантику к контенту?
Благодаря этому можно делать такие вещи, без которых невозможно представить Интернет сегодня.
Другая фундаментальная концепция, которую вы должны четко понимать, наряду с концепцией ярлыка, - это концепция атрибута.
Если вы заметили, что в случае с метатегами в примере, они перед закрывающей скобкой содержат слова в формате xxx = "yyy". Это атрибуты, где xxx - это имя атрибута, а yyy - его значение.
Атрибуты - это просто способ добавить к тегу дополнительную семантическую информацию.