Поскольку разные браузеры имеют разные интерпретации тегов и листов в стиле, необходимо определить стандартный тип документа для файла HTML, чтобы различные браузеры могли анализировать и рендеринг страниц в соответствии со единым стандартом HTML.
! Doctype объявляет DTD, с которым соответствует указанный документ, например:
<! Doctype html public -// w3c // dtd html 4.0 transitional // en http://www.w3.org/tr/html4/loose.dtd>
<! Doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
При правильном использовании стандартных HTML -теговпопробуйте использовать макет Div+CSS и не используйте макет таблицы.
Использование таблиц для макета может легко вызвать избыточность кода, и по сравнению с написанием <div> </div> есть много кодов. Кроме того, таблица должна загружать все элементы и отображать их, а соответствующая веб -страница также медленно открывается.
Следует использовать стандартизированную структуру страницы: Div+CSS. Этот метод макета прост в коде, быстрой скорости просмотра страниц и гибкой макете страницы. При пересмотре вам нужно только изменить стиль CSS, чтобы реализовать реле страницы без изменения программы, что снижает стоимость пересмотра веб -сайта.
Обратите внимание на взаимосвязь закрытия тега, особенно при гнезде других тегов, таких как Divs в тегах формы.Иногда на странице будут дополнительные пробелы, которых нельзя избежать, даже если маржа сброшена. В настоящее время может случиться так, что метка элемента страницы закрыта, и нет спаривания, например:
<div class = внешний>
<form name = testform>
<div class = inner>
<Имя ввода = заголовок Тип = Текст />
</form>
</div>
</div>
Используйте элемент tbode при определении таблиц, чтобы гарантировать, что все браузеры, включая IE, могут быть правильно использованыДаже если в таблице не отображается определенный элемент Tbody, браузер будет думать, что родительский узел узла TR является автоматически добавленным узлом tbode по умолчанию. Чтобы избежать возможных недоразумений при манипулировании узлом TR с использованием JavaScript, лучше добавить один вручную, например:
<таблица идентификатор = mytable>
<tbody id = mytablebody>
<tr>
<Td>
</td>
</tr>
</tbody>
</table>
Обратите внимание на случай ярлыков и атрибутовИногда некоторые события, связанные с элементами, реагируют в браузере IE, но не в сафари или в других браузерах. В настоящее время вам нужно проверить правильность метода привязки события. Привязка передовых событий должно отличаться от IE и других браузеров, чтобы написать два набора Javascripts, в то время как простая модель событий должна обратить внимание на случай имени связующего события. нравиться:
<input type = text name = KeyWordSearch Onfocus = clearValue ()>
Здесь следует использовать строчный онфокус, а стандартным методом написания является отображаемый символ добавленного тега.
<input type = text name = KeyWordSearch Onfocus = clearValue () />
Обратите внимание на настройку стоимости свойства на этикеткеСвойства языка и типа тега <cropript>
Атрибут языка тега <cript> используется для определения языковой версии сценария. Правильное задание должно быть похоже на <Script>, чтобы сообщить браузеру (в основном т.е.) использовать синтаксис JavaScript версии 1.2 для объяснения; Атрибут типа используется для определения типа сценария, он является стандартным атрибутом W3C, а использование атрибутов строчных строк является стандартной практикой в соответствии со стандартами. Если вам не нужно сообщать браузеру, чтобы объяснить его в нижней версии языка JavaScript (текущая версия JavaScript, поддерживаемая большинством браузеров, составляет 1,5), вам, как правило, не нужно определять атрибут языка, но атрибут типа необходимо определить. Так что код должен быть
<Script language = javascript> изменение на <script> Атрибуты Alt и заголовок тега <a>Хотя значения двух атрибутов Alt и заголовка отображаются в форме наконечника инструмента при паряке на мышью в IE, между ними все еще существует разница. ALT - это альтернативный дисплей, когда изображение не отображается, а заголовок - это приглашение, когда мышь наносит на него.
Проверенные и чтения свойства тега <pint>В более ранних версиях HTML не было обязательно, что всем атрибутам должны быть назначены значения. При представлении флажести метод записи <input reced> распознается. Однако, согласно стандарту XHTML, такая грамматика не является строгим форматом XML. Обратите внимание на назначение атрибутов и закрытие тегов, чтобы соответствовать тенденции разработки стандартов HTML. Это написано следующим образом:
<input checked = fected /> <input readonly = readonly /> Свойство SELECT ED тега <опция>По той же причине, что и в предыдущей статье, выбранное свойство тега <опция> в опции <SELECT> также должно быть назначено значение:
<опция выбрана = выбрать />
Атрибут align = absmiddle тега <img>Согласно стандарту XHTML, теги HTML должны сосредоточиться на представлении контента, а не на управлении стилем, а стили должны быть оставлены в CSS для настройки. Таким образом, некоторые старые теги и атрибуты были отброшены, такие как теги <em> и теги <i>, которые заставят китайских иероглифы в курсиве в курсиве, но теги <i>, просто названные в честь стиля, уже являются заброшенным стандартом и заменяются тегами <em>, которые представляют значение акцента. Точно так же атрибут align = absmiddle тега <img> указывает на то, что изображение вертикально центрируется и выровнен с смежным текстом. Это также атрибут, который представляет стиль. CSS следует использовать вместо этого атрибута для управления стилем выравнивания изображения, чтобы избежать взаимного влияния двух элементов управления стиля.
Свойство Frameborder тега <iframe>При использовании iframe вы не можете отобразить границу iframe, установив Border = 0 в IE, но стандартный атрибут границы окна управления рамкой является Frameborder. Вы должны установить Frameborder = 0, чтобы скрыть границу кадра в других браузерах за пределами, т.е.
<iframe frameborder = 0 />
Свойство сотовой связи тега <Table>Этот атрибут, подобный атрибуту Align of the <Img>, также является атрибутом, который преодолевает ответственность HTML за представление стилей контента и элементов управления. Это указывает пространство между единицами. С практической точки зрения, лучше не указать CellPadding, а использовать CSS для контроля внутренних краев клеток.
Атрибут nowrap тега <td>Nowrap - это атрибут, который указывает на то, что контент не обертывается автоматически, но, как и приведенный выше атрибут, это атрибут, который управляет стилем. В HTML 4.01 BGCOLOR, высота, ширина и NOWRAP тега <TD> не предпочитаются. В xhtml 1.0 Strict DTD, BGCOLOR, высота, ширина и NOWRAP тега <TD> не поддерживаются.