Прочитайте, как обстоят дела у сайта Дневников и как вы можете помочь!
×
21:40 

Мета-теги в HTML

Ночной Гремлин

Всем читателям моего дневника: "Привет!" Со времени моего первого поста прошел всего один день, но так как комментариев к нему нет, я решил сразу перейти ко второму.


Мета теги в HTML

Из предыдущего урока вы узнали какую структуру имеет HTML документ, и из предложенного мною примера вы наверное заметили, что в контейнер:

было вложено следующее:

А теперь постараемся с вами разобраться что же это такое.
На самом деле ничего сложного здесь нет это, так называемый, мета тег. Мета теги предоставляют в основном браузерам и поисковикам информацию о документе HTML. Правильно составленные мета теги помогают поисковым машинам лучше понять информацию о вашей страничке и правильнее ее проиндексировать, а браузерам - правильно отобразить вашу HTML-страничку.
Скажу вам сразу можно обойтись и одним мета тегом, но лучше этого не делать. Лично я, использую минимум 3 мета тега. Сейчас мы их разберём по порядку.

Этот мета тег указывает тип и кодировку документа HTML. content="text/html - указывает, что этот документ будет содержать текстовую информацию, оформленную на HTML. charset=utf-8" - указывает кодировку документа. Данный мета тег позволяет разным браузерам отображать документ максимально корректно. Этот мета тег по праву можно считать наиболее важным тегом описания документа.

Этот мета тег предоставляет краткое описание страницы сайта, используемое поисковиками для составления так называемого "сниппета" (краткого описания страницы, расположенного под заголовком сайта).

В этот мета тег мы вводим ключевые слова, находящиеся на странице сайта. Правда на сегодняшний день многие пренебрегают данным мета тегом, так как он мало что даёт при оптимизации страницы сайта. Об оптимизации Description и Keywords я уже писал в разделе раскрутки и оптимизации сайта. Остальные мета теги не особо влияют на развитие сайта. Можно также указать и авторские права и самого автора сайта при помощи других мета тегов, но они совсем не обязательны. Также существует возможность блокировки страницы от индексации поисковиками. Но я думаю для создания сайта вам будет достаточно знать эти три мета тега.

Материалы статьи взяты с моего сайта: Самостоятельное создание и оптимизация сайта




P/s: у кого есть какие вопросы не стесняйтесь, задавайте. По возможности отвечу всем.


URL
Комментарии
2012-01-16 в 22:51 

Albert Sh.
«...и с тех пор у меня внутри начался самый страшный и странный зуд — я никак не мог почесать собственную душу...» © О. Берроуз
Ночной Гремлин, я не знаю, зачем это вам, но найдя здесь нечто подобное был удивлен и обрадован, потому что я оказался в патовой ситуации, и мне очень очень нужна ваша помощь. Суть дела такая...
Я создал сайт на ukoz, думаю, вы сами уже представили, какие проблемы у меня возникли в связи с этим. Я был бы очень благодарен, если бы вы меня взялись поднатаскать, чтобы я понимал хотя бы суть, всего, во что я влез. /вздохнул.../
Визуального редактора у меня нет. И даже когда он будет, мне понадобится помощь в обращении с ним.
Методом тыка, но я все же нашел как там менять фон сайта, шапку методом тыка я изменить не смог. В общем, давайте поговорим, а..?

amadeus87.ucoz.ru Это мой сайт, доступ в дневник я могу открыть, если вам интересно, и пароли сайта при необходимости могу дать.

2012-01-17 в 00:10 

Ночной Гремлин

Могу подсказать немного. Найдите у вас на сайте вот такой вот код:



Можно сказать, что это один большой родительский блок шапки, в котором располагаются дочерние блоки. У каждого такого блока есть свои стилевые свойства. В данном родительском блоке есть идентификатор id="city" (Подробнее об идентификаторах можешь почитать здесь:Идентификаторы в CSS).
Так вот таблица стилей CSS в котором расположен данный идентификатор находится: amadeus87.ucoz.ru/.s/src/css/793.css. Ищи у себя этот файл на хостинге. В нём нужно найти вот такой вот код:
Это изображение шапки и её размер, можно загрузить своё изображение на хостинг и поменять код, например, на такой:
Я немного изменил параметры, но думаю сам догадаешься как поменять. Хотя я не в курсе как там на Укозе вообще с поддержкой.


