Решив сделать веб-сайт, Вы должны знать, что непринципиально какая его государствица будет состоять из наборов знаков, размещенных в верной опослядовательности. Наборы этих знаков именкомфортся тегами html, хоть какой из которых может иметь свои уточняющие атрибуты. Браузеры или другие подобные прогры расвыяснятт эти теги, превидкомфорт их государствицы и демонстриркомфорт итог жеребцечным пользовательам.
Теги, которые мы разглядим в данной статье, созданные для разметки государствицы и те, которые говорят браузерам и поисковикам все о государствице и параметрах ее содержимого.
Теги разметки государствицы или главные html теги.
Эти три главных тега должны быть прописаны на всех государствицах (не лишь на главной!) веб-веб-сайта. Предназначены они для разметки государствицы.
| Теги | Значение тегов |
| <html></html> | Данный тег показывает прогре, которая будет выводить государствицу (почаще вэтого это браузер), что этот документ (для веб-веб-сайта это государствица) написан на языке html. Здесь <html> - открытие тега, а </html> - закрытие тега. Все, что браузер увидит меж ними, будет расузнаваться, как html код. |
| <head></head> | С английского переводится как «голова» документа. Здесь показывается вся общественная информацию о документе (государствице) для пользовательа и для поисковых машин. Размещается <head></head> слету опосля открытия <html>. Все, что прописано меж тегами <head>здесь</head> не показывается браузером в теле документа. |
| <body></body> | Данный тег переводится, как "тело", и предназначен для размещения в основном видимых частей государствицы, да иногну и сукрытых. Размещать <body></body> следует опосля тега закрытия </head>. |
Кодовая часть государствицы, которую получает браузер от сервера глядится так:
<html> <head>заголовок государствицы и доп теги</head> <body>Контент государствицы (тексты, ссылки, изображения и пр.)</body> </html>
Теги заголовка государствицы и их атрибуты.
Заголовок html государствицы и вся информация для поисковиков размещается в голове документа. Для этого предусмотрены теги <head></head> и мета-теги. Именда их мы на данный момент и разглядим.
| Теги и их атрибуты | Значение тегов и атрибутов |
| <head></head> | Определяет значение заголовка государствицы. |
| <title>Здесь заголовок</title> | Между сиими тегами Вы должны пробрисовать заголовок государствицы. То, что написано меж сиими тегами title, будет выведено в оглавлении в браузере или в другой прогре для ее просмотра. |
| <meta name="keywords" content="главные слова"> | Здесь указываются главные слова, описывающие содержащуюся на государствице информацию. Записывается меж <title></title>. |
| name="keywords" | Данный атрибут задает имя мета-тегу: "keywords". |
| content="главные слова" | Чтобы атрибут content="…" был правильным, в кавычках нужено записать все главные слова, описывающие содержимое государствицу через запятую, к примеру, content="ключ1, ключ2, ключ3,…". |
| <meta name="description" content="короткое описание контента"> | Этот тег предназначен короткого описания отукрытой пользовательем государствице и размещается меж <head></head>. |
| name="description" | Данный атрибут задает имя мета-тегу. В этом случае -"description" (описание, нравистика). |
| content="короткое описание контента" | Из инфы, записанной в атрибуте content="…" поисковые боты делают сспец сниппеты (короткое содержание), определяющие присутствующую на государствице информацию. Если же он посчитает, чдругими словами более подходящие для этого слова или ему просто не понравится описание, которое Вы запишите в этом атрибуте, то поисковик без помощи других подберет самые релевантные (подходящие к запросу) фразы и покажет их. |
| <meta http-equiv="content-type" content="text/html; charset=шифровка"> | В данном теге показывается, с какой конкретно шифровкой и типом государствицы браузер имеет дело. Этот тег нужен браузеру, чтобы он мог верно отобранажимама знакы. При указанинекорректной шифровки вместо знаков на государствице Вы увидите каракули. |
| http-equiv="content-type" | Атрибут показывает браузеру, что в данном теге указана шифровка документа, а также его тип. |
| content="text/html; charset=шифровка" | В данном атрибуте нужено указать тип документа (у нас это text/html;) и его шифровку (к примеру, charset= utf-8). Видов шифровок чбыстрычайно много, но в UA-нете и RU-нете почаще вэтого употребляют windows-1251 и utf-8. |
| <meta http-equiv="content-language" content="ru"> | Данный тег указывать не непременно. Он предназначен для указания языка на государствице. |
| http-equiv="content-language" | Показывает браузеру, что в данном мета-теге задается язык государствицы. |
| content="ru" | В кавычках нужено указать язык государствицы. В нашем случае браузер будет знать, что государствица написала на российском языке. |
| <meta http-equiv="refresh" content="10"> | Этот тег не неотклонимый. Если Вы его пропишите, то он произнесет браузеру автоматом перезагрузить государствицу. |
| http-equiv="refresh" | Показывает браузеру, что необходимо перезагрузить государствицу. |
| content="10" | Автоматическая перезагрузка государствицы Вашего веб-веб-сайта должена произойтне слету, а через время (в секундах), указанное в кавычка. В нашем случае государствица перезагрузится через 10 секунд. |
| <meta http-equiv="refresh" content= "10;http://minova-shop.com.ua/" > | Этот тег не неотклонимый и предназначен для автоматического перекричиентирования на какую-или другую государствицу этого или другого веб-веб-сайта. |
| http-equiv="refresh" | Показывает браузеру, что необходимо перезагрузить государствицу. |
| content= "10;http://minova-shop.com.ua/" | В кавычках данного атрибута указывают время начала автоматического перекричиентирования в секундах (у нас 10с.). |
| <meta name="robots" content="значения указывать через запятую"> | Не неотклонимый мета-тег, созданный для верной индексации государствицы поисковым ботом. При указанипары значений, их записывают через запятую. |
| name="robots" | Название тега. |
| content="index" | Вся государствица будет регистрироваться. |
| content="noindex" | Вся государствица не будет регистрироваться. |
| content="follow" | Гиперссылки при индексировании будут учесться. |
| content="nofollow" | Гиперссылки при индексированине будут учесться. |
| content="all" | Данным атрибутом можно подпоменять комбицивилизацию content="index,follow ", другими словами государствица будет регистрироваться и гиперссылки - учесться. |
| content="none" | Данным атрибутом можно подпоменять комбицивилизацию content="noindex,nofollow ", другими словами государствица не будет регистрироваться, и гиперссылки учесться не будут. |
| <meta name="author" content="ФИО создательа"> | Не неотклонимый тег, созданный для указания создательства. |
| content="ФИО создательа" | В этом атрибуте необходимо указывать ФИО создательа. |
| <meta name="copyright" content="Все права принадлежат…"> | Не неотклонимый тег, созданный для указания принадлежности создательских прав контента. |
| content="Все права принадлежат…" | В атрибуте content="…" нужено указать, кому принадлежат права на контент, размещенный на государствице веб-веб-сайта. |
| <link href="/путь/style.css" rel="stylesheet" type="text/css"> | Если на веб-веб-сайте употребляется особый файл со стилями css, то этот тег предназначен для его подключения к государствице. В атрибуте href="/путь/style.css" нужено указывать полный путь от данной государствицы до файла style.css. |
Многие из указанных выше тегов не неотклонимы. Их можно пропустить. Общий вид верно записанного тега <head></head> будет глядеться так:
<head> <title>Страница Вашего веб-веб-сайта</title> <meta http-equiv="content-type" content="text/html; charset=шифровка"> <meta name="keywords" content="главные слова"> <meta name="description" content="короткое описание документа"> </head>
или боле точно:
<head> <title>Страница Вашего веб-веб-сайта</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="keywords" content="главные, слова, через, запятую"> <meta name="description" content="на данной государствице Вы уосознаете…"> </head>
Все другие мета-теги я рекомендую припоменять лишь по мере необходимобности, и предусмотрены для уточнения неких данных для поисковиков.
Интересное на Ютубе:
Миниатюрный дом Симпсонов своими руками
Похожие мамыалы:
Автор: Сосновский М.
Специально для: Дом знаний
Специально для: Дом знаний
Понравилась статья?
Поделитесь ею с друзьями
Поделитесь ею с друзьями
Ошибка в тексте?
Выделите ее и Нажмите:
Еще по теме:
Если статья Вам полезна,
не стесняйтесь и оставляйте свои комменты.
Спасибо за посещение.
не стесняйтесь и оставляйте свои комменты.
Спасибо за посещение.
