Резюме опыта развития кросс-браузера (i) HTML-тега

Поскольку разные браузеры имеют разные интерпретации тегов и листов в стиле, необходимо определить стандартный тип документа для файла 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>

Использование таблиц для макета может легко вызвать избыточность кода, и по сравнению с написанием <div> </div> есть много кодов. Кроме того, таблица должна загружать все элементы и отображать их, а соответствующая веб -страница также медленно открывается.

Следует использовать стандартизированную структуру страницы: Div+CSS. Этот метод макета прост в коде, быстрой скорости просмотра страниц и гибкой макете страницы. При пересмотре вам нужно только изменить стиль CSS, чтобы реализовать реле страницы без изменения программы, что снижает стоимость пересмотра веб -сайта.

Иногда на странице будут дополнительные пробелы, которых нельзя избежать, даже если маржа сброшена. В настоящее время может случиться так, что метка элемента страницы закрыта, и нет спаривания, например:

<div class = внешний>

<form name = testform>

<div class = inner>

<Имя ввода = заголовок Тип = Текст />

</form>

</div>

</div>

Даже если в таблице не отображается определенный элемент 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), вам, как правило, не нужно определять атрибут языка, но атрибут типа необходимо определить. Так что код должен быть

Хотя значения двух атрибутов Alt и заголовка отображаются в форме наконечника инструмента при паряке на мышью в IE, между ними все еще существует разница. ALT - это альтернативный дисплей, когда изображение не отображается, а заголовок - это приглашение, когда мышь наносит на него.

В более ранних версиях HTML не было обязательно, что всем атрибутам должны быть назначены значения. При представлении флажести метод записи <input reced> распознается. Однако, согласно стандарту XHTML, такая грамматика не является строгим форматом XML. Обратите внимание на назначение атрибутов и закрытие тегов, чтобы соответствовать тенденции разработки стандартов HTML. Это написано следующим образом:

По той же причине, что и в предыдущей статье, выбранное свойство тега <опция> в опции <SELECT> также должно быть назначено значение:

<опция выбрана = выбрать />

Согласно стандарту XHTML, теги HTML должны сосредоточиться на представлении контента, а не на управлении стилем, а стили должны быть оставлены в CSS для настройки. Таким образом, некоторые старые теги и атрибуты были отброшены, такие как теги <em> и теги <i>, которые заставят китайских иероглифы в курсиве в курсиве, но теги <i>, просто названные в честь стиля, уже являются заброшенным стандартом и заменяются тегами <em>, которые представляют значение акцента. Точно так же атрибут align = absmiddle тега <img> указывает на то, что изображение вертикально центрируется и выровнен с смежным текстом. Это также атрибут, который представляет стиль. CSS следует использовать вместо этого атрибута для управления стилем выравнивания изображения, чтобы избежать взаимного влияния двух элементов управления стиля.

При использовании iframe вы не можете отобразить границу iframe, установив Border = 0 в IE, но стандартный атрибут границы окна управления рамкой является Frameborder. Вы должны установить Frameborder = 0, чтобы скрыть границу кадра в других браузерах за пределами, т.е.

<iframe frameborder = 0 />

Этот атрибут, подобный атрибуту Align of the <Img>, также является атрибутом, который преодолевает ответственность HTML за представление стилей контента и элементов управления. Это указывает пространство между единицами. С практической точки зрения, лучше не указать CellPadding, а использовать CSS для контроля внутренних краев клеток.

Nowrap - это атрибут, который указывает на то, что контент не обертывается автоматически, но, как и приведенный выше атрибут, это атрибут, который управляет стилем. В HTML 4.01 BGCOLOR, высота, ширина и NOWRAP тега <TD> не предпочитаются. В xhtml 1.0 Strict DTD, BGCOLOR, высота, ширина и NOWRAP тега <TD> не поддерживаются.