Основные, или даже первоначальные требования к оформлению html текстов, для подготовки текста необходимо учитывать определенное оформление документа, т.е. учитывать заголовки:
title
а самое главной, это правильное использование определенных символов и тегов, таких как:
Составление имени файла
- Все имена файлов, должны содержать только латинские и маленькие буквы. Допускаются разделители «_» или «-». Остальные символы не должны участвовать в именах файлов. Это правило относиться и именам файлов картинок.
Заголовки статей
- Каждый html документ должен обязательно иметь один главный заголовок, который обрамляется тегами <h1> </h1>. Этот заголовок должен состоять только из одного предложения.
- Сам заголовок <h1> желательно составлять в вопросительной форме, либо в восклицательной, но знак вопроса не ставиться, а знак восклицания даже можно и указать. Это делается, чтобы было понятно, что статья отвечает на поставленный вопрос.
- В заголовках <h1> <h2> <h3> и так далее, не должны присутствовать символы в виде .! @#$%^ или другие подобные знаки. Да точка тоже не допустима. Разрешены: [«»,-_:]
- Все заголовки должны быть написаны строчными буквами, исключение составляют, заглавные буквы и слова сокращения.
- В заголовках не должны употребляться кавычки в виде » или ‘. Если требуется выделить что-то в кавычки, используйте кавычки такого вида: «».
Например:
Не правильно: Компания "Нонейм"
Правильно: Компания «Нонейм»
- Также вместо кавычки ‘ используется `. Эта кавычка находится там где буква Ё, например: Apple’s, должно быть Apple`s.
- Заголовок не должен начинать и заканчиваться с кавычек «».
Например:
Неправильно: «Пенициллин»
Правильно: Пенициллин
Допустимо: Лекарство «Пенициллин» - В документе могут быть подзаголовки, которые оформляются в теги
<h2></h2>
.
Внимание! Подзаголовков в тексте или не должно быть вообще, или их должно быть минимум два. Состоять подзаголовок также должен из одного предложения, на конце которого не ставится никакого знака препинания.
- В тексте не может подряд идти абзацы оформленные в
<h2>
Например:<h2>Заголовок 1</h2>
<h2>Заголовок 2</h2>
- Между тегами, конечно, же должен быть текст, пример:
<h2>Заголовок 1</h2>
[тест рассказывающий про то тему из заголовка]
<h2>Заголовок 2</h2>
[Так же и тут, тоже текст.]
Подзаголовков
</h2>
может быть сколько угодно, так как они нужны для формирования логической структуры текста. Другое дело, если речь вести о плотности подзаголовков в тексте. Если после каждого h2 писать по два предложения — то это перебор, конечно. Но если вы действительно считаете, что подзаголовки оправданы и необходимы — то вставляйте их то количество, которое считаете нужным. - В заголовках, между тегами <h1></h1>, <h2></h2>, <h3></h3> не должно быть никаких тегов, только текст. Проверить можно через поиск в коде, например: по [<h1>]
Оформление текста статьи или материала
- Рекламный текст — это текст который, что-то рекламирует в нем должно быть продумано каждое слово и быть к месту.
- SEO текст — это текст, в котором значительно часто употребляются слова, указанные в заголовке.
- Обычная текст — это статья, целиком и полностью должна отвечать заданному заголовку, то есть если текст о политике, то текст и должен быть о политике, а не рецепте приготовления кулинарных блюд.
- Содержание статьи должно соответствовать написанному заголовку, то есть этой статьей вы должны ответить на вопрос, который задан в заголовке.
- Текст статьи, делится на абзацы. Каждый абзац в тексте должен быть обрамлен тегами
<p></p>
. - Абзац не может состоять из 1000 и более символов, такой текст читать очень сложно, мало кто будет вчитываться в такой текст, скорее всего вашу страницу просто закроют.
- Если при работе с документом в окне html вы видите, что в тексте присутствуют ненужные теги, такие как, например,
<br>
(перенос), то их необходимо заменить на тег</p>
. Исключением является когда<br>
вам надо начать текст с новой строки не используя новый параграф</p>
, но это необходимо не так часто. - В тексте не должно быть двойных пробелов. Исключение может является оформление какого либо программного кода.
- Если в статье встречаются такие слова, как «книга», «в этой книге», «на страницах книги», «в главе 9», то их нужно заменить на «статья, «в этой статье», и так далее. Никакого употребления слова «книга» и его форм в статье не должно быть. В основном это касается текстов, которые были оцифрованные с бумажных носителей (книг).
- Список слов которые должны отсутствовать в текста, для проверки:
- рис. – если есть рисунок, то нужно указывать, например: [на рисунке указанном ниже]
- см. стр. 48. — Какая нумерация может быть в интернет? Все основано на ссылка. Поэтому либо текст должен быть убран либо заменен на какую либо ссылку ведущую на страницу.
- Если в статье присутствуют какие-либо упоминания, в виде ссылок на различные сайты, то их лучше удалить, исключением являются такие, общеизвестные сайты, как Google, Yandex, Wiki и другие гиганты Интернет индустрии, либо источник информации, а так же элементы внутренней перелиньковки сайта.
- В статье должны быть исправлены явные орфографические, грамматические ошибки и различные опечатки.
- Жирным текстом должны быть выделены только необходимые слова или фразы, а не весь текст.
- Тег
<em>
[наклон] употребляется только в очень редких случаях. - Должны быть исправлены все общепринятые, текстовые сокращения в нормальный (полный вид) с правильным окончанием.
Например: т.д. | т.п. | т.к. | см. | кг. | м. | ПО | OC | и так далее. Все они прекрасно находятся и исправляются заменами. - Не должно быть никаких системных специальных символов, например табуляторов.
Оформление картинок
- Картинки в HTML не должны превышать по ширине более 700px. (Не ограниченные в самом теге, а именно сама картинка не должна быть по ширине больше 700 px).
- Размеры картинки должны быть кратны 10, например: если текущий размер картинки 417px то картинку нужно уменьшить, а лучше обрезать до 410px;
- В теге img не должно быть лишних атрибутов, за исключением src, alt, class и title.
- Теги alt и title должна быть заполненные на русском языке и описывать, что нарисовано на рисунке.
- Имя файла (картинки) должно иметь понятное имя, написанное строго латинскими и маленькими буквами (желательно в английском переводе). Безымянные картинки не принимаются.
- За редким исключением, картинки не оформляются, с каким либо смещение и не вставляются в середину текста, какого либо абзаца, а вставляется только между абзацами.
- При оформлении картинок в HTML5 используется следующая структура тегов:
{описание картинки на русском} - Не нужно сохранять картинки, которые НЕ используются в текстах.
Оформление таблиц
- Для оформления заголовков таблиц нужно использовать тег
<th>
. Есть такой специальный тег в HTML. Не нужно пытаться в первых строчках выделять текст жирным шрифтом. - В теге
<table>
не нужно ограничивать ширину, используется по умолчанию class:Общие требования к оформлению web страниц
- Если Вы думаете, «что так будет лучше», но при этом не уточнили, не нужно обижаться на то, что работа может быть забракована. Важно понимать, то что «вы думаете» и то, что реально нужно заказчику в подавляющем большинстве случаев не совпадает. Поэтому, отмазки типа «А я думал так будет лучше», игнорируются категорически. В таких случаях лучше лишний раз спросить.
- Списки оформляются с использованием специальными для этого тегами следующим образом:
<ul></ul>
— для обычных списков<ol></ol>
— для нумерованных списков
— Источник основной информации
Мною было немного переработано, для удобства.
для сайтов, разработка и cms