É inevitável encontrar diversos problemas na produção de sites WEB A seguir estão alguns problemas encontrados durante o desenvolvimento e suas experiências e experiências para evitar desvios.
1. O arquivo xml deve ser codificado em utf-8 tanto quanto possível. Alguns caracteres em gb2312 não podem ser armazenados, como ?. também está em conformidade com os padrões internacionais.
2. A pseudoclasse :hover em CSS será inválida se colocada na frente de :visited.
3. Se a tag <a> não possuir o atributo href, todas as suas pseudoclasses CSS como:hover serão inválidas.
4. Referências na forma de document.wirte("<script language='javascript' src='" + file + "'></" + "script>" são usadas no arquivo js, e os caminhos relativos do arquivos referem-se ao js O caminho do html
Por exemplo: a.htm refere-se a xb.js e b.js refere-se a xc.js, então o arquivo deve ser xc.js em vez do direto. caminho c.js em relação a b.js e css A referência @import, url() na página não tem esse problema
5. Na página, às vezes, definir a largura do talbe para 100% deixará uma barra de rolagem. em branco à direita. Defina <body style="overflow:auto">
6. Para imagens comumente usadas, não use tags img Use <span><a> e use CSS para especificar o plano de fundo, largura e altura. imagens dinâmicas (mova-as para cima para alterar o plano de fundo), é melhor usar <a>, sem escrever código adicional, apenas use a pseudoclasse:hover. A vantagem de usar css é que você pode alterar tudo de uma vez. Isso pode ser bem usado em aplicativos de alteração de skin.
7. @font-face {font-family:comic;src:url ( http://valid_url/some_font_file.eot );}
Defina um nome de fonte que não esteja disponível localmente. e chame <span style="font-family:comic;font-size:18pt>aa</span>
8. Vários CSS
abaixo estão o trecho citado:
div { estouro: oculto; estouro de texto: reticências }
td { vertical-align : middle }
Para forçar a ocorrência de overflow e aplicar o valor de reticências, o autor deve definir a propriedade de espaço em branco do objeto como nowrap.
Se não houver oportunidade para quebras de linha (por exemplo, a largura do contêiner do objeto for estreita e houver um texto longo sem quebras de linha razoáveis), é possível estourar sem aplicar nowrap.
Para que o valor da elipse seja aplicado, esta propriedade deve ser definida para um objeto que possua uma área invisível. A melhor opção é definir a propriedade overflow como oculta.
9. Document.createElement do Firefox não suporta tags HTML no conteúdo, nem innerText, mas suporta innerHTML, e você pode usar innerHTML para especificar seu conteúdo.
10. A largura do DropDownList no controle .net não é colorida no Firefox. Você precisa definir diretamente style='width:10px;'
11. O cursor CSS no Firefox não suporta mão, então use o ponteiro.
12. A barra de rolagem no iframe precisa ser definida style='overflow:hidden' na tag iframe. Ela não pode ser definida apenas no corpo. Isso causará problemas no Firefox.
13. Durante o evento onpropertychange, preste atenção ao usar event.propertyName para filtrar o evento de alteração de propriedade. Ao definir este evento, o atributo onpropertychange foi realmente alterado, portanto será executado automaticamente.
14. A versão de suporte XSL em js5.6 é relativamente baixa, por exemplo, a função de documento não é suportada.
15. A função slice é mais lenta do que fazer um loop direto para obter fragmentos do array.
16. Quando nextSibling obtiver o próximo objeto, observe que não deve haver espaços entre os dois nós, caso contrário, é fácil não conseguir obter o objeto correto.
17. Quando CreateTextFile contém caracteres chineses, o terceiro parâmetro deve ser especificado como verdadeiro, caso contrário, os caracteres chineses não poderão ser gravados e Write reportará um erro.
18. Ao salvar texto em chinês, use ADODB.stream em vez de fso, porque o FSO não suporta o formato utf-8.