База знань

Корисні фрагменти коду

Вирівнювання тексту всередині контейнера

Вирівнювання тексту ПО ЦЕНТРУ:
<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), потрібно ставитися з обережністю і розумінням наслідків. У першому випадку контент приховується візуально, але залишається доступним для індексації, у другому випадку контент відображається візуально, але не індексується на Вашому сайті.

Info