Как сделать тексты в HTML формате

Как сделать тексты в HTML формате
Как сделать тексты в HTML формате

Основные, или даже первоначальные требования к оформлению html текстов, для подготовки текста необходимо учитывать определенное оформление документа, т.е. учитывать заголовки:
title
а самое главной, это правильное использование определенных символов и тегов, таких как:

Составление имени файла

  1. Все имена файлов, должны содержать только латинские и маленькие буквы. Допускаются разделители «_» или «-». Остальные символы не должны участвовать в именах файлов. Это правило относиться и именам файлов картинок.

Заголовки статей

    1. Каждый html документ должен обязательно иметь один главный заголовок, который обрамляется тегами <h1> </h1>. Этот заголовок должен состоять только из одного предложения.
    2. Сам заголовок <h1> желательно составлять в вопросительной форме, либо в восклицательной, но знак вопроса не ставиться, а знак восклицания даже можно  и указать. Это делается, чтобы было понятно, что статья отвечает на поставленный вопрос.
    3. В заголовках <h1> <h2> <h3> и так далее, не должны присутствовать символы в виде .! @#$%^ или другие подобные знаки. Да точка тоже не допустима. Разрешены: [«»,-_:]
    4. Все заголовки должны быть написаны строчными буквами, исключение составляют, заглавные буквы и слова сокращения.
    5. В заголовках не должны употребляться кавычки в виде » или ‘. Если требуется выделить что-то в кавычки, используйте кавычки такого вида: «».

Например:

  1. Не правильно: Компания "Нонейм"
  2. Правильно: Компания «Нонейм»
  3. Также вместо кавычки ‘ используется `. Эта кавычка находится там где буква Ё, например: Apple’s, должно быть Apple`s.
  4. Заголовок не должен начинать и заканчиваться с кавычек «».
    Например:
    Неправильно: «Пенициллин»
    Правильно: Пенициллин
    Допустимо: Лекарство «Пенициллин»
  5. В документе могут быть подзаголовки, которые оформляются в теги <h2></h2>.

    Внимание! Подзаголовков в тексте или не должно быть вообще, или их должно быть минимум два. Состоять подзаголовок также должен из одного предложения, на конце которого не ставится никакого знака препинания.

  6. В тексте не может подряд идти абзацы оформленные в <h2>
    Например:

    • <h2>Заголовок 1</h2>
      <h2>Заголовок 2</h2>
    • Между тегами, конечно, же должен быть текст, пример:
      <h2>Заголовок 1</h2>
      [тест рассказывающий про то тему из заголовка]
      <h2>Заголовок 2</h2>
      [Так же и тут, тоже текст.]

    Подзаголовков </h2> может быть сколько угодно, так как они нужны для формирования логической структуры текста. Другое дело, если речь вести о плотности подзаголовков в тексте. Если после каждого h2 писать по два предложения — то это перебор, конечно. Но если вы действительно считаете, что подзаголовки оправданы и необходимы — то вставляйте их то количество, которое считаете нужным.

  7. В заголовках, между тегами <h1></h1>, <h2></h2>, <h3></h3> не должно быть никаких тегов, только текст. Проверить можно через поиск в коде, например: по [<h1>]

Оформление текста статьи или материала

  1. Рекламный текст — это текст который, что-то рекламирует в нем должно быть продумано каждое слово и быть к месту.
  2. SEO текст — это текст, в котором значительно часто употребляются слова, указанные в заголовке.
  3. Обычная текст — это статья, целиком и полностью должна отвечать заданному заголовку, то есть если текст о политике, то текст и должен быть о политике, а не рецепте приготовления кулинарных блюд.
  4. Содержание статьи должно соответствовать написанному заголовку, то есть этой статьей вы должны ответить на вопрос, который задан в заголовке.
  5. Текст статьи, делится на абзацы. Каждый абзац в тексте должен быть обрамлен тегами <p></p>.
  6. Абзац не может состоять из 1000 и более символов, такой текст читать очень сложно, мало кто будет вчитываться в такой текст, скорее всего вашу страницу просто закроют.
  7. Если при работе с документом в окне html вы видите, что в тексте присутствуют ненужные теги, такие как, например, <br> (перенос), то их необходимо заменить на тег </p>. Исключением является когда <br> вам надо начать текст с новой строки не используя новый параграф </p>, но это необходимо не так часто.
  8. В тексте не должно быть двойных пробелов. Исключение может является оформление какого либо программного кода.
  9. Если в статье встречаются такие слова, как «книга», «в этой книге», «на страницах книги», «в главе 9», то их нужно заменить на «статья, «в этой статье», и так далее. Никакого употребления слова «книга» и его форм в статье не должно быть. В основном это касается текстов, которые были оцифрованные с бумажных носителей (книг).
  10. Список слов которые должны отсутствовать в текста, для проверки:
    • рис. – если есть рисунок, то нужно указывать, например: [на рисунке указанном ниже]
    • см. стр. 48. — Какая нумерация может быть в интернет? Все основано на ссылка. Поэтому либо текст должен быть убран либо заменен на какую либо ссылку ведущую на страницу.
  11. Если в статье присутствуют какие-либо упоминания, в виде ссылок на различные сайты, то их лучше удалить, исключением являются такие, общеизвестные сайты, как Google, Yandex, Wiki и другие гиганты Интернет индустрии, либо источник информации, а так же элементы внутренней перелиньковки сайта.
  12. В статье должны быть исправлены явные орфографические, грамматические ошибки и различные опечатки.
  13. Жирным текстом должны быть выделены только необходимые слова или фразы, а не весь текст.
  14. Тег <em> [наклон] употребляется только в очень редких случаях.
  15. Должны быть исправлены все общепринятые, текстовые сокращения в нормальный (полный вид) с правильным окончанием.
    Например: т.д. | т.п. | т.к. | см. | кг. | м. | ПО | OC | и так далее. Все они прекрасно находятся и исправляются заменами.
  16. Не должно быть никаких системных специальных символов, например табуляторов.

Оформление картинок

  1. Картинки в HTML не должны превышать по ширине более 700px. (Не ограниченные в самом теге, а именно сама картинка не должна быть по ширине больше 700 px).
  2. Размеры картинки должны быть кратны 10, например: если текущий размер картинки 417px то картинку нужно уменьшить, а лучше обрезать до 410px;
  3. В теге img не должно быть лишних атрибутов, за исключением src, alt, class и title.
  4. Теги alt и title должна быть заполненные на русском языке и описывать, что нарисовано на рисунке.
  5. Имя файла (картинки) должно иметь понятное имя, написанное строго латинскими и маленькими буквами (желательно в английском переводе). Безымянные картинки не принимаются.
  6. За редким исключением, картинки не оформляются, с каким либо смещение и не вставляются в середину текста, какого либо абзаца, а вставляется только между абзацами.
  7. При оформлении картинок в HTML5 используется следующая структура тегов:
    {описание картинки на русском}
    
    {описание картинки на русском}
  8. Не нужно сохранять картинки, которые НЕ используются в текстах.

Оформление таблиц

  1. Для оформления заголовков таблиц нужно использовать тег <th>. Есть такой специальный тег в HTML. Не нужно пытаться в первых строчках выделять текст жирным шрифтом.
  2. В теге <table> не нужно ограничивать ширину, используется по умолчанию class:

    Общие требования к оформлению web страниц

    1. Если Вы думаете, «что так будет лучше», но при этом не уточнили, не нужно обижаться на то, что работа может быть забракована. Важно понимать, то что «вы думаете» и то, что реально нужно заказчику в подавляющем большинстве случаев не совпадает. Поэтому, отмазки типа «А я думал так будет лучше», игнорируются категорически. В таких случаях лучше лишний раз спросить.
    2. Списки оформляются с использованием специальными для этого тегами следующим образом:
      • <ul></ul> — для обычных списков
      • <ol></ol> — для нумерованных списков

    — Источник основной информации

    Мною было немного переработано, для удобства.