Após o artigo "Esta será uma revolução" foi lançada. Foi reconhecido por todos na indústria e, é claro, também foi provocado por alguns desafios internos e externos, mas mais pessoas estão pedindo detalhes de cada ponto. Fui para casa hoje à noite e fui para a cama muito cedo. Acordei em um sonho no meio da noite. No sonho, eu estava jogando um jogo com meus colegas de classe no ensino fundamental - o próximo. Depois de acordar, senti que precisava fazer alguma coisa, então finalmente modifiquei o Tmenu (foi atrasado por um longo tempo); Então eu senti que precisava escrever uma parte detalhada dos cinco pontos mencionados anteriormente em um futuro próximo, então comecei a escrever este artigo.
Faz sentido voltar ao ensino fundamental em meu sonho. Um é o jogo do próximo lembrete, e o outro é o que Piaopiao e eu costumamos dizer aos outros que, para aprender bem o HTML, volte para verificar os livros de língua chinesa na escola primária. A razão para retornar à escola primária é que os livros não haverá muita interferência da educação orientada ao exame, e a essência é autêntica, enquanto os livros chineses significam a essência do HTML: título, parágrafo, lista, bibliografia. A essência do aprendizado de HTML é usar o que deveria ser - fantasma. Obviamente, esta frase precisa de uma explicação, e o exemplo de referência é o seu livro chinês da escola primária.
Vamos primeiro dar uma olhada no processo de produção de nosso site. Na minha memória, meu primeiro site foi criado em 1998, quando eu era um grupo de pessoas que usavam mesas para fazer páginas da web. Qual é a questão mais difícil que pensamos na era da mesa?
Estranho layout de coluna indecisa de três linhas:
Limite estranho de um pixel:
Após a era da mesa (lembro -me de 2001), as primeiras pessoas que usaram <div> apareceram. Então, um vento CSS soprou na China. O uso é colocá -lo em várias mesas e usar o posicionamento absoluto do CSS, e alguns adicionam alguns JS para fazê -lo flutuar. Mais tarde, alguém começou a estudar CSS. Lembro -me de que, no estágio inicial do design de Fengren, várias pessoas que falaram sobre cooperação estavam realizando um livro do CSS e me contaram sobre isso e que (é claro, essas pessoas acabaram mudando de carreira). Naquela época, a pergunta mais difícil que pensávamos era fazer um dongdong, que era chamado de efeitos especiais de Java na época. No momento, fui atraído pelo XML proposto por alguém, mas acabei de considerá -lo um tipo de armazenamento de dados (na verdade, isso estabeleceu as bases para a implementação do QZONE).
Tempo voa. Em 1º de maio de 2004, no Dia Internacional do Trabalho, a Industry Press publicou uma tradução de um livro chamado "Web Refatoring - Designing With Web Standards". Portanto, a crença no DIV CSS se espalhou por todo o país, o que realmente significa que o início cruzado da reconstrução do site chinês começou; Mas, de outra perspectiva, este livro tirou a WebRebuilder da China de uma fogueira e o jogou em outro Kang de fogo. Acho que só podemos olhar para este livro da perspectiva de olhar para os tempos prósperos das dinastias sui e Tang. Porque significa apenas o nascimento de um novo imperador e uma nova dinastia e não promove mudanças sociais e evolução de sua essência. Este livro aninha as mesas no ninho da div. O discurso mais popular na época (até agora) era que meu site era feito por 'Div CSS'. Nesse momento, eu não entrei nessa fileira e estava esperando; Porque eu tinha uma pergunta muito crítica que não resolveu por que 'div css' em vez de 'tabela css':
Citação "Esta será uma revolução":
Vamos dar uma olhada em dois exemplos primeiro. A tabela e a div, na superfície, são iguais, mas uma vez que o gerente de produto propõe modificações, o desempenho precisa mudar. A div mudará facilmente para se tornar este exemplo. Como o exemplo mostra que, sem modificar o HTML, a tabela não pode concluir essas mudanças, mesmo que seja espancada até a morte. A superioridade do DIV CSS do que a Tabela CSS é a liberalização do tipoTenting. Como os exemplos acima são o tópico, a tabela nunca poderá fazê -lo durante a sua vida.
Não foi até o QZONE 3.0 que comecei a descobrir a resposta acima, que levou cerca de um ano. Então, no qzone 4.0, foram utilizados o nascimento de três marcas DL, DT, DD e TMENU. O que me arrependo agora é que eu o trouxe para outro CSS de Start-XHTML de Start-Iart da era, e isso também o trouxe para um novo Kang. É fácil entrar no kang e é difícil sair do kang. Comecei a entender por que duas celebridades reconstruídas - Ajie e Lao Gan, gradualmente desapareceram da Internet. Comecei a não culpar os eventos anteriores, mas mais uma espécie de entendimento, e também me decidi. Então começamos a estabelecer a base para o conceito SB de competição saudável.
A jornada histórica é como acima. Retornar à essência do aprendizado de HTML é usar o que deveria ser; Isso significa que as tags não podem ser abusadas e as tags que restauram à essência do conteúdo são tags qualificadas. Tome tmenu como o exemplo.
O código HTML anterior foi:
<UL Class = Menu>
<li> <a href =#> <pan> <pan> 123123 </span> </span> </a> </li>
<li> <a href =#> <pan> <pan> 123123 </span> </span> </a> </li>
<li> <a href =#> <pan> <pan> 123123 </span> </span> </a> </li>
<li> <a href =# class = agora> <pan> <pan> 123123 </span> </span> </a> </li>
<li> <a href =#> <pan> <pan> 123123 </span> </span> </a> </li>
</ul>
O código HTML é agora:
<MAP ID = DirectMenu Class = Menu>
<div> <a href =#> <pan> <pan> 123123 </span> </span> </a>
<a href =#> <pan> <pan> 123123 </span> </span> </a>
<a href =#> <pan> <pan> 123123 </span> </span> </a>
<a href =# class = agora> <pan> <pan> 123123 </span> </span> </a>
<a href =#> <pan> <pan> 123123 </span> </span> </a> </div> </pap>
<H2> a seguir é uma lista de menus </h2>
<UL Class = Menu> <li>
<a href =#> <pan> <pan> 123123 </span> </span> </a> </li>
<li> <a href =#> <pan> <pan> 123123 </span> </span> </a> </li>
<li> <a href =#> <pan> <pan> 123123 </span> </span> </a> </li>
<li> <a href =# class = agora> <pan> <pan> 123123 </span> </span> </a> </li>
<li> <a href =#> <pan> <pan> 123123 </span> </span> </a> </li>
</ul>
Todo mundo viu as diferenças entre os dois. Há uma tag de mapa extra e uma tag hn. Por que isso é assim? Vamos dar uma olhada em outro exemplo: existem 100 carros de marcas, formas e cores diferentes no playground; Agora você pode dividir esses carros em vários grupos e feedback uma lista para seleção. Obviamente, a lista de uso é algo que todos vão pensar. Mas você já pensou sobre o que essa lista pode representar?
Exemplo de citação
<ul>
<li> XXX Brand XXX Modelo </li>
<li> XXX Brand XXX Modelo </li>
</ul>
Novamente ou
Exemplo de citação
<ol>
<li> XXX Brand XXX Modelo </li>
<li> XXX Brand XXX Modelo </li>
</ol>
Com a lista acima, não consigo ver claramente como a classificação desta lista é formada e por que uma é ordenada e a outra é desordenada. Como eles se alinharam assim e por que os juntaram? Muitas, muitas perguntas. Vamos dar uma olhada no exemplo seguinte
Exemplo de citação
<H3> carros da série amarela </h3>
<ul>
<li> XXX Brand XXX Modelo </li>
<li> XXX Brand XXX Modelo </li>
</ul>
Novamente ou
Exemplo de citação
<H3> Ano da fábrica </h3>
<ol>
<li> XXX Brand XXX Modelo </li>
<li> XXX Brand XXX Modelo </li>
</ol>
Os exemplos acima podem ser vistos rapidamente. Todos os meandros ficaram claros. No entanto, por que a tag do mapa ainda existe no código TMENU? Vamos dar uma olhada em um exemplo
O exemplo acima está obviamente correto. No entanto, essa estrutura faz as pessoas sentirem que o usuário é extremamente de baixa potência. O menu de navegação do mapa do site não é o nome do site e a submarca? ( Consulte especialmente o site onde o menu está na parte superior ) e, ao mesmo tempo, o próprio HTML fornece uma tag especificamente para navegação no mapa do site - <Pap>. Como existe um rótulo que tem esse significado em si, por que você precisa usar o texto para explicá -lo? Você nem sempre pode usar <H3> Esta é uma lista não ordenada </h3> <ul> tão idiota. Todo mundo sabe que minha mãe é uma mulher. Vamos dar uma olhada no exemplo a seguir:
Sim, o código é mais simples e claro.
De fato, não será difícil dar o primeiro passo do WebReBuild. Volte e dê uma olhada nos livros de língua chinesa nas escolas primárias, pense nas coisas mais essenciais e pergunte -se mais por quê? . Assim como ser um ser humano, você deve ser o que deve fazer. Você não deve ser perturbado pela sociedade complexa e relacionamentos interpessoais complicados. Aderir ao princípio de ser realista, trabalhar duro e ser um ser humano, o ouro sempre brilha.
Conteúdo de cotação Eu tenho uma peculiaridade. Eu realmente gosto disso durante as entrevistas, sempre tenho que levar o entrevistador XHTML primeiro. Assim como quando o mestre recrutou aprendizes no passado, sua capacidade e sabedoria são o segundo, e seu personagem é o primeiro a ser afetado.Eu acho que o XHTML é como a essência de uma pessoa, o CSS é como a maneira de uma pessoa de fazer coisas e atitudes, e JS é como o comportamento e o estilo de uma pessoa de fazer as coisas. A separação dos três, juntamente com algum SEO periférico e interação humano-computador, é o que chamamos de reconstrução do site, que é uma pessoa muito boa. Antes, algumas pessoas sempre pensavam que o CSS era o elemento mais importante do site, mas, de fato, ele naturalmente representava uma visão da vida. De fato, é difícil para uma pessoa sobreviver bem na sociedade de hoje sem uma boa maneira de lidar com as coisas; Mas se a maneira de lidar com as coisas é muito tendenciosa, ele se torna uma pessoa que é boa em enganar e usa qualquer meio de fazer as coisas.
Exemplo de citação
<H1> Nome do site </h1>*
<H2> Site Subkey </h2>*
<pap> <div> <a href =#> conectar 1 </a> <a href =#> conectar 2 </a> </div> </map>
Nota: A parte do comentário do nº * é usada para enfatizar que o site é o horário principal de promoção.
Exemplo de citação
<H1> Nome do site </h1>*
<H2> Site Subkey </h2>*
<H3> Menu de navegação do mapa do site </h3>
<ul>
<li> Conexão 1 </li>
<li> Conexão 2 </li>
</ul>
Nota: A parte do comentário do nº * é usada para enfatizar que o site é o horário principal de promoção.