В тексте полно «висящих» букв, переносов (например от MS Word), следов от визуальных редакторов HTML (например от MS Frontpage).
Классический пример ужасного, неадаптированного текста:
- <p class=MsoNormal><span style='font-size:13.5pt;color:#444444
'> - Вчера были боль-шие раки, но по<br>
- пять, а <br>
- сегодня маленькие, но по<br>
- три.<o:p></o:p></span></p>
Посчитаем ошибки:
- `class=MsoNormal` — атрибут `MsoNormal` указан без кавычек.
- `style='...'` — кавычки указаны, но одинарные. Нужны двойные.
- `font-size:13.5pt` — размер шрифта предпочтительнее указывать в процентах.
- `color:#444444` — в данном случае цвет текста следует указать в сокращенной форме: `color:#444`.
- `боль-шие` — символ переноса. Такое бывает при копировании текста из MS Word.
- `<br>` — неправильный для XHTML тег. Если текст создается для HTML 4.01, то это можно оставить. А вот для XHTML следует писать `<br />`.
- `а <br> сегодня` — «висящая» буква «а». Чтобы её не стало, пишите хотя бы `а сегодня`, где ` ` — специальный символ неразрывного пробела. Он так и пишется — амперсанд, решетка, 160, точка с запятой.
- `<o:p>` — тега `<o:p>` не существует ни в одной из спецификаций HTML/XHTML. Этот тег вставляется для определения знака, который в MS Word воспринимается как знак абзаца.
- `<o:p></o:p>` — пустая пара. Пустых пар быть не должно, кроме очень редких случаев, когда пары используются специальным образом в javascript или в свойствах CSS.
- `<span>` внутри `<p>` — тег `<span>` здесь лишний. Свойство `style` можно с таким же успехом указать и для тега `<p>`: `<p class="MsoNormal" style="font-size:80%;color:#444">`.
Полный абзац ошибок.
Обновлено:
В качественных полиграфических изданиях и рекламных материалах данное правило строго соблюдается. Но в интернете качество разметки и оформления текста остается очень низким.