Fonte de notícias: COMSHARP
Como web designer no final de 2008, você tem vergonha de admitir que usa Tabela em seu código. Se sim, você é uma pessoa corajosa. Web design é uma indústria estranha. Você pode projetar seu site para se parecer com anúncios classificados. jornal ou desbloquear anúncios no corredor, mas não deixe ninguém saber que você usa Table Finding Table em seu código-fonte é como um vendedor que puxou as calças e descobriu que estava usando meias brancas.
A tabela é tão feia e inchada. Mesmo que você exiba apenas um conteúdo simples, ainda precisará das três tags básicas <table><tr><td>, e vários atributos confusos são adicionados a cada tag. > é simples, elegante e moderno. Combina perfeitamente com CSS. Eles formam o modelo de caixa mais perfeito. Na realidade, você coloca coisas nelas e depois as modifica livremente. um layout, não importa, basta mudar a definição do CSS, e um layout totalmente novo nascerá ao contrário da Tabela, a Mesa é como um aparador de cantina, linhas e colunas, rústicas e gordurosas, como as nossas. pais, desleixados, levando tudo para casa e empilhando a esmo no canto. Se Div é a pequena burguesia, Mesa é a terceira geração. Eles não pertencem a esta época.
Ou seja, nos últimos anos, apenas três a cinco anos no máximo, o W3C é uma organização que todos consideram importante, mas que todos não gostam. Seu site oficial é muito feio. life. Mas o site deles é um dos poucos que consegue passar em todas as verificações dos padrões W3C, o que significa que o site deles é perfeito em termos de gramática, estrutura e acessibilidade, embora ainda seja muito feio. Mas isso é uma piada, o W3C é muito importante, caso contrário a Microsoft levará todos os engenheiros de desenvolvimento Web a um ponto sem volta. Felizmente, após a morte do Netscape, o Nirvana lançou o Firefox, e embora o Opera não tenha recebido nenhum benefício após o nascimento do. Firefox, pelo menos Você recebeu apoio moral. Você viu que um irmão mais velho finalmente apareceu para cuidar de você? Depois que Jobs voltou, a Apple voltou à sua antiga glória. Só então as pessoas souberam que existia um navegador chamado Safari no mundo. Tudo isso combinado tornou o W3C realmente necessário.
O W3C diz que a Tabela pode ser usada para acomodar texto, texto formatado, imagens, links, formulários e outras Tabelas... No entanto, as Tabelas não devem ser usadas apenas como um meio de layout do conteúdo do documento), o motivo é que a Tabela causará problemas quando a Web é renderizada por dispositivos não visuais, que são designados leitores de tela e navegadores braille. Além disso, a Tabela forçará os usuários a rolar para a esquerda e para a direita em dispositivos de exibição grandes. Portanto, os designers da Web devem usar CSS em vez da Tabela. Consulte W3C HTML 4.01 para a definição de Tabela. Quando o W3C disse isso, era 24 de dezembro de 1999. Embora o CSS já tivesse nascido há muito tempo, poucas pessoas o usavam. A Web original era como uma versão online do documento e não se tornou a plataforma que é agora. muita consideração foi dada às questões de layout. Com a formação da primeira bolha da Internet, surgiu um grande número de sites de portais que foram os criadores do layout da Tabela porque suas páginas iniciais eram maiores do que todas as páginas de um jornal inteiro juntas. Complexo, Table é muito útil nesse aspecto. Combinando colspan e rolspan, você pode obter quase qualquer layout complexo.
Esse estilo de layout ainda era muito popular no início dos anos 2000 e em meados dos anos 2000, especialmente na China. Sob a mente subconsciente de Da Weimei, as pessoas amontoavam tudo o que podia ser amontoado em uma página na página inicial. na era antiga, embora tudo não possa ser organizado de maneira ordenada, pelo menos é organizado na mesma ordem. No entanto, este tipo de Web finalmente chegou ao ponto em que as pessoas ficam enojadas. Com o surgimento da pesquisa, das assinaturas de RSS e da Web personalizada representada pelos blogs, as pessoas têm mais canais para obter informações sem ter que visitar aqueles poucos sites que são quase necessários. Na página inicial do portal desmaiado, apareceu um estilo Web novo e leve, usando um layout mais simples, cores mais brilhantes, ícones grandes, banners grandes e fontes grandes mais fáceis de ler. , o CSS já estava muito maduro e navegadores como Firefox, Opera e Safari eram muito melhores que o IE em conformidade com os padrões W3C. As pessoas finalmente perceberam o poder do CSS. Como o núcleo do CSS é um modelo Box em termos de layout, as pessoas devem encontrar um objeto contêiner ao qual o CSS se anexar.
Div é o sortudo porque é naturalmente o melhor protótipo do Box. Semanticamente, Div representa uma área da página. Mais importante ainda, não é como <P> ou <a>. dada uma semântica especial antecipadamente (embora também possam ser usadas no modelo Box); por outro lado, devido ao ódio das pessoas pela Mesa governando uma era inchada, no final de uma era, os sucessores trabalharão duro para apagar os antigos); Os vestígios dos tempos, o destino desses símbolos ou representantes da era antiga são, na sua maioria, assim. As pessoas não os esquecem simplesmente, mas traçam uma linha clara entre eles.
É aqui que começa todo o tratamento injusto da Mesa. Por que é injusto? Quando o W3C não recomenda o layout da tabela, ele apenas diz que o CSS deve ser usado. É claro que é suportado, e como Table é um objeto HTML antigo e seu status é muito importante, qualquer navegador oferece o suporte mais perfeito para Table, incluindo suporte CSS. Quando as pessoas adotam Div, parecem esquecer que Table também é uma Box, e é uma Box com múltiplas células internas. A tabela como um todo não tem diferença de Div em termos de modelo de Box, e suas células internas, exceto Margin,. ainda é uma Caixa, e a caixa interna não contém o conceito de Margem, que deve ser entendido. Escusado será dizer que Div é excelente. No entanto, quando as pessoas dizem Div + CSS, parece implicar que Table não pode usar CSS.
Todas as propriedades CSS suportadas pelo Div são suportadas pelo Table. Na verdade, antes do Div se tornar popular, os primeiros adeptos do Div disseram uma vez com pouca confiança que se o Table pudesse fazer isso, o Div poderia fazê-lo, e eles também pagaram por suas palavras. Quanto ao preço, as pessoas que estão tentando obter centralização vertical em Divs entenderão o que quero dizer, e as pessoas que estão tentando obter layout 100% Div no IE6 sem CSS Hack entenderão ainda mais o que quero dizer. Problema 100% de altura, problema de adaptação de largura entre vários Divs, acredito que qualquer pessoa envolvida em design Div + CSS irá encontrar isso. A vantagem da Tabela nesse aspecto não é por ser excelente, mas porque é antiga e nenhum navegador se atreve a ignorá-la. Também é por causa de suas características originais. As pessoas inventaram as tabelas porque desejam que os dados sejam exibidos de forma organizada. . É tão simples quanto isso. No entanto, por que a Tabela mais tarde ganhou tanta notoriedade? Os defensores do Div acusam a Table de nada mais do que o seguinte.
O código está inchado: você precisa escrever pelo menos três tags <table><tr><td> antes de iniciar o conteúdo real. Além disso, as várias tags da Tabela também contêm definições de atributos complexas, enquanto Div só precisa de <div. >um rótulo.
Problemas de desempenho de renderização de página: o navegador precisa ler toda a tabela antes de iniciar a renderização.
Ruim para SEO: os mecanismos de pesquisa gostam que o conteúdo seja separado do polimento.
Má acessibilidade: Softwares de leitura de tela e navegadores braille não conseguem compreender bem o conteúdo da Tabela.
Não é semântico o suficiente: precisamos de uma Web semântica.
Artigo 1: O código está inchado.
Em primeiro lugar, os únicos atributos na Tabela que não podem ser definidos com CSS são Cellspacing e Cellpadding. Todos os outros atributos podem e devem usar CSS. <td> e <div>, acredito que para uma página da web que tenha facilmente dezenas de K em tamanho, mesmo que dezenas de tabelas sejam usadas, o código extra pode ser ignorado. Aqueles que reclamam do código da tabela inchado deveriam realmente verificar. seus hábitos de codificação. Uma pessoa que consegue escrever uma tabela muito inchada pode não ser tão concisa quanto escrever uma Div.
Artigo 2: Problemas de desempenho de renderização de página.
Eu uso um laptop de 2004 com CPU de 1,6 G e memória de 1 G. Nessa configuração, não consigo ver nenhuma diferença de velocidade entre o layout da tabela e o layout Div na renderização da página. Se houver uma pequena diferença, o atraso relativo à própria rede pode ser ignorado.
Artigo 3: Não é propício à otimização de mecanismos de pesquisa
Se você usar CSS em vez de atributos de tabela, conforme mencionado anteriormente, a diferença entre o código gerado e o Div não será muito grande. Os mecanismos de pesquisa discriminarão o <table>. tag? Não encontrei a base para esta afirmação até agora.
Artigo 4: Má acessibilidade
Esta é uma falha inerente ao Table, mas a maioria dos fãs de Div + CSS não parecem rejeitar o Table por esse motivo.
Artigo 5: Semântica insuficiente
O significado da Web Semântica é muito mais profundo. Ela não está apenas emaranhada em Tabela e Div. Mesmo o W3C não estipula que a Tabela só pode ser usada para exibir dados tabulares. de Table. People, é melhor esperar pelo HTML 5, essa é a verdadeira semântica.
O objetivo deste artigo não é fazer você abandonar o Div e ingressar na Tabela. Pelo contrário, se o Div puder atender às suas necessidades de design, o Div ainda é a primeira escolha, mas não há necessidade de evitar a Tabela, caso contrário ele irá para o. outro extremo. Muitos designs que não podem ser facilmente alcançados usando Div ainda podem ser obtidos usando Tabela. Claro, não importa o que seja usado, CSS deve ser usado para separar conteúdo e decoração. Div + CSS e Tabela + CSS são designs legais, use o que for mais simples. De acordo com minha experiência, quando você pode prever o formato do seu conteúdo e ter controle total sobre o formato de exibição do conteúdo que está prestes a adicionar, você deve usar Div + CSS quando o conteúdo que está prestes a adicionar não estiver fixo e; você não pode prever isso. Para seu formato, se você não deseja que a página seja recolhida, usar Tabela + CSS é uma abordagem segura.
Fonte deste artigo: COMSHARP CMS Autor: 35 quilômetros