тестирование сайтов Guest • Вход

Адаптация текста для веб: Текст не адаптирован

В тексте полно «висящих» букв, переносов (например от MS Word), следов от визуальных редакторов HTML (например от MS Frontpage).

Классический пример ужасного, неадаптированного текста:

  1. <p class=MsoNormal><span style='font-size:13.5pt;color:#444444\n
    '>
  2. Вчера были боль-шие раки, но по<br>
  3. пять, а <br>
  4. сегодня маленькие, но по<br>
  5. три.<o:p></o:p></span></p>

Посчитаем ошибки:

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

Полный абзац ошибок.

Обновлено:

В качественных полиграфических изданиях и рекламных материалах данное правило строго соблюдается. Но в интернете качество разметки и оформления текста остается очень низким.

← Предыдущая опция, Следующая опция → Обновлено: 13 Сентября 2009 г. пользователем Dmitry Sh, Создано: 14 Февраля 2009 г.