Como diferentes navegadores têm interpretações diferentes de tags e folhas de estilo, é necessário definir um tipo de documento padrão para o arquivo HTML, para que diferentes navegadores possam analisar e renderizar páginas de acordo com um padrão HTML unificado.
! Doctype declara o DTD com o qual o documento especificado está em conformidade, como:
<! Doctype html public -// w3c // dtd html 4.0 transitório // en http://www.w3.org/tr/html4/loose.dtd>
<! Doctype html public -// w3c // dtd xhtml 1.0 transitório // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
Ao usar as tags HTML padrão corretamente,tente usar o layout DIV+CSS e não use o layout da tabela.
O uso de tabelas para layout pode facilmente causar redundância de código e, em comparação com a escrita <div> </div>, existem muitos códigos. Além disso, a tabela precisa baixar todos os elementos e exibi -los, e a página da web correspondente também é lenta para abrir.
Uma estrutura de página padronizada deve ser usada: DIV+CSS. Esse método de layout é simples no código, velocidade rápida de navegação e layout de página flexível. Ao revisionar, você só precisa alterar o estilo CSS para realizar o revezamento da página sem alterar o programa, reduzindo assim o custo da revisão do site.
Preste atenção ao relacionamento de fechamento da tag, especialmente ao aninhar outras tags, como o DIVS em tags de formulário.Às vezes, haverá espaços em branco extras na página, que não podem ser evitados, mesmo que a margem seja redefinida. No momento, pode ser que a etiqueta do elemento da página esteja fechada e não haja emparelhamento, como:
<div class = Outer>
<nome de forma = testForm>
<div class = interno>
<nome de entrada = título tipo = texto />
</morm>
</div>
</div>
Use o elemento TBody ao definir tabelas para garantir que todos os navegadores, incluindo o IE, possam ser usados corretamenteMesmo que a tabela não exiba o elemento TBody definido, o navegador pensará que o nó pai do nó TR é um nó Tody padrão adicionado automaticamente. Para evitar os possíveis mal -entendidos ao manipular o nó TR usando JavaScript, é melhor adicionar um manualmente, como:
<tabela id = mytable>
<tbody id = mytablebody>
<tr>
<Td>
</td>
</tr>
</tbody>
</tabela>
Preste atenção ao caso de rótulos e atributosÀs vezes, alguns eventos ligados aos elementos respondem no navegador do IE, mas não no Safari ou em outros navegadores. Neste momento, você precisa verificar a correção do método de ligação do evento. A ligação de eventos avançados precisa ser diferente do IE e de outros navegadores para escrever dois conjuntos de JavaScripts, enquanto um modelo de evento simples precisa prestar atenção ao caso do nome do evento de ligação. como:
<Tipo de entrada = Nome do texto = KeywordSearch onfocus = clearValue ()>
O OnFocus minúsculo deve ser usado aqui e o método de escrita padrão é o símbolo de fechamento de tag adicionado exibido.
<Tipo de entrada = Nome do texto = KeywordSearch onfocus = clearValue () />
Preste atenção à configuração do valor da propriedade do rótuloAs propriedades de idioma e tipo
O atributo do idioma da tag <Script> é usado para definir a versão do idioma do script. A atribuição correta deve ser como <Script> para dizer ao navegador (principalmente IE) para usar a sintaxe JavaScript da versão 1.2 para explicar; O atributo de tipo é usado para definir o tipo de script, é um atributo padrão do W3C e o uso de atributos minúsculos é uma prática padrão de acordo com os padrões. Se você não precisar dizer ao navegador para explicá -lo na versão inferior do idioma JavaScript (a versão JavaScript atual suportada pela maioria dos navegadores é 1.5), geralmente não precisa definir o atributo de idioma, mas o atributo de tipo precisa ser definido. Então o código deve ser
<Idioma do script = javascript> Alterar para <Script> Os atributos de alt e título da tag <a>Embora os valores dos dois atributos ALT e título sejam exibidos na forma de dica da ferramenta ao passar o mouse no IE, ainda há uma diferença entre os dois. Alt é a tela alternativa quando a imagem não é exibida e o título é o prompt quando o mouse é colocado nela.
Propriedades verificadas e readonlyNas versões anteriores do HTML, não era obrigatório que todos os atributos recebessem valores atribuídos. Ao representar uma caixa de seleção, o método de escrita de <entrada verificado> é reconhecido. No entanto, de acordo com o padrão XHTML, essa gramática não é um formato XML rigoroso. Preste atenção à atribuição de atributos e ao fechamento das tags para estar em conformidade com a tendência de desenvolvimento dos padrões HTML. Está escrito da seguinte maneira:
<entrada verificada = verificado /> <input readOnly = readonly /> A propriedade selecionada da ED da tag <ction>Pela mesma razão que o artigo anterior, a propriedade selecionada da tag <cption> na opção <select> também deve receber um valor:
<opção selecionada = selecionado />
O atributo align = absmiddle da tag <mg>De acordo com o padrão XHTML, as tags HTML devem se concentrar na representação de conteúdo, em vez do controle de estilo, e os estilos devem ser deixados no CSS para ajustar. Portanto, algumas tags e atributos antigos foram descartados, como tags <em> e tags <i> que farão com que os caracteres chineses em itálico apareçam em itálico, mas as tags <i>, simplesmente nomeadas após o estilo, já são um padrão abandonado e são substituídas por tags <em> que representam o significado da ênfase. Da mesma forma, o atributo align = absmiddle da tag <iMG> indica que a imagem está verticalmente centrada e alinhada com texto adjacente. Este também é um atributo que representa o estilo. O CSS deve ser usado em vez desse atributo para controlar o estilo de alinhamento da imagem para evitar a influência mútua dos dois controles de estilo.
A propriedade Frameborder da tag <frame>Ao usar um iframe, você não pode exibir a borda do iframe definindo a borda = 0 no IE, mas o atributo de borda da janela de quadro de controle padrão é o quadro. Você deve definir o FrameDer = 0 para ocultar a borda do quadro em outros navegadores do lado de fora do IE:
<iframe frameBerDer = 0 />
A propriedade CellPadding da tag <tabela>Esse atributo, como o atributo alinhado da tag <iMG>, também é um atributo que supera a responsabilidade do HTML de representar estilos de conteúdo e controla. Especifica o espaço entre as unidades. Do ponto de vista prático, é melhor não especificar o padding de células, mas usar CSS para controlar as margens internas das células.
O atributo NowRAP da tag <td>Nowrap é um atributo que indica que o conteúdo não envolve automaticamente, mas, como o atributo acima, este é um atributo que controla o estilo. No HTML 4.01, a BGColor, a altura, a largura e o rap da tag <td> não são favorecidas. No XHTML 1.0 Strict DTD, o BGColor, a altura, a largura e o NowRAP da tag <td> não são suportados.