Поточний час:
Сьогодні 22 листопада, середа 2017 рік
Стрічка RSS

Введіть ваш Е-mail:

Zura-Blog 2 роки 11 місяців 3 дня

Ваш ip адрес:54.162.166.214

Добрий вечір!
Ви обновили сторінку в 20 : 37
Статистика

Кількість публікацій на блозі: 367
Кількість коментарів на блозі: 102
Кількість категорій на блозі: 27
Кількість міток на блозі: 3

Zura – Blog
Яндекс.Метрика UA TOP Bloggers

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


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


Эти теги находятся в области “head” там находится вся служебная информация. Все мета-теги создаются с помощью тега “meta” и отличаются атрибутами “http-equiv” и “name”.

Елемент МЕТА— это механизм для указания метаданных. Используется для того, чтобы определить ключевые слова, которые использует поисковая система, они нужны поисковой системе для улучшения качества результатов поиска.

Но добавлю то, что некоторые элементы и атрибуты HTML уже выполняют в каком-то смысле роль метаданных и могут быть использованы авторами вместо ЦЕЛЬ например элемент TITLE.

Если свойство задана с помощью ЦЕЛЬ принимает значение URI, то можно указывать метаданные и с помощью элемента link.

При указании метаданных можно использовать следующие варианты <META name = ” DC.indetifaer” або <link rel = “DC.identifaer”

 

Елемент МЕТА может быть использован для указания информации по умолчанию для документа, в следующих трех случаях:

⇒  по умолчанию для таблиц стилейпо 

⇒ кодирования символов документа

⇒по умолчанию для сценарию

 по кодированию символов документа


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

Но когда открыли документ в браузере то вместо того чтобы увидеть текст увидите непонятный набор символов, в таком случае вас выручат такие действия.

Поменяйте указание в кодировке символов, например откроем сейчас мой документ на этой странице сайта, и мы увидим кодирования charset = UTF-8, а теперь скажем для примера если я открою созданную мной вручную страницу для ссылок, у себя на компе то увижу кодирования windows- 1251

<meta http-equiv= “Content-Type”  content= ” text/html; charset=UTF-8” />

<meta http-equiv= “content-type ” content= “text/html;charset=windows-1251“>

Обратите внимание, такие случаи нередки в процессе когда копируете код, и переносите его в другой документ.

Исправить очень легко, просто поменять кодировку, у меня также был случай, когда в плагине вместо текста показывало набор символов, в принципе и по Абра – Кадабра можно разобраться как работать с плагином, но гораздо лучше когда перед вами понятен текст.

Исправить просто, поменять кодировку. 

30а

⇑charset=UTF-8

31а

⇑charset=windows-1251

 


Продолжаем разбирать, следовательно все мета-теги создаются с помощью тега meta и отличаются только атрибутами это http-equiv и name. Начнем с атрибута http-equiv, создаем тег <meta и добавьте атрибут http-equiv.

http-equiv может быть использован вместо атрибута name и имеет особое значение при загрузке документов через HTTP. Сервер HTTP может использовать имя влластивостей, которое указано в атрибуте http-equiv для создания заголовка в ответ HTTP.

Атрибут name используется когда нужно указать автора документа “Author” и нужный язык “keywords” 

например

<meta http-equiv=Content-Type ⇒определяет свойство тип содержимого

<meta http-equiv= “Refresh” ⇒ перезагружает страницу через определенный промежуток времени

<meta http-equiv= “Pragma” ⇒ запрещает браузеру кэшировать страницу

<meta name =Author ⇒ определяет свойство автора

<meta name keywords” lang= “en” ⇒ определяет свойство нужный язык

<meta name = “robots” ⇒указывает поисковым системам правило индексировать ли индексировать страницу.

Кодировка текста

 <meta http-equiv= “Content-Typecontent= “text/html; charset=UTF-8” /> елемен МЕТА определяет здесь свойство Content-Type (здесь тип содержимого) и присваивает ему значение кодировки текста text/html  charset=UTF-8

                                             перезагружает страницу

<meta http-equiv= “Refresh” content= “60” >→ перезагружает страницу через определенный промежуток времени

<meta http-equiv= “Refresh” content= “6; url=http://ruszura.in.ua” >→ переводит на страницу, или сайт через определенный промежуток времени

запрещает кэширование

<meta http-equiv= “Pragma” content= “no cache” >→запрещает браузеру кэшировать страницу

Добавлю еще по атрибурах http-equiv, значение “Content-Type” указывает браузеру на то что это html-документ с кодировкой charset = UTF-8, хотя боаузер сам должен определять кодировку документа.

Значение “Refresh” указывает браузеру что страницу нужно перезагрузить через определенный промежуток времени, или через определенный промежуток времени перейти на сайт или страницу.

Значение “Pragma” запрещает браузеру кэшировать страницу, хотя некоторые браузеры игнорируют это правило

Автор

 <meta name = Author  content= Стецьо Бухий” >, елемент МЕТА определяет свойство здесь  Author(автор) и присваивает ему значение Стецьо Бухий.

определяет нужный язык

<meta name = “keywords” lang= “en” — определяет свойство а именно для тех, кто говорит на английский языке, и придает ему следующие значения.

запрещает индексировать страницу

<meta name = “robots”  content=  “no index no follou” >→запрещает поисковым системам индексировать страницу

Добавлю от себя по атрибурах name значения “Author” указывает поисковым системам на автора документа.

Значение “keywords” указывает поисковым системам на язык, элемент meta используется также чтобы определить ключевые слова используемых поисковая система для улучшения поиска результатов. Когда метаданные для веб-страницы предъявлены в несколько элементах Меtа в зависимости от языка, поисковые системы могут фильтровать содержимое по значению атрибута lang, в результате чего пользователь увидит результат с учетом желаемого языка.

Значение “robots” указывает правило поисковым системам индексировать либо не индексировать страницу сайта, или индексировать ли индексировать ссылки которые находятся на странице.

Для тех кто хочет посмотреть полностью информацию по метатегах перейдите на официальный сайт Wikipedia за посиланням https://ru.wikipedia.org/wiki/Метатеги 

Вы можите изучать HTML- документ просматривая сами коды, открывая в браузере просмотр кода, как я уже писал в предыдущих публикациях, правая клавиша мыши, и выбираем “Посмотреть код страницы”.

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

 

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

32а

⇑Notepad++

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

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

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

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


 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *