Хитрости HTML

Полезные хитрости HTML

Скрыть текст от поисковиков можно выделив кусок необходимого текста с помощью тега. Если в тексте есть ссылка, то она не скрывается:
для Яндекса:
<!--noindex id="pagepromoter_hilite"--><a href="http://html-b.blogspot.ru/" target="_blank"> Cкрываемый текст </a><!--/noindex-->
или так: <!--noindex--><a href="http://html-b.blogspot.ru/" target="_blank"> Cкрываемый текст </a><!--noindex-->
для Гугла:  <!--googleoff: index--> Cкрываемый

          текст <!--googleon: index-->

для Яндекса и Гугла:  

 <!--noindex--><!--googleoff: index--> Скрываемый

    текст <!--googleon: index--><!--/noindex-->
Чтобы скрыть ссылку от поисковиков надо вставлять тег nofollow:
<a href="http://html-b.blogspot.ru/" rel="nofollow" target="_blank">HTML</a>
или так:
<a rel="nofollow" href="http://html-b.blogspot.ru/" target="_blank">HTML</a>
************
Создание горизонтальной линии:
<HR WIDTH="90%" SIZE="1" ALIGN="CENTER" COLOR="#000000" NOSHADE >
NOSHADE (от англ. "no shade" ‒ «нет тени») устанавливает отображение двухмерной версии разделительной линии, то есть отменяет трехмерные эффекты, которые используются при рисовании линии по умолчанию.
************
Вставка картинки с левой стороны с обтеканием текста справа:
<a href="http://1.bp.blogspot.com/HTML_4_5.jpg"><img class="alignleft" alt="Изучение HTML" src="http://1.bp.blogspot.com/HTML_4_5.jpg" width="300" height="200" /></a>
************
Установка красной строки в 10 пикселей с растяжкой текста по ширине страницы. Действует только на 1 параграф от <p> до </p>.
 <p style="text-indent: 10px; text-align: justify;"> Текст </p>
************
Перемещение в нужное место на странице
Перед тем местом, куда надо прийти, нужно отметить место тегом <a>
<a name="10">Ваш возможный текст</a>
  Текст писать между тегами <a name=...> и </a>  не обязательно, потомучто нужно только указать место для перехода по ссылке.
  Вместо цифры "10" можно в кавычках написать любой текст или слово. При этом надо обязательно учитывать регистр букв.
                    --------------
Ссылка для размещения где угодно на том же сайте для перехода на отмеченное место
<a href="#10">Теги вставки комментария</a>
Ссылка, размещаемая где угодно на другом сайте для перехода на отмеченное место
<a href="http://html-b.blogspot.ru/2013/10/vstavka-kommentarija.html#10">Теги вставки комментария</a>
***********
Правильные ссылки на свой сайт
<a href="ссылка" title="описание ссылки">название ссылки</a>
***********

   Многие из шаблонов Blogger, были разработаны несколько лет назад, тогда была актуальна версия IE 7. Поэтому в шаблоне, в верхней части, прописано: 

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

   В связи с модернизацией версий Интернет Эксплорер на IE = 8, IE = 9, IE = 10, замените эту строчку на: 

<meta http-equiv='X-UA-Compatible' content='IE=8, IE=9, IE=10' />