Tenho feito desenvolvimento front-end há quase 3 anos. Hoje gostaria de falar com vocês sobre algumas de minhas experiências pessoais em desenvolvimento front-end WEB (é claro que é tudo meu entendimento pessoal. Por favor, incluam-me e corrijam-me se houver. é qualquer coisa que eu diga que seja inadequada ou incorreta). Aqui, deixe-me começar com os padrões da WEB.
Quais são os padrões WEB?
Haha, diz-se que é um padrão WEB, mas aqui resumi principalmente algumas experiências de XHTML1.1 e CSS2.1. Como WEB cobre muito conteúdo, "padrões WEB" é o nome geral para uma série de padrões, incluindo HTML4.0, XHTML1.1, CSS2.1, XML1.0, RSS2.0, ECMAScript1.1 e DOM1. e assim por diante. Então aqui quero ressaltar para vocês que o padrão WEB não é o que chamamos de DIV+CSS.
Acabei de mencionar acima - DIV + CSS, haha, deixe-me explicar aqui, isso está realmente incorreto. O termo exato de DIV+CSS (entendimento pessoal) deve ser: usar XHTML1.1 no padrão WEB recomendado pelo W3C combinado com folha de estilo CSS2.0 para criar uma página deve se referir à tag XHTML, enquanto a exibição CSS se refere à tag XHTML. Folha de estilo CSS.
Benefícios de desenvolver usando padrões WEB
Então, por que o W3C recomenda esse método de produção de páginas? Vamos dar uma olhada rápida nas vantagens de usar o desenvolvimento padrão WEB (entendimento pessoal) em comparação com o layout TABLE anterior?
1. Economize custos operacionais e economize dinheiro!
Haha, você estaria interessado em algo que possa te ajudar a economizar dinheiro? Claro que estou muito interessado. Viu como nosso método de produção padrão WEB é alcançado?
Usando padrões WEB para produzir, podemos conseguir uma separação muito formal de expressões. Usamos XHTML para expressar (dados) e CSS para controlar a forma (apresentação dos elementos da página). Numa página bem escrita, o código XHTML contém basicamente os dados que os usuários desejam ver, além de outras coisas decorativas, tudo controlado pelo nosso CSS. Desta forma, o tamanho da nossa página (XHTML) será bastante reduzido, de modo que seus custos de largura de banda serão reduzidos. Como reduzir isso? Você pode imaginar que a página inicial do YAHOO tem 1K de tamanho e 1.000.000 de pessoas a visitam juntas. quanta largura de banda é economizada? E a largura de banda pode ser utilizada de forma mais completa.
Nosso CSS controla os estilos de todos os elementos da página. Agora, se você quiser alterar o estilo geral do site, você só precisa gastar alguns minutos modificando um arquivo CSS, e você pode fazer isso facilmente. Os custos de manutenção também caíram, economizando muito dinheiro, certo? Além disso, você abrirá esta página muito mais rápido. Uma página que faz você esperar meio minuto. A menos que as informações contidas sejam muito úteis para você, basicamente não temos muito tempo para esperar.
2. É mais fácil de usar e tem a oportunidade de conquistar mais usuários.
Agora vamos falar sobre facilidade de uso. Primeiro quero classificar nossos usuários em categorias.
Categoria 1: Utilizadores comuns (todos os que visitam o nosso website);
Categoria 2: Motores de busca;
As páginas desenvolvidas usando padrões WEB têm estrutura clara, tamanho de página pequeno e boa compatibilidade com navegadores. Quando usuários comuns acessam, a página abre rapidamente e, independentemente do navegador que o usuário usa, ele pode acessar (exibir) a página normalmente, e a estrutura da página é clara e os dados que procuram podem ser facilmente navegados.
Para os motores de busca, uma boa página desenvolvida usando padrões WEB foi otimizada para SEO. É muito amigável de visitar e é fácil entender onde está o título (tags H1~H6) na sua página e onde está o título (p. tag), onde está o conteúdo a ser enfatizado no parágrafo (tag forte), etc., pode ser facilmente analisado. Como todos sabemos, um site com um bom SEO tem mais chances de ser indexado pelos motores de busca. Isso também significa que seu site será visitado por mais usuários comuns, trazendo mais usuários ao seu site.
Pode-se nos ajudar a economizar muito dinheiro e melhorar a eficiência do trabalho. Ao mesmo tempo, pode melhorar a velocidade de navegação na página, ser fácil de usar e até trazer mais usuários sem gastar dinheiro em publicidade. Você acha que usaria? Haha, esta também é a razão pela qual nosso W3C recomenda o uso de padrões WEB para sites abertos. Essa tecnologia também foi reconhecida por nossos usuários, então agora você precisa aprender os padrões WEB. ^-^!
Haha, terminei de revisar os cursos básicos e agora estou oficialmente começando a falar sobre habilidades em XHTML e CSS.
Layout razoável
Alguns amigos vão começar a perguntar, por que começamos a falar sobre layout razoável desde o início Haha, mencionamos alguns pontos de conhecimento anteriormente - "estrutura clara, otimização de SEO, tamanho de página pequeno e código XHTML contém basicamente todos os requisitos do usuário. os dados”. Essas coisas são o resultado do nosso layout razoável. E eu pessoalmente sinto que tudo o que produzimos usando padrões WEB começa nesse ponto de conhecimento, então falarei sobre esse assunto primeiro.
Então todos começarão a perguntar: que tipo de página é considerada um layout razoável? Bem, esta é uma boa pergunta. É também uma das perguntas mais frequentes quando começamos a aprender a usar os padrões WEB. Muitas vezes me sinto incomodado com essa questão. .
Antes de começarmos a falar sobre os elementos que uma página bem organizada deve alcançar, seria mais intuitivo usarmos um exemplo para explicá-la. Vamos dar uma olhada nesta foto primeiro:
http://www.yaohaixiao.com/samples/myblog/index.htm
Sim, esta é uma página de detalhes do artigo, não há layout de coluna esquerda e direita, mas o que quero focar aqui é o layout razoável. Apresentarei os elementos flutuantes em detalhes em um artigo posterior. Ok, voltando ao assunto agora, todo mundo já viu esta página.