URL
2012-01-17 в 00:21 

Albert Sh.
«...и с тех пор у меня внутри начался самый страшный и странный зуд — я никак не мог почесать собственную душу...» © О. Берроуз
Ночной Гремлин, мне понадобиться время, чтобы подолбаться и сделать тобою сказанное, и только потом я определюсь с следующими вопросами, и скажу, получилось ли у меня. /выдохнул... Шапка мне не нравится, альтернативных вариантов замены пока нет, поэтому я попробую действующую заменить на прозрачное PNG полотно того же размера, и если все получится, шапка просто исчезнет. Далее я сменю фон, озадачившись на потом рисованием новой шапки, а следующие вопросы, если эти снимутся, будет про смену стилей заголовков контейнеров /уж не знаю, правильно ли я называю терминологию, но все же, я хочу сохранить структуру, при этом превратив индастриал или хай тек... Или че у меня там за стиль во что то похожее на замок. Изысканное и 19 века. Это будет долго и нудно, поэтому...
Альберт, мне очень приятно... Думаю, наше знакомство будет долгим....)

2012-01-17 в 00:35 

Albert Sh.
«...и с тех пор у меня внутри начался самый страшный и странный зуд — я никак не мог почесать собственную душу...» © О. Берроуз


Вот этого там вообще нет, найди я вот это твой_файл_изображения.png заменить бы я смог, но там идет только


--- Так, и без указания ссылки на изображение.
Щас повтыкаю еще.

2012-01-17 в 01:10 

Albert Sh.
«...и с тех пор у меня внутри начался самый страшный и странный зуд — я никак не мог почесать собственную душу...» © О. Берроуз


amadeus87.ucoz.ru/.s/src/css/793.css
Вот в таком виде я понимаю я могу редактировать код в легкую, но он мне открывается совсем иначе. /см. выше/

2012-01-17 в 19:31 

Ночной Гремлин

Сейчас расскажу как сделать. В панели управления в верхнем меню выбираешь Дизайн=>Управление дизайном(CSS) .
Далее в появившимся окошке (вот он файл таблицы стилей) открываешь: Файловый менеджер. После советую создать папку где будешь хранить изображения. Я сделал папку imgвставляешь туда картинку шапки или ещё чего-нибудь. И последний штрих: прописываем путь к файлу в окошке с кодом CSS


p/s: в результате в коде я указал вот что:


вот что получилось: http://blogsait.my1.ru


URL
2012-01-17 в 22:06 

Albert Sh.
«...и с тех пор у меня внутри начался самый страшный и странный зуд — я никак не мог почесать собственную душу...» © О. Берроуз
Ночной Гремлин, мне стыдно, я сам перемудрил, редактировал код совсем не там, но теперь сделал. Спасибо большое! Сейчас буду работать над деталями и дальше, и как возникнут вопросы, спрашивать...

2012-01-17 в 22:11 

Ночной Гремлин
Да не за что! Всегда рад помочь.

URL
2012-01-17 в 22:23 

Albert Sh.
«...и с тех пор у меня внутри начался самый страшный и странный зуд — я никак не мог почесать собственную душу...» © О. Берроуз
Ночной Гремлин, Сейчас буду пытаться менять шрифт из Verdana на Georgia,
сделать фон сайта обойным, потом, думаю, заменю на что то железные фоны на заголовках контейнеров.
Поиграю с цветами. В вашем дневнике фон текста в черной рамке. Позже я буду думать над тем, как сделать так,
чтобы границы между фоном текста и фоном сайта разделял бы красивый бордюр.

2012-01-17 в 23:56 

Albert Sh.
«...и с тех пор у меня внутри начался самый страшный и странный зуд — я никак не мог почесать собственную душу...» © О. Берроуз
Вопросы по ходу...




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

2012-01-18 в 17:45 

Ночной Гремлин
Почитай у меня на сайте:Шрифты в CSS

URL
   

HTML и CSS для чайников

главная