Мета тэги в HTML

Fenris — Tue, 23 Mar 2010 20:13:37 PDT

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

Мета-теги помещаются внутрь элемента ... в xHTML-документе, как правило, после элемента </tt> и на странице не отображаются.</p> <p>Некоторые мета тэги используют поисковые системы для отображения информации о сайте или для ранжирования в результатах поиска, но большинство из них уже либо не используются либо просто морально устарели.</p> <p><span id="more-1654"></span></p> <p>Однако знать их все равно надо, хотя бы об их существовании.</p> <h2>Формат мета-тэгов</h2> <p>Мета тэги это «самозакрывающие» тэги, вся информация в которых передается в атрибутах. Например:</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">meta</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"..."</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"..."</span> <span style="color: #66cc66;">/</span>></span></div></td></tr></tbody></table></div> <p>У тега <tt><meta></tt> есть 3 атрибута: name, http-equiv и content</p> <h3>Name</h3> <p>Атрибут <tt>name</tt> отвечает за текстовую информацию о странице, ее авторе, а так же — информацию для поисковых систем</p> <h3>http-equiv</h3> <p>Атрибут <tt>http-equiv</tt> формируют заголовок страницы и определяют его обработку.</p> <h3>Content</h3> <p>Атрибут <tt>content</tt> устанавливает значение параметра, заданного с помощью <tt>name</tt> или <tt>http-equiv</tt></p> <h2>Наиболее важные мета-тэги</h2> <p>Теперь давайте более подробно разберем наиболее важные мета-тэги.</p> <h3>Description</h3> <p>Мета-тэг <strong>Description</strong> — считается самым важным мета-тэгом из ныне поддерживаемых, потому что до сих пор на него обращают внимание поисковики. Тот же Google очень ценит содержание этого тэга и он очень сильно влияет на результаты ранжирования страниц в выдаче.</p> <p>Содержание тэга не должно полностью копировать какой-либо кусок текста со страницы или просто быть напичкано ключевиками (для этого есть специальный тэг), оно должно именно описывать страницу.</p> <p>Так же не стоит забывать, что у разных поисковиков разное отношение к этому тэгу и разный лимит символов, которые они учитывают в содержании этого тэга. </p> <p>Вот пример мета-тэга Description для главной страницы этого блога:</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">meta</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"description"</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"Блог веб-разработчика"</span> <span style="color: #66cc66;">/</span>></span></div></td></tr></tbody></table></div> <h3>Keyword</h3> <p>Мета-тэг <strong>Keyword</strong> используют поисковые системы для того, чтобы определить релевантность ссылки. Это просто набор слов и фраз, наиболее полно характеризующих данный документ. При формировании данного тега необходимо использовать только те слова, которые содержатся в самом документе. Использование тех слов, которых нет на странице, не рекомендуется</p> <p>Раньше это тэг был очень важен, но в настоящее время он уже почти не используется для непосредственного анализа содержания из-за попыток влиять через него на выдачу в ПС. Тем не менее использовать этот тэг нужно.</p> <h2>Другие мета-тэги</h2> <p>Мета-тэгов великое множество и перечислять их все я не стану, кому интересно обратитесь к <a href="http://www.google.com/">поиску</a> или <a href="http://ru.wikipedia.org/wiki/Мета-тег">Википедии</a>.</p> <p>Отдельно хочу остановиться лишь на мета-тэге <strong>Author</strong>. Мета-тэг <strong>Author</strong> исполняет функцию идентификации автора страниц или принадлежности документа.</p> <p>Если по какой-то причине заказчик против указания копирайтов разработчика, а такое во фрилансе бывает часто, можно использовать именно этот мета-тэг для указания себя любимого в качестве разработчика. Ссылку на свой сайт в него, конечно, не запихнешь, а вот имя указать вполне можно. Заказчик, обычно, не против.</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">meta</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"Author"</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"Верстка сайта - Владимир Глушков"</span> <span style="color: #66cc66;">/</span>></span></div></td></tr></tbody></table></div> <p>Вот и все что я хотел сегодня рассказать. Удачи.</p> <hr /> <p>↑ <a href="http://www.htmlblog.ru/html-css-tutorial">К оглавлению</a> ↑</p> Метки:<a href="http://www.htmlblog.ru/tag/html" title="html" rel="tag nofollow">html</a>, <a href="http://www.htmlblog.ru/tag/xhtml" title="xhtml" rel="tag nofollow">xhtml</a>, <a href="http://www.htmlblog.ru/tag/make-xhtml" title="верстка" rel="tag nofollow">верстка</a>, <a href="http://www.htmlblog.ru/tag/meta-tegi" title="мета-тэги" rel="tag nofollow">мета-тэги</a>, <a href="http://www.htmlblog.ru/tag/shpargalki" title="шпаргалки" rel="tag nofollow">шпаргалки</a><br /> </article> <article> <h1>Картинки в HTML. Форматы изображений</h1> <p>Fenris — Fri, 19 Mar 2010 08:51:43 PDT</p> <div class="tweetmeme_button" style="float: right; margin-left: 10px;"> <a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.htmlblog.ru%2Fhtml-css%2Fhtml-images.html"><br /> <br /> </a> </div> <p>Всем привет. Сегодня я хочу поговорить о визуальном способе подачи информации, т.е. о картинках и о способах работы с ними в <abbr title="Hypertext Markup Language">HTML</abbr>. Никто не будет отрицать что текст (контент) — это важнейший элемент любого сайта. Тому как правильно работать с текстом в <abbr title="Hypertext Markup Language">HTML</abbr> была посвящена <a href="http://www.htmlblog.ru/html-css/rabota-s-tekstom-v-html.html">отдельная статья</a>.</p> <p>Но сегодня речь пойдет о другом способе подачи информации — об изображениях и о том какие возможности есть в <abbr title="Hypertext Markup Language">HTML</abbr> для работы с ними.</p> <p><span id="more-1614"></span></p> <p>Для вставки в <abbr title="Hypertext Markup Language">HTML</abbr>-документ изображений используется тэг: <tt lang="html"></tt></p> <p>Тэг <tt>img</tt> является самостоятельным и не имеет закрывающего тэга, но по спецификации <abbr title="Extensible Hypertext Markup Language">xHTML</abbr> все теги, которые не имеют закрывающего тега (например, или <br>) должны иметь на конце /.</p> <p>По аналогии с атрибутом <tt>href</tt> у <a title="Ссылки в HTML" href="http://www.htmlblog.ru/html-css/html-links.html">ссылки</a>, атрибут <tt>src</tt> (source) имеет абсолютный или относительный адрес файла изображения.</p> <p>Параметры <tt>width</tt> и <tt>height</tt> не являются обязательными, к тому же их можно задать через <abbr title="Cascading Style Sheets">CSS</abbr>.</p> <p>Атрибут <tt>alt</tt> — является обязательным, он описывает содержание картинки и отображается в случаи если у пользователя в браузере отключена загрузка картинок или по какой-то причине не получилось загрузить картинку.<br />Также не стоит забывать что именно этот параметр используют и Яндекс и Google для поиска по картинкам.</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=/</span>path<span style="color: #66cc66;">/</span>to<span style="color: #66cc66;">/</span>images<span style="color: #66cc66;">/</span>htmlcss.jpg<span style="color: #ff0000;">" alt="</span>html & css<span style="color: #ff0000;">" /></span></span></div></td></tr></tbody></table></div> <p>в браузере:</p> <div class="example"> </div> <h2>Графические ссылки</h2> <p>Наряду с <a title="Ссылки в HTML" href="http://www.htmlblog.ru/html-css/html-links.html">текстовыми ссылками</a> вы можете также использовать графические ссылки или сочетание того и другого.</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"..."</span>><<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"/path/to/images/htmlcss.jpg"</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"Все записи в рубрике html & css"</span> <span style="color: #66cc66;">/</span>><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>><<span style="color: #000000; font-weight: bold;">br</span> <span style="color: #66cc66;">/</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"..."</span>></span>Читать все записи <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"/path/to/images/htmlcss.jpg"</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"Все записи в рубрике html & css"</span> <span style="color: #66cc66;">/</span>></span> в рубрике html <span style="color: #ddbb00;">& css.</a></span></div></td></tr></tbody></table></div> <p>в браузере:</p> <div class="example"> <a href="http://www.htmlblog.ru/category/html-css"></a><br /> <a href="http://www.htmlblog.ru/category/html-css">Читать все записи в рубрике html & css.</a> </div> <h2>Форматы изображений</h2> <p>Сейчас для работы с графикой в вебе применяются графические элементы трех форматов: GIF, JPEG (JPG) и PNG. Подробно их описывать я не вижу смысла, но не упомянуть самое главное не могу.</p> <h3>GIF</h3> <p>Изображения в формате GIF могут содержать максимум 256 цветов из всех миллионов цветов, которые ваш компьютер может отобразить.</p> <p>Из-за того что количество цветов сравнительно небольшое, картинки в формат GIF получаются небольшого размера, а это всегда хорошо. Также формат GIF позволяет задавать прозрачность пикселей.</p> <p>Формат GIF поддерживают анимацию, поэтому в свое время он был очень популярен для создания иллюзии интерактивности и баннеров. Но с приходом технологии flash, GIF для баннеров почти не используется. [<a rel="external nofollow" target="_blank" href="http://ru.wikipedia.org/wiki/GIF">подробнее о формате GIF</a>]</p> <h3>JPG</h3> <p>Изображения в формате JPG поддерживают 16,7 млн. цветов и, таким образом, лучше всего подходят для реалистичных фотографий. В зависимости от настройки сжатия, качество изображения и размер исходящего файла могут варьироваться. Постарайтесь найти баланс между размером файла и качеством изображений. [<a rel="external nofollow" target="_blank" href="http://ru.wikipedia.org/wiki/JPEG">подробнее о формате JPG</a>]</p> <h3>PNG</h3> <p>Формат png достаточно молодой формат относительно первых двух. Он также поддерживает 16,7 млн. цветов как jpg и прозрачность пикселей как gif, но в отличии от них позволяет сжимать картинку без потери качества.</p> <p>Пожалуй, наиболее интересной особенностью формата PNG является поддержка полупрозрачного альфа-канала. Каждый пиксель может иметь свою собственную прозрачность в диапазоне от 0 до 100% (в отличие от формата GIF, где пиксель либо прозрачный или непрозрачный).</p> <p>Полупрозрачный альфа-канал поддерживают все современные браузеры (Firefox, Opera, Safari, IE7). К сожалению IE6 изначально не поддерживал альфа-прозрачность, однако есть несколько способов научить его уму-разуму, о которых я расскажу в других постах. [<a rel="external nofollow" target="_blank" href="http://ru.wikipedia.org/wiki/PNG">подробнее о формате PNG</a>]</p> <p>На сегодня все. Удачи.</p> <hr /> <p>↑ <a href="http://www.htmlblog.ru/html-css-tutorial">К оглавлению</a> ↑</p> Метки:<a href="http://www.htmlblog.ru/tag/html" title="html" rel="tag nofollow">html</a>, <a href="http://www.htmlblog.ru/tag/xhtml" title="xhtml" rel="tag nofollow">xhtml</a>, <a href="http://www.htmlblog.ru/tag/make-xhtml" title="верстка" rel="tag nofollow">верстка</a>, <a href="http://www.htmlblog.ru/tag/kartinki" title="картинки" rel="tag nofollow">картинки</a>, <a href="http://www.htmlblog.ru/tag/formaty-izobrazhenij" title="форматы изображений" rel="tag nofollow">форматы изображений</a>, <a href="http://www.htmlblog.ru/tag/shpargalki" title="шпаргалки" rel="tag nofollow">шпаргалки</a><br /> </article> <article> <h1>Ссылки в HTML</h1> <p>Fenris — Wed, 17 Mar 2010 02:37:03 PDT</p> <div class="tweetmeme_button" style="float: right; margin-left: 10px;"> <a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.htmlblog.ru%2Fhtml-css%2Fhtml-links.html"><br /> <br /> </a> </div> <p></p> <p>Всем привет. Вот и пришло время поговорить о вечном. А именно о ссылках в <abbr title="Hypertext Markup Language">HTML</abbr>. Ссылки — это основа интернета в нынешнем его понимании.</p> <p><abbr title="Hypertext Markup Language">HTML</abbr> ссылки являются фундаментальным свойством веб-страниц. Ссылкой может являться не только некоторая часть текста, но и картинка или ее часть. Ссылки позволяют связать текст или какой-либо объект с другими гипертекстовыми документами. Без ссылок не было бы и интернета.</p> <p><span id="more-1573"></span></p> <p>Итак. Ссылки бывают двух видов:</p> <ul> <li>Абсолютные ссылки; и </li> <li>Относительные ссылки. </li> </ul> <h2>Абсолютные ссылки</h2> <p>Абсолютные ссылки — это ссылки содержащие полный путь (<abbr title="Uniform Resource Locator">URL</abbr>) к документу, содержащие домен сайта</p> <p><dfn>URL</dfn> — (англ. Uniform Resource Locator) — единообразный локатор (определитель местонахождения) ресурса. Это стандартизированный способ записи адреса ресурса в интернете.</p> <p>Для создания ссылки в <abbr title="Hypertext Markup Language">HTML</abbr> используется тэг <tt><a></tt>. Атрибут <strong>href</strong> (hypertext reference) содержит адрес документа, на который будет осуществлен переход по это ссылке.</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"http://www.htmlblog.ru/"</span>></span>www.htmlblog.ru<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"www.htmlblog.ru"</span>></span>www.htmlblog.ru<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>></span></div></td></tr></tbody></table></div> <div class="example"><a href="http://www.htmlblog.ru/">www.htmlblog.ru</a><br /> <a href="www.htmlblog.ru">www.htmlblog.ru</a></div> <p>Если нажать на эти ссылки то вы увидите, что первая привела вас на главную страницу моего блога, в то время как вторая на страницу с ошибкой. Это произошло из-за того что браузер посчитал адрес второй ссылки относительно адреса страницы, на которой она располагается.</p> <p>Это приводит нас ко второму виду ссылок — к относительным ссылкам.</p> <h2>Относительные ссылки</h2> <p>Относительные ссылки — это ссылки содержащие только название документа или директории в атрибуте <tt>href</tt>, как второй вариант в приведенном выше примере. Опустив <tt>http://</tt> мы сообщаем браузеру, что документ стоит искать относительно директории, в которой располагается просматриваемая нами страница.</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"/"</span>></span>На главную<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"../"</span>></span>На уровень выше<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"../../"</span>></span>На два уровня выше<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"html-lists.html"</span>></span>Читать про HTML списки в этом же разделе<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>></span></div></td></tr></tbody></table></div> <div class="example"> <a href="/">На главную</a><br /> <a href="../">На уровень выше</a><br /> <a href="../../">На два уровня выше</a><br /> <a href="html-lists.html">Читать про HTML списки в этом же разделе</a> </div> <p>Обратите внимание, что браузер всегда показывает абсолютный <abbr title="Uniform Resource Locator">URL</abbr> в строке состояния, когда вы наводите на ссылку, даже если в коде <abbr title="Uniform Resource Locator">URL</abbr> указан как относительный. Вместо абсолютных путей с доменным именем, вы можете использовать /</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"/path-to-document"</span>></span>...<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>></span></div></td></tr></tbody></table></div> <p>Относительные пути удобны, но в постах я чаще всего использую абсолютные ссылки, на случай если статью сопрут и поленятся ручками все почистить.</p> <p>Удачи.</p> <hr /> <p>↑ <a href="http://www.htmlblog.ru/html-css-tutorial">К оглавлению</a> ↑</p> <div class="cont_ads"><span><a href="http://www.htmlblog.ru/blogovodstvo/obmen-postovymi.html">Обмен постовыми</a></span> </p> <ul class="ads"> <li>Полезные <a href="http://www.mykhailenko.com/blog/2010-02-24/5-useful-jquery-plugins.html" target="_blank">jQuery плагины</a> для Вашего сайта. Подборка от Олега Михайленко.</li> </ul> </div> Метки:<a href="http://www.htmlblog.ru/tag/html" title="html" rel="tag nofollow">html</a>, <a href="http://www.htmlblog.ru/tag/w3c" title="W3C" rel="tag nofollow">W3C</a>, <a href="http://www.htmlblog.ru/tag/xhtml" title="xhtml" rel="tag nofollow">xhtml</a>, <a href="http://www.htmlblog.ru/tag/make-xhtml" title="верстка" rel="tag nofollow">верстка</a>, <a href="http://www.htmlblog.ru/tag/ssylki" title="ссылки" rel="tag nofollow">ссылки</a>, <a href="http://www.htmlblog.ru/tag/shpargalki" title="шпаргалки" rel="tag nofollow">шпаргалки</a><br /> </article> <article> <h1>Спорные моменты для блоггера</h1> <p>Fenris — Thu, 11 Mar 2010 00:26:23 PST</p> <div class="tweetmeme_button" style="float: right; margin-left: 10px;"> <a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.htmlblog.ru%2Fblogovodstvo%2Fcontroversial-points-for-blogger.html"><br /> <br /> </a> </div> <p></p> <p>Наткнулся сегодня на интересный <a href="http://blog.dimok.ru/mnogo-spornyih-momentov-dlya-bloggera" rel="nofollow, external" target="_blank">пост у Димка</a> по поводу вопросов, которые должен задать себе блоггер при создании или развитии блога.</p> <p>Попробую на них ответить.</p> <ol> <li><strong>RSS фид</strong> — полный посты в фиде или анонсы?<br /> <em>Только полный. Незачем заставлять читателя переходить на блог только для того чтобы дочитать.</em></li> <li><strong>Комментарии</strong> – разрешать комментарии или нет.<br /> <em>Естественно разрешать. Возможность высказать сое мнение — есть отличительная черта блогов от обычных сайтов.</em></li> <p><span id="more-1564"></span></p> <li><strong>Частота постов</strong> – чаще или реже писать в блог.<br /> <em>По возможности чаще. Но не стоит писать пост только для того чтобы что-то написать. Качество публикации не должно страдать в погоне за частым обновлением блога.</em> </li> <li><strong>Сколько блогов?</strong> – делать один блог или писать в несколько небольших блогов.<br /> <em>Сколько сможешь вести. Написание хорошего поста занимает достаточно много времени. По крайней мере у меня.</em></li> <li><strong>Имя домена</strong> – короткое или длинное, использовать ли дефисы, доменная зона (.ру или .ком или вообще что-то экзотическое)<br /> <em>О вкусах не спорят. Надо только понимать, что домен из 20 символов прочитать трудно, про запомнить я уже и не говорю.</em></li> <li><strong>Хостинг</strong> – бесплатный хостинг или свой сервер.<br /> <em>Бесплатный — однозначно нет. Для начала можно тариф подешевле, но у нормального хостера. Если потребуется в последствии переехать на свой сервер.</em></li> <li><strong>Заголовки постов</strong> – информативные или побольше кейвордов нужных.<br /> <em>Перебарщивать с кейвордами не стоит. Заголовок должен отражать суть поста.</em> </li> <li><strong>Контент</strong> – больше анонсов чужих материалов или уникальные статьи.<br /> <em>Только уникальные статьи. А иначе зачем?</em> </li> <li><strong>Платные посты</strong> – монетизировать ли блога за счет написание заказных постов или воротить нос от этого.<br /> <em>Главное не переусердствовать и чтобы посты были близки к тематике блога. Иначе можно растерять добрую часть подписчиков.</em></li> <li><strong>Дизайн</strong> – заказывать уникальный дизайн или использовать бесплатный шаблон.<br /> <em>Блог должен выделяться. Если нет возможности закакзать уникальный дизайн, то надо хотя бы приложить максимум усилий для придания его виду уникальности.</em> </li> <li><strong>Ссылки на другие сайты</strong> – открывать ссылки в новом окне или в текущем.<br /> <em>Однозначно сказать сложно. В моем случаи ссылки из постов я делаю в новом окне, из комментов — в этом же.</em> </li> <li><strong>Длина постов</strong> – длинные подробные посты или коротки посты по делу.<br /> <em>Все зависит от темы поста. Расписывать конечно тоже не стоит. Если пост получается слишком уж большой лучше разбить его на два поста, ну или на сколько потребуется.</em></li> <li><strong>Тематика</strong> – нишевый блог или блог обо всем.<br /> <em>Лучше нишевый. Читать блоги обо всем мне неудобно. Никогда не знаешь куда автора "понесет" завтра.</em> </li> <li><strong>Дата постов</strong> – ставить дату у поста или нет.<br /> <em>Думаю, что да. Это позволит сразу определить как часто обновляется блог, не умер ли, насколько актуальна информация если это новостной блог.</em> </li> <li><strong>Личные данные</strong> – аноним/псевдоним или реально имя.<br /> <em>Если вам есть что скрывать — скрывайте. Но блог это прежде всего человек и не стоит забывать, что реально существующего человека проще ассоциировать с блогом и наоборот.</em></li> <li><strong>Подписка</strong> – основное внимание на RSS или на е-мейл подписку.<br /> <em>Мне RSS читать удобнее т.к. на почту и без этого валится достаточное количество писем. Думаю у многих ситуация такая же. По-этому я ориентируюсь на RSS</em> </li> <li><strong>Личные посты</strong> – писать только по теме или включать иногда посты личного плана.<br /> <em>Если это нишевый блог, то посты на тему "как я в выходные отдохнул" вряд ли встретят особую поддержку. Все в меру должно быть.</em> </li> <li><strong>Модерация комментариев</strong> – жесткая модерация или будь что будет. <br /> <em>Плагины защищающие от спама и ручная модерация. Только так можно не бояться превратит блог в помойку говноссылок.</em> </li> <li><strong>Социалки или поисковики</strong> – основное внимание на извлечение трафика из социалок или из поисковых систем.<br /> <em>И то и другое. Важен посетитель, а не то ткуда он пришел.</em> </li> <li><strong>Монетизация</strong> – зарабатывать на блоге или никогда не продаваться. <br /> <em>Нет ничего зазорного в продаже ссылок со своего блога. Главное чтобы их не было слишком много и нельзя делать заработок — самоцелью ведения блога.</em> </li> <li><strong>Когда начинать монетизацию</strong> – сразу в день открытия или после достижения определенной посещаемости.<br /> <em>В день открытия особо ненамонетизируешь (во слово получилось!). Да и впечатление что блог создавался для рекламы может сложиться. Я этого раньше не знал, а зря.</em> </li> <li><strong>Продажные ссылки</strong> – продавать через биржи и напрямую или не продавать ссылки.<br /> <em>Смотри пункт выше. Во всем нужно знать меру.</em></li> <li><strong>Аутсорсинг</strong> – заказывать контент (и прочие элементы блога) или создавать все самостоятельно.<br /> <em>Контент — только самостоятельно (за исключением гостевых постов). Если не умеешь писать — незачем вести блог. Дизайн можно заказать, какие-то программные решения тоже. Все зависит от знаний и умений. Я вот например не прогер, но пытаюсь учиться и ох как завидую ребятам способным воплотить свои идеи самостоятельно.</em> </li> </ol> <p>Вот и все. Отвечая на эти вопросы задумался как бы сложилась моя блогерская судьба если бы когда запускал этот блог были эти ответы.</p> Метки:<a href="http://www.htmlblog.ru/tag/blogeram" title="блогерам" rel="tag nofollow">блогерам</a>, <a href="http://www.htmlblog.ru/tag/question-answer" title="вопросы и ответы" rel="tag nofollow">вопросы и ответы</a>, <a href="http://www.htmlblog.ru/tag/living" title="жизнь" rel="tag nofollow">жизнь</a>, <a href="http://www.htmlblog.ru/tag/thoughts" title="мысли" rel="tag nofollow">мысли</a><br /> </article> <article> <h1>С праздником!</h1> <p>Fenris — Sun, 07 Mar 2010 22:50:30 PST</p> <div class="tweetmeme_button" style="float: right; margin-left: 10px;"> <a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.htmlblog.ru%2Fwithout-category%2Fs-prazdnikom-8-marta.html"><br /> <br /> </a> </div> <p></p> <h2 align="center">С 8 марта, девчонки!</h2> Метки:<a href="http://www.htmlblog.ru/tag/8-marta" title="8 марта" rel="tag nofollow">8 марта</a>, <a href="http://www.htmlblog.ru/tag/prazdnik" title="праздник" rel="tag nofollow">праздник</a><br /> </article> <article> <h1>Работа со списками в HTML</h1> <p>Fenris — Sun, 07 Mar 2010 14:00:35 PST</p> <div class="tweetmeme_button" style="float: right; margin-left: 10px;"> <a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.htmlblog.ru%2Fhtml-css%2Fhtml-lists.html"><br /> <br /> </a> </div> <p>Привет. Сегодня я хочу рассказать о работе со списками в <abbr title="Hypertext Markup Language">HTML</abbr>. В обще стоит взять за правило, всё что по логике является списком, т.е. перечислением, делать именно при помощи предусмотренных как раз для этого тэгов.</p> <p><dfn>Список</dfn> — письменный перечень, число, состав; документ, содержащий перечень каких-либо сведений;</p> <p>Работа со списками <abbr title="Hypertext Markup Language">HTML</abbr> проста и в тоже время помогает правильно преподносить информацию.</p> <p>Для примера отключите стили в браузере при просмотре какой-либо страницы. Если страница сверстана правильно, то у вас не будет никаких проблем с восприятием информации, навигацией по сайту и т.п.</p> <p><span id="more-1511"></span></p> <p>В <abbr title="Hypertext Markup Language">HTML</abbr> есть 3 вида списков:</p> <ul> <li>Неупорядоченный (этот)</li> <li>Упорядоченный</li> <li>Список определений</li> </ul> <h2>Неупорядоченный список</h2> <p>Неупорядоченный список (англ. Unordered Lists) — список в котором порядок пунктов не особо важен, т.е. при перестановке этих пунктов смысл не потеряется. Это может быть перечисление каких-либо особенностей объекта.</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">Ёжик:<br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">ul</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">li</span>></span>Маленький<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">li</span>></span>Колючий<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">li</span>></span>Прикольный<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>></span><br /> <span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">ul</span>></span></div></td></tr></tbody></table></div> <p>в браузере:</p> <div class="example"> Ёжик:</p> <ul> <li>Маленький</li> <li>Колючий</li> <li>Прикольный</li> </ul> </div> <p>От перестановки эти характеристик понимание ёжика ни как не пострадает.</p> <h2>Упорядоченный список</h2> <p>Упорядоченный список (англ. Ordered Lists) — как уже, наверное все уже догадались, список в котором порядок пунктов важен. Это может быть инструкция, пошаговое руководство, рейтинг.</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">ol</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">li</span>></span>Зарегистрируйтесь<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">li</span>></span>Подтвердите регистрацию<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">li</span>></span>Начните пользоваться<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>></span><br /> <span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">ol</span>></span></div></td></tr></tbody></table></div> <p>в браузере:</p> <div class="example"> <ol> <li>Зарегистрируйтесь</li> <li>Подтвердите регистрацию</li> <li>Начните пользоваться</li> </ol> </div> <p>Согласитесь, в другом порядке проделать эти действия просто невозможно.</p> <h2>Список определений</h2> <p>Список определений (англ. Definition Lists). В отличие от ранее упомянутых видов списков, списки определений не только позволяют просто перечислить кучу предметов (параметров), но также ассоциируют каждый термин с его определением.</p> <p>Списки определений начинаются и заканчиваются тэгами <tt><dl>...</dl></tt>. Каждый элемент списка состоит из термина <tt><dt>...</dt></tt> и определения <tt><dd>...</dd></tt>. По умолчанию определение отображается под термином и с небольшим отступом.</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">dl</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">dt</span>></span>HTML<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">dt</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">dd</span>></span>от англ. HyperText Markup Language - язык разметки гипертекста<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">dd</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">dt</span>></span>XHTML<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">dt</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">dd</span>></span>англ. Extensible Hypertext Markup Language - расширяемый язык <br /> разметки гипертекста<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">dd</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">dt</span>></span>CSS<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">dt</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">dd</span>></span>англ. Cascading Style Sheets — каскадные таблицы стилей<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">dd</span>></span><br /> <span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">dl</span>></span></div></td></tr></tbody></table></div> <p>в браузере:</p> <div class="example"> <dl> <dt>HTML</dt> <dd>от англ. HyperText Markup Language — язык разметки гипертекста</dd> <dt>XHTML</dt> <dd>англ. Extensible Hypertext Markup Language — расширяемый язык разметки гипертекста</dd> <dt>CSS</dt> <dd>англ. Cascading Style Sheets — каскадные таблицы стилей</dd> </dl> </div> <p>Удобно, не правда ли? Вот и все, что я хотел сегодня рассказать.</p> <p>Если вы еще не подписаны, то <a href="http://feeds.feedburner.com/htmlblog-dnv">подпишитесь</a> чтобы следить за обновлениями и ничего не пропустить.</p> <p>Удачи.</p> <hr /> <p>↑ <a href="http://www.htmlblog.ru/html-css-tutorial">К оглавлению</a> ↑</p> Метки:<a href="http://www.htmlblog.ru/tag/html" title="html" rel="tag nofollow">html</a>, <a href="http://www.htmlblog.ru/tag/w3c" title="W3C" rel="tag nofollow">W3C</a>, <a href="http://www.htmlblog.ru/tag/xhtml" title="xhtml" rel="tag nofollow">xhtml</a>, <a href="http://www.htmlblog.ru/tag/make-xhtml" title="верстка" rel="tag nofollow">верстка</a>, <a href="http://www.htmlblog.ru/tag/spiski" title="списки" rel="tag nofollow">списки</a>, <a href="http://www.htmlblog.ru/tag/standard" title="стандарты" rel="tag nofollow">стандарты</a>, <a href="http://www.htmlblog.ru/tag/shpargalki" title="шпаргалки" rel="tag nofollow">шпаргалки</a><br /> </article> <article> <h1>Яндекс Rank — что это?</h1> <p>Fenris — Sun, 07 Mar 2010 05:18:43 PST</p> <div class="tweetmeme_button" style="float: right; margin-left: 10px;"> <a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.htmlblog.ru%2Fsearch-engine-optimization%2Fyandex-rank-whats-this.html"><br /> <br /> </a> </div> <p></p> <p>Всем привет. Сегодня, можно сказать случайно, залез на pr-cy.ru и очень был удивлен. На ряду с <abbr title="Тематический Индекс Цитирования">тИЦ</abbr> и <abbr title="Google PageRank ">PR</abbr> появился новый показатель <strong>Яндекс Rank</strong>.</p> <p>Возникли естественные вопросы. Что это за зверь? С чем его едят? И на что он влияет?</p> <p>Поиск по блогам и форумам не дал никакого конкретного результата. Только несколько, местами абсолютно противоположных мнений.</p> <p>Итак.</p> <ol> <li>Это не новая и не фишка, а просто отображение «пальцев» из я.бара</li> <li>То же что и Google PR, только с русским колоритом</li> <li>Это изобретение pr-cy (что-то совсем не верю)</li> <li>Дополнительная пузомерка, просто «для прикола»</li> <li>Это новая фишка и когда-нибудь она будет на что-нибудь влиять.</li> </ol> <p>Также нашел шкалу, по которой раздается этот Яндекс Rank, насколько она справедлива судите сами.</p> <ul> <li>тИЦ 0-10 rank=1</li> <li>тИЦ 10-20 rank=2</li> <li>тИЦ 30-150 rank=3</li> <li>тИЦ 160-600 rank=4</li> <li>тИЦ 650-3000 rank=5</li> <li>тИЦ 3100-81000 rank=6</li> </ul> <p>Я склонен думать, что этот показатель еще аукнется дополнительным гемором.</p> <p>А вы что думаете?</p> Метки:<a href="http://www.htmlblog.ru/tag/google" title="Google" rel="tag nofollow">Google</a>, <a href="http://www.htmlblog.ru/tag/search-engine-optimization" title="SEO" rel="tag nofollow">SEO</a>, <a href="http://www.htmlblog.ru/tag/puzomerki" title="пузомерки" rel="tag nofollow">пузомерки</a>, <a href="http://www.htmlblog.ru/tag/yandeks" title="Яндекс" rel="tag nofollow">Яндекс</a><br /> </article> <article> <h1>Заголовки в HTML</h1> <p>Fenris — Sat, 06 Mar 2010 19:45:52 PST</p> <div class="tweetmeme_button" style="float: right; margin-left: 10px;"> <a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.htmlblog.ru%2Fhtml-css%2Fhtml-headings.html"><br /> <br /> </a> </div> <p>В HTML предусмотренно 6 заголовков разного уровня, которые показывают относительную важность секции следующей после заголовка. Это группа тэгов <tt><h1>...<h6></tt>.</p> <p>Заголовок <tt><h1></tt> — самый главный и может использоваться только 1 раз на странице.</p> <div class="codecolorer-container html4strict blackboard" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">h1</span>></span>h1 - самый главный и используется только 1 раз на странице<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h1</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">h2</span>></span>h2 - тоже достаточно большой заголовок<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h2</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">h3</span>></span>h3 - используется для подзаголовков<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h3</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">h4</span>></span>h4 - используется для подзаголовков, но намного реже<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h4</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">h5</span>></span>h5 - редко используемый тэг<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h5</span>></span><br /> <span style="color: #009900;"><<span style="color: #000000; font-weight: bold;">h6</span>></span>h6 - использование этого тэга я встречал всего 1 раз<span style="color: #009900;"><<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h6</span>></span></div></td></tr></tbody></table></div> <p><span id="more-1481"></span></p> <p>В браузере это выглядит так:</p> <div class="example"> <h1>h1 — самый главный и используется только 1 раз на странице</h1> <h2>h2 — тоже достаточно большой заголовок</h2> <h3>h3 — используется для подзаголовков</h3> <h4>h4 — используется для подзаголовков, но намного реже</h4> <h5>h5 — редко используемый тэг</h5> <h6>h6 — использование этого тэга я встречал всего 1 раз</h6> </div> <p>Не смотря на то, что при помощи стилей любой текст можно представить в виде заголовка, использование тэгов <tt><h1>...<h6></tt> более предпочтительно, как с точки зрения <acronym title="Search Engine Optimization">SEO</acronym>, так и просто с точки зрения структуры страницы.</p> <p>Помните: никто не заставляет использовать все эти тэги на одной странице. На моей памяти все 6 тэгов на одной странице я встретил всего один раз (урл, к сожалению, потерян).</p> <p>Удачи.</p> <hr /> <p>↑ <a href="http://www.htmlblog.ru/html-css-tutorial">К оглавлению</a> ↑</p> Метки:<a href="http://www.htmlblog.ru/tag/html" title="html" rel="tag nofollow">html</a>, <a href="http://www.htmlblog.ru/tag/w3c" title="W3C" rel="tag nofollow">W3C</a>, <a href="http://www.htmlblog.ru/tag/xhtml" title="xhtml" rel="tag nofollow">xhtml</a>, <a href="http://www.htmlblog.ru/tag/make-xhtml" title="верстка" rel="tag nofollow">верстка</a>, <a href="http://www.htmlblog.ru/tag/zagolovki" title="заголовки" rel="tag nofollow">заголовки</a>, <a href="http://www.htmlblog.ru/tag/standard" title="стандарты" rel="tag nofollow">стандарты</a>, <a href="http://www.htmlblog.ru/tag/shpargalki" title="шпаргалки" rel="tag nofollow">шпаргалки</a><br /> </article> </main></body></html>

htmlBLOG

Ололо! Internet Explorer 9!

1 апреля — день британских ученых

Мета тэги в HTML