База знаний

Полезные фрагменты кода

Выравнивание текста внутри контейнера

Выравнивание текста ПО ЦЕНТРУ:
<div class="text-center">...</div>
Выравнивание текста ПО ЛЕВОМУ КРАЮ:
<div class="text-left">...</div>
Выравнивание текста ПО ПРАВОМУ КРАЮ:
<div class="text-right">...</div>
Выравнивание ПО ШИРИНЕ:
<div class="text-justify">...</div>

Выравнивание и обтекание изображений текстом

Выравнивание изображения ПО ЛЕВОМУ КРАЮ:
<div class="pull-left">...</div>
Выравнивание изображения ПО ПРАВОМУ КРАЮ:
<div class="pull-right">...</div>
Выравнивание изображения ПО ЦЕНТРУ:
<center>...</center>

Списки

Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>...</li>:
<ol>...</ol>
Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>...</li>:
<ul>...</ul>

Добавление ссылок:

Тег <a> предназначен для создания ссылок, где атрибут href задает адрес документа, на который следует перейти:
<a href="URL">...</a>

Переадресация HTML (редирект):

Фрагмент кода:

<meta http-equiv="refresh" content="1;URL=https://mediasova.com" />

Пример исходного кода страницы:

<HTML>
  <HEAD>
    <META HTTP-EQUIV="REFRESH" CONTENT="1; URL=https://mediasova.com">
  </HEAD>
  <BODY>
  </BODY>
</HTML>

Примечание:

content="1 - задержка переадресации в секундах
URL=https://mediasova.com - ссылка для перехода

Скрыть отображение контента (Display:none)

<div style="display:none">
код, который нужно скрыть
</div>

Вставка iframe:

Фрагмент кода

<iframe src="https://mediasova.com" width="90%" height="500" frameborder="1"> </iframe>

Пример исходного кода страницы:

<head>
<title>HTML iframe</title>
</head>
<body>
<iframe src="https://mediasova.com" width="90%" height="500" frameborder="1"> </iframe>
</body>
</html>

Атрибуты и значения тега <iframe>

  • src="" – указывает url документа.
  • frameborder="" – граница вложенного документа. Возможны значения: 1 – по умолчанию и 0 – граница фрейма отсутствует.
  • scrolling="" – определяет наличие полосы прокрутки. Возможны значения: yes – по умолчанию и no – полосы прокрутки отсутствуют.
  • width="" – определяет ширину html iframe в пикселях или в процентах.
  • height="" – определяет высоту html iframe в пикселях или в процентах.
  • align="" – определяет выравнивание. Возможны значения: top, right, bottom, left, middle.

Совет SEO-специалиста: К фрагментам кода, отвечающим за сокрытие контента (например display:none, сокрытие через CSS, один цвет текста и фона) или загрузку информации с других сайтов (iframe) нужно относится с осторожностью и пониманием последствий. В первом случае контент скрывается визуально, но остается доступным для индексирования, во втором случае контент отображается визуально, но не индексируется на Вашем сайте.