Dado que diferentes navegadores tienen diferentes interpretaciones de etiquetas y hojas de estilo, es necesario definir un tipo de documento estándar para el archivo HTML, de modo que diferentes navegadores puedan analizar y renderizar páginas de acuerdo con un estándar HTML unificado.
! Doctype declara el DTD con el que cumple el documento especificado, como:
<! DocType html público -// w3c // dtd html 4.0 transitional // en http://www.w3.org/tr/html4/loose.dtd>
<
Cuando use las etiquetas HTML estándar correctamente,intente usar el diseño Div+CSS y no use el diseño de la tabla.
El uso de tablas para el diseño puede causar fácilmente la redundancia de código y compararse con la escritura <div> </div>, hay muchos códigos. Además, la tabla necesita descargar todos los elementos y mostrarlos, y la página web correspondiente también es lenta.
Se debe utilizar una estructura de página estandarizada: Div+CSS. Este método de diseño es simple en código, velocidad de navegación de página rápida y diseño de página flexible. Al revisar, solo necesita cambiar el estilo CSS para realizar el retransmisión de la página sin cambiar el programa, reduciendo así el costo de la revisión del sitio web.
Presta atención a la relación de cierre de la etiqueta, especialmente cuando anidan otras etiquetas, como los divs en las etiquetas de forma.A veces habrá espacios en blanco adicionales en la página, que no se pueden evitar incluso si se reinicia el margen. En este momento, puede ser que la etiqueta del elemento de página esté cerrada y no hay emparejamiento, como:
<Div class = Outer>
<form de nombre = testform>
<Div class = Inner>
<Nombre de entrada = type type = text />
</form>
</div>
</div>
Use el elemento Tbody al definir tablas para asegurarse de que todos los navegadores, incluido IE, se puedan usar correctamenteIncluso si la tabla no muestra el elemento TBODY definido, el navegador pensará que el nodo principal del nodo TR es un nodo TBODY predeterminado agregado automáticamente. Para evitar los posibles malentendidos al manipular el nodo TR usando JavaScript, es mejor agregar uno manualmente, como:
<tabla id = mytable>
<tbody id = myTableBody>
<tr>
<TD>
</td>
</tr>
</tbody>
</table>
Presta atención al caso de las etiquetas y atributosA veces, algunos eventos vinculados a elementos responden en el navegador IE, pero no en Safari u otros navegadores. En este momento, debe verificar la corrección del método de enlace de eventos. La vinculación de eventos avanzados debe ser diferente de IE y otros navegadores para escribir dos conjuntos de JavaScripts, mientras que un modelo de evento simple debe prestar atención al caso del nombre del evento vinculante. como:
<input type = text name = keywordSearch onFocus = clearValue ()>
El Onfocus en minúsculas debe usarse aquí, y el método de escritura estándar es el símbolo de cierre de la etiqueta adicional que se muestra.
<input type = text name = keywordSearch onFocus = clearValue () />
Preste atención a la configuración del valor de la propiedad de la etiquetaLas propiedades del idioma y el tipo de la etiqueta <script>
El atributo de lenguaje de la etiqueta <Script> se usa para definir la versión de lenguaje de script. La asignación correcta debe ser como <script> para decirle al navegador (principalmente es decir) que use la sintaxis de JavaScript de la versión 1.2 para explicar; El atributo de tipo se utiliza para definir el tipo de script, es un atributo estándar de W3C, y el uso de atributos minúsculas es una práctica estándar en línea con los estándares. Si no necesita decirle al navegador que lo explique en la versión inferior del lenguaje JavaScript (la versión actual de JavaScript compatible con la mayoría de los navegadores es 1.5), generalmente no necesita definir el atributo del idioma, pero el atributo de tipo debe definirse. Entonces el código debería ser
<Script Language = JavaScript> Cambiar a <script> Los atributos alt y título de la etiqueta <a>Aunque los valores de los dos atributos Alt y Title se muestran en forma de punta de herramienta al pasar el ratón en el IE, todavía hay una diferencia entre los dos. Alt es la pantalla alternativa cuando no se muestra la imagen, y el título es el mensaje cuando el mouse se coloca sobre ella.
Propiedades verificadas y de lectura de la etiqueta <put>En versiones anteriores de HTML, no era obligatorio que todos los atributos se asignaran valores. Al representar una casilla de verificación, se reconoce el método de escritura de <Input Checked>. Sin embargo, según el estándar XHTML, dicha gramática no es un formato XML estricto. Preste atención a la asignación de atributos y al cierre de etiquetas para ajustarse a la tendencia de desarrollo de los estándares HTML. Está escrito de la siguiente manera:
<Entrada verificada = checked /> <input readonly = readonly /> La propiedad seleccionar ED de la etiqueta <Opción>Por el mismo motivo que el artículo anterior, la propiedad seleccionada de la etiqueta <Opción> en la opción <Select> también se le debe asignar un valor:
<opción seleccionada = seleccionado />
El atributo align = absmaiddle de la etiqueta <img>Según el estándar XHTML, las etiquetas HTML deben centrarse en la representación del contenido, en lugar del control de estilo, y los estilos deben dejarse a CSS para ajustarse. Por lo tanto, se descartaron algunas etiquetas y atributos antiguos, como las etiquetas <em> y las etiquetas <i> que harán que los caracteres chinos en cursiva aparezcan en cursiva, pero las etiquetas <i>, simplemente llamadas por el estilo, ya son un estándar abandonado, y son reemplazados por <em> etiquetas que representan el significado de énfasis. Del mismo modo, el atributo Align = Absmiddle de la etiqueta <MG> indica que la imagen está centrada verticalmente y se alinea con el texto adyacente. Este es también un atributo que representa el estilo. Se debe usar CSS en lugar de este atributo para controlar el estilo de alineación de la imagen para evitar la influencia mutua de los dos controles de estilo.
La propiedad de FrameBorDer de la etiqueta <frame>Cuando use un iframe, no puede mostrar el borde del iframe configurando el borde = 0 en IE, pero el atributo de borde de la ventana de cuadro de control estándar es FrameBorder. Debe establecer FrameBorDer = 0 para ocultar el borde del marco en otros navegadores fuera, es decir:
<iframe FrameBorder = 0 />
La propiedad de la etiqueta de la cellgadding de la etiqueta <table>Este atributo, al igual que el atributo alineado de la etiqueta <IMG>, también es un atributo que supera la responsabilidad de HTML de representar los estilos de contenido y controles. Especifica el espacio entre unidades. Desde un punto de vista práctico, es mejor no especificar el envío celular, sino usar CSS para controlar los márgenes internos de las células.
El atributo Nowrap de la etiqueta <td>NowRap es un atributo que indica que el contenido no se envuelve automáticamente, pero al igual que el atributo anterior, este es un atributo que controla el estilo. En HTML 4.01, el BGColor, la altura, el ancho y el Nowrap de la etiqueta <TD> no son favorecidos. En XHTML 1.0 Strict Dtd, el BGColor, la altura, el ancho y el Nowrap de la etiqueta <TD> no son compatibles.