Как сделать HTML-страницу без DOCTYPE совместимой с W3C
Как мне взять HTML-сайт, который в настоящее время не имеет декларации типа документа, и сделать его совместимым с W3C?
почему отрицательные голоса? вопрос хороший.
Ответы 5
Прежде всего: подумайте о Почему, вам нужно сделать его совместимым с W3C. Если это просто для маленького значка, то оно того не стоит.
Если у вас есть веская причина (а их много), я бы сделал следующее:
Начните с выбора типа документа. Судя по всему, HTML 4.0 может быть лучшим вариантом. Пропустите свою страницу через валидатор, а затем посмотрите отчет об ошибке, который он вам выдаст. Пройдите по порядку, исправляя каждую ошибку. Обычно в отчете об ошибке содержится много информации о том, как решить каждую проблему, и даются соответствующие ссылки на спецификации.
Вам нужно будет определить тип документа, которого вы хотите придерживаться, а затем начать работать над тем, чтобы сайт соответствовал ему. Я бы посоветовал для начала выбрать что-то вроде XHTML Transitional.
Это может привести к значительным усилиям, возможно, без реальной выгоды, и может потребовать рефакторинга большого количества контента или внесения изменений в программное обеспечение, поэтому убедитесь, что вы готовы принять это, прежде чем начать. Если сайт особенно вопиющий (например, повсюду теги шрифтов, CSS не используется), то вы вполне можете обнаружить, что это больше проблем, чем оно того стоит.
Я отбрасываю свой предыдущий ответ, основываясь на непонимании вопроса ...
Базовый ответ - использовать HTML Tidy, это должно очень помочь сделать его совместимым.
Это могло быть немного двусмысленностью, добавленной моим редактированием. файлы В данный момент не имеют типа документа, и он хочет сделать их совместимыми.
Примечание: Без DOCTYPE, IE НЕ БУДЕТ отображает вашу страницу в Стандартный режим.
Я был бы склонен оставить в покое любые страницы, которые работают удовлетворительно. Если он не сломан, не чините его. Однако любые страницы, требующие редизайна или сложных модификаций, я бы переписал, используя современные методы.
Основная проблема заключается в том, что при добавлении типа документа на страницу IE 6 и выше начинает отрисовывать страницу по-другому: он использует стандартный режим вместо режима Quirks, а коробочная модель отличается. Таким образом, даже если страница хорошо закодирована, добавление этого типа документа может полностью изменить отображение в очень популярном браузере. Это означает, что нужно как минимум тратить время на починку вещей.
Что касается того, какой тип документа вам следует использовать, я рекомендую переходный HTML 4.01. XHTML не стоит усилий; настоящий XHTML не очень хорошо понимается большинством разработчиков, и если в вашем коде есть единственная ошибка, вся страница может не отображаться; если вы обслуживаете XHTML как HTML, вы можете просто использовать HTML. Не так много веских причин, по которым HTML недостаточно хорош.
После того, как вы выбрали тип документа, вы можете исправить HTML и CSS, чтобы страница стала меньше, чище и проще в обслуживании. Это сложная проблема, которую нельзя полностью объяснить в коротком сообщении, но она сводится к тому, чтобы ваши макеты были выполнены с использованием DIVS вместо TABLES и т. д. Рассмотрите возможность размещения всего CSS в теге <style> или во внешнем CSS. файл; лично я считаю, что любые атрибуты HTML, такие как высота, ширина или встроенный атрибут стиля, являются ошибками. Например:
<div height = "100" width = "100" style = "border: 1px solid red"></div>
Действительно должно быть:
<head>
<style> .adbox { height: 100px; width: 100px; border: 1px solid red; } </style>
</head>
<body>
<div class = "adbox"></div>
</body>
Главный ключ к моей рекомендации - тратить свою энергию конструктивно; если что-то работает нормально, возможно, вам не нужно это менять. Изменения приносят пользу, но они также имеют высокую стоимость, поэтому не пытайтесь слепо чего-то достичь, если вы не готовы за это платить. Просто сказать «W3C Validation» - не лучшая цель; вместо этого сосредоточьтесь на простоте обслуживания, хорошем содержании, небольших размерах файлов, доступности для программ чтения с экрана и т. д.
Я неправильно понял ваш вопрос, я обновил свой ответ: используйте HTML Tidy! ;-)