Про що потрібно пам’ятати при наповненні сайту контентом, стаття для тих, хто хоче самостійно

ятати

Для початку давайте розберемося, чи Ви знаєте, що таке сайт насправді. Натисніть на клавіатурі Ctrl+U. І одразу Питання: що перед Вами відкрилося? Що за символи: …. ?

Якщо Ви подумали про HTML теги, то маєте рацію це саме вони! HTML розмітка - це основа сайту або без чого сучасного сайту не може бути в принципі.

А тепер цей текст, але зроблений контент-менеджером знайомим з HTML:

Як бачите, вийшло набагато менше тексту (у першому випадку близько 700 знаків у другому приблизно 400, що майже вдвічі менше), а в браузері результат виводу буде і в тому, і в іншому випадку однаковий. До речі, другий варіант можна зменшити за допомогою стилів, що зменшить кількість знаків ще на 100 символів.

Що ж виходить, мені тепер треба вчити HTML, там десятки тегів? Та й взагалі навіщо мені знати скільки символів у вихідному HTML?

Кількість знаків, по суті, не відіграє жодної ролі, важлива так звана "чистота" коду. Відсутність "чистоти" в коді може негативно позначитися на візуальному відображенні контенту в браузері плюс не найкращим чином вплинути на "лояльність" пошукових систем при ранжируванні сайту.

Що ж до того, чи необхідно вивчити html для наповнення сайту контентом - ні, знати все не обов'язково. Більш того, навіть найдосвідченіший веб майстер не знає всіх HTML тегів, тому що їх безліч, а багато з них дуже рідко використовуються. Для того, щоб більш-менш якісно наповнити сайт контентом, достатньо знати близько 10 основних тегів.

Почнемо з найважливіших тегів, необхідних для ноповнення сайту контентом:

- Цей тег використовується для створення абзацу у тексті.

текст - виділяє текст жирним зображенням.

текст - виділяє текст курсивним зображенням.

  • перелік
- ця пара тегів створена спеціально для виведення сторінок різних маркованих списків. Сам по собі нічого не виведе, він потрібен для того, щоб "сказати" браузеру, що в
  • знаходиться маркований список. Повз
      , Можна писати
        тоді
  • буде виводитись як нумерований список.

    • заголовок - це тег, який не виводиться на сторінці сайту, але дуже важливий для пошукових систем. За змістом він такий самий як і тег H1, але записується опис всієї сторінки.

    От і все. Це були необхідні теги для якісного наповнення сайту контентом.

    Що означає все? А як же атрибут style у прикладах вище, і що робити, якщо мені потрібно частину тексту пофарбувати іншим кольором або зробити його більшим?

    Зрозуміти чи освоїти якусь область за один присід неможливо, але ми спробуємо Вам розповісти найважливіше. Справиться із завданням зміни кольору тексту та іншими візуальними ефектами Вам допоможе CSS або таблиця каскадних стилів. Саме у CSS створюється все оформлення сайту. HTML та CSS це дві нерозривно пов'язані технології. Так за допомогою HTML шрифт має різне зображення, колір, розмір і навіть положення в площині. CSS трохи складніше зрозуміти на відміну від HTML.Благо Вам не потрібно в ньому розбиратися - досить просто знати, що він є і що він дає. Так, наприклад, завжди в атрибуті style (

    ) пишуться CSS властивості для тегів, а атрибут class:

    вказує браузеру застосувати CSS клас з ім'ям textCss, які можуть підвантажуватись окремим файлом або бути в коді поточної сторінки.

    Ми надаємо технічну підтримку сайту від 10 000 руб.звертайтесь

    Якщо Вам необхідно знайти спеціалістів для технічної підтримки сайту або його доопрацювання, звертайтесь.