Prefácio
“Meu cartão de salário é do Banco de Comunicações, mas muitas vezes retiro dinheiro no caixa eletrônico do ICBC no andar de baixo da minha casa;
Sou de Xangai e posso me comunicar com meus colegas de Guangzhou em mandarim;
A torneira quebrou hoje, então fui até a loja de encanamento e comprei uma nova para substituí-la;
Estou viajando para a França e meu amigo francês foi notificado para me buscar às 15h30, horário de Pequim. "
Coisas semelhantes acontecem todos os dias na vida. Essas coisas parecem normais e nada de especial. No entanto, você já pensou em:
Por que todos os cartões bancários têm o mesmo tamanho?
Por que posso me comunicar com meus colegas em Guangzhou usando o mandarim?
Por que o parafuso da nova torneira que comprei se conecta ao antigo cano de água?
Por que os amigos franceses não me pegam na hora errada?
Para muitas coisas na vida diária, não percebemos que existe um “fator” oculto em ação por trás disso, e esse fator é: os padrões.
Com o “padrão de cartão bancário”, você não precisa se preocupar com os diferentes tamanhos de cartões em diferentes bancos. As entradas de cartão de todos os caixas eletrônicos são iguais;
Com o "Padrão Putonghua", pessoas de todo o país podem se comunicar em um idioma de maneira conveniente;
Com o “padrão da indústria para parafusos”, se você comprar uma torneira de 6 pontos, você pode definitivamente conectá-la a um cano de água de 6 pontos;
Com o Horário de Greenwich, pessoas de todo o mundo nunca pegarão o horário de voo errado.
Todas as esferas da vida têm seus próprios padrões e normas correspondentes. Os padrões podem facilitar a comunicação, promover a colaboração e melhorar a eficiência.
Para a indústria de TI, a diversidade de dispositivos e informações exige padrões que garantam a comunicação e a colaboração entre eles. Podemos trocar dados entre telefones celulares, impressoras e câmeras digitais; podemos transferir informações entre sites, e-mails e software de escritório que talvez precisemos para aplicar recursos existentes em novos dispositivos futuros (como decodificadores, dispositivos de informação). Se não houver um padrão unificado, então todas as informações estarão isoladas, não poderão ser compartilhadas e não poderão ser reutilizadas; precisamos desperdiçar muitos recursos humanos e materiais para restabelecer dados para novos dispositivos; cada aplicativo multissistema.
Felizmente, encontramos uma solução, que é XML.
XML é simplesmente um “documento com um formato prescrito”. Desde que os dados gerados pelos nossos dispositivos ou sistemas estejam em conformidade com este formato, a troca mútua de dados, o compartilhamento e a colaboração podem ser alcançados.
Desde que a Organização Internacional da World Wide Web (W3C.org) lançou a especificação XML 1.0 em 1998, um grande número de padrões XML foram aplicados em nossas vidas, como previsões meteorológicas e cotações de ações que assinamos em nossos telefones celulares. os dados são todos obtidos dos sistemas correspondentes e depois enviados a você por meio de conversão de formato XML; enviamos mensagens para celulares de amigos que não estão online através de QQ ou MSN, e as informações também são realizadas por meio de conversão de XML; aplicações, como dentro da empresa Interação de dados, integração e compartilhamento entre CRM, ERP e sistemas de gerenciamento de conteúdo usam XML.
Então, você naturalmente pensará: as páginas web (web) também deveriam seguir os padrões XML? A resposta é sim.
Após o surgimento da World Wide Web, ela mudou muito a forma como as pessoas obtinham informações. No passado, as informações eram obtidas em jornais, TV e rádio. Agora é mais conveniente obter informações através da Internet e de navegadores. A informação na Web também está a tornar-se cada vez mais abundante. Desde o início, desde informações simples e estáticas sobre documentos e imagens, até à informação multimédia dinâmica e interactiva, a informação na Web tornou-se tão abundante que pode ser descrita como "assustadora". Até o final do ano passado, o mecanismo de busca Google conseguiu pesquisar 8,2 bilhões de páginas da web e 2,1 bilhões de imagens. Muitos dados são riqueza, mas se não puderem ser utilizados e pesquisados de forma eficaz, são “lixo de informação”. Na verdade, ocorreu redundância de dados e as informações não podem ser efetivamente compartilhadas e consultadas.
99% dos nossos sites são feitos em HTML, e o HTML não está em conformidade com o formato XML. Portanto, é difícil para essas informações de páginas da web se adaptarem aos requisitos de novos dispositivos e compartilhamento de dados no futuro. O que fazer? A International World Wide Web Organization (W3C.org) propôs uma solução. Eles formularam uma nova especificação XHTML1.0 baseada em HTML e de acordo com o formato XML. Com mudanças simples, o HTML pode ser convertido para XHTML, realizando assim o formato. transformação para transição XML. Ao mesmo tempo, para facilitar a pesquisa e reutilização das informações da sua página, o código XHTML precisa ter uma estrutura mais clara e mais tags semânticas. O W3C recomenda o uso de CSS para controlar a apresentação e separar o conteúdo da apresentação.
É disso que trata nosso livro: Reconstruindo seu site usando tecnologias padrão da web.
1: Entenda os padrões da web
1. O que são padrões da web?
Primeiro, precisamos esclarecer um conceito. Os padrões web de que falamos neste livro não se referem a XML, mas a uma série de especificações técnicas formuladas pelo W3C e ECMA para realizar a transição de grandes quantidades de informações HTML para padrões XML. Atualmente, incluem principalmente XHTML1. 0, CSS2.0 e DOM1 0 e ECMA JavaScript. Os padrões da Web não são apenas uma especificação, mas o nome coletivo de uma série de especificações.
As páginas da Web produzidas de acordo com essas especificações atendem às especificações do formato XML e separam conteúdo e desempenho, permitindo que os dados da sua página sejam compartilhados, trocados e reutilizados no futuro.
Abaixo, vamos examinar alguns princípios básicos importantes. Se você já o domina, pode pular e ler a Seção 2 diretamente.
2. O que é w3c?
W3C é a abreviatura de "World Wide Web Consortium", que em chinês é chamada de World Wide Web Organization. É uma associação industrial internacional focada em "liderar e desenvolver tecnologia web". É liderado por Time Berners-Lee, o inventor da World Wide Web, e foi fundado em 1994. O W3C já tem mais de 500 membros – incluindo Microsoft, America Online (empresa-mãe da Netscape), Apple Computer, Adobe, Macromedia, SUN e vários fabricantes de hardware e software e empresas de telecomunicações. A principal pesquisa da sociedade é patrocinada por três instituições acadêmicas - o Instituto de Tecnologia de Massachusetts (MIT) nos Estados Unidos, o Fórum Europeu de Pesquisa sobre Informação e Matemática (ERCIM) na França e a Universidade Kekei (KEIO) no Japão.
O principal trabalho do W3C é pesquisar e formular especificações abertas (padrões de facto) para melhorar a interoperabilidade de produtos relacionados à web. A formulação das especificações recomendadas pelo W3C é completada por grupos de trabalho compostos por membros e especialistas especialmente convidados. Os rascunhos do grupo de trabalho (Drafts) são submetidos ao Conselho do W3C para discussão após serem aprovados pela maioria das empresas e organizações relevantes. Após aprovação formal, tornam-se "Recomendações" e divulgadas. Para mais informações você pode visitar o site do W3C: www.w3.org
3. Padrões publicados pelo W3C
3.1HTML4.0
A linguagem de marcação de hipertexto (HTML, Hypertext Markup Language) é amplamente utilizada nas páginas da web atuais. O objetivo do HTML é adicionar informações estruturais aos documentos, como indicar títulos.
Representa parágrafos; o navegador pode analisar a estrutura desses documentos e expressá-la na representação correspondente. Por exemplo: o navegador exibirá o conteúdo entre... em negrito.
Os designers também podem usar CSS (Cascading Style Sheets) para definir como uma determinada estrutura será expressa.
3.2XML1.0
XML é a abreviatura de Extensible Markup Language (Extensible Markup Language). XML é uma linguagem de marcação semelhante ao HTML. A diferença é que o HTML possui tags fixas, enquanto o XML permite definir suas próprias tags e ainda permite definir vários conjuntos de configurações para um documento por meio de namespaces XML. Veja um exemplo XML:
<livro de endereços>
<entrada>
<name>AJIE</name><email>[email protected]</email>
</entrada>
<entry><name>ALLAN</name><email>[email protected]</email>
</entrada>
<entry><name>YAHOO</name><email>[email protected]</email>
</entrada>
</livro de endereços>
Algumas aplicações XML, como XHTML e MathML, tornaram-se especificações recomendadas pelo W3C. Você também pode definir a representação das tags XML através de especificações de estilo (CSS e XSL). Atualmente, os documentos XML não podem ser exibidos diretamente com um navegador. A apresentação da página ainda usa HTML ou XHTML. O XML agora é usado principalmente para troca de dados entre servidores (sistemas e sistemas).
3.3CSS2.0
CSS é a abreviatura de Cascading Style Sheets. CSS pode controlar a apresentação de tags HTML ou XML. O W3C recomenda o uso do método de layout CSS para tornar a web mais simples e a estrutura mais clara.
3.4XHTML1.0
Na verdade, o XHTML redefine o HTML de acordo com a especificação XML. Suas tags são consistentes com HTML4.0 e o formato segue rigorosamente a especificação XML. Portanto, embora o XHTML exiba o mesmo que o HTML no navegador, se você quiser converter para PDF, o XHTML será muito mais fácil.
XHTML possui três definições de DTD: estrito, transicional e conjunto de quadros. DTD é a abreviatura de Definição de Tipo de Documento. Ele é escrito no início do arquivo XHTML e informa ao navegador quais especificações este documento atende e quais especificações são usadas para analisá-lo.
3.5 DOM1.0
DOM é a abreviatura de Document Object Model. O DOM oferece recursos ilimitados às linguagens de script (semelhantes ao ECMAScript). Dá às linguagens de script acesso fácil a toda a estrutura, conteúdo e apresentação do documento.
4 O que é ECMA?
É a abreviatura de "Associação Europeia de Fabricantes de Computadores", que em chinês é chamada de Associação Europeia de Fabricantes de Computadores. É uma organização criada em 1961 para estabelecer um padrão unificado de formato operacional de computador, incluindo linguagem de programação e entrada e saída.
A ECMA está localizada em Genebra, adjacente à sede da ISO (International Standards Organization) e da IEC (International Electrotechnical Standardization Agency). Sua principal tarefa é estudar padrões de tecnologia de informação e comunicação e publicar relatórios técnicos relevantes. A ECMA não é uma organização oficial, mas é composta por fabricantes tradicionais que frequentemente cooperam com outras organizações internacionais.
4.1 ECMAscript padrão publicado pela ECMA
ECMAscript é uma linguagem de script padrão baseada em Netscape javaScript. É também uma linguagem baseada em objetos, e qualquer objeto na página web pode ser manipulado através do DOM. Os objetos podem ser adicionados, excluídos, movidos ou alterados. Isso melhora muito a interatividade das páginas da web.
Os padrões acima são os principais padrões que usamos atualmente durante a transição de HTML para XML e também são o escopo principal deste livro.
5. Vantagens dos padrões web
5.1 Facilidade de uso
As páginas feitas com padrões da web são mais “transparentes” para os mecanismos de busca, pois uma estrutura boa e clara permite que os mecanismos de busca julguem e avaliem facilmente as informações, estabelecendo assim índices mais precisos. As páginas feitas de acordo com os padrões da web também podem exibir a estrutura básica normalmente em navegadores mais antigos. Mesmo que o estilo CSS/XSL não possa ser analisado, ele ainda pode exibir informações e estrutura completas.
As páginas que atendem aos padrões da web também podem ser facilmente convertidas em outros formatos de documentos, como banco de dados ou formato Word, e também podem ser facilmente transplantadas para novos sistemas - sistemas de hardware ou software, como Internet TV, PDA, etc. Esta é a vantagem inerente do XML.
As páginas que atendem aos padrões da web também têm "acessibilidade" inerente. Não apenas os navegadores comuns podem lê-las, mas as pessoas com deficiência também podem usá-las normalmente por meio de navegadores cegos e leitores de voz.
5.2 Compatibilidade com versões anteriores
As páginas criadas usando padrões da web funcionarão bem em novos navegadores ou novos dispositivos de rede no futuro. Precisamos apenas modificar o CSS ou XSL para personalizar a forma de expressão correspondente.
2: Reflexões e debates sobre padrões da web
Através da introdução acima, temos uma compreensão preliminar de por que o W3C deseja estabelecer um padrão XML e por que os principais fabricantes estão dispostos a oferecer suporte a XML. Também aprendemos que, para fazer a transição para os padrões XML, quais padrões da Web precisamos aprender e dominar neste estágio. A próxima etapa é aplicá-los especificamente. Mas descobrimos que a aplicação não era tão tranquila quanto imaginávamos e ainda havia muitas dificuldades diante de nós:
99% das páginas web criadas usando HTML4.0 ou especificações mais antigas precisam ser convertidas para XHTML;
Ainda há um grande número de novas páginas publicadas todos os dias utilizando tecnologias que não atendem aos padrões da web;
Falta de software de desenvolvimento de páginas poderoso e fácil de usar que suporte padrões da web;
O navegador IE convencional tem suporte incompleto para padrões da web;
Um grande número de designers precisa entender os padrões web e mudar seus conceitos;
Entre eles, “mudar ideias” é o mais importante e difícil. Muitos designers ainda não entendem os padrões da web e ainda estão esperando para vê-los ou até mesmo se opor a eles. Aqui analisamos os problemas e debates típicos encontrados na promoção de padrões web:
(1) Sobre padrões da web
1. Os padrões da Web não são “padrões”, por que devo cumpri-los?
Na verdade, os padrões da web não são padrões, são apenas especificações recomendadas formuladas pelo W3C que não determinam nem supervisionam a implementação da indústria. Para facilitar a promoção destas especificações, a organização de padrões da web (webstandards.org) refere-se a elas coletivamente como "padrões da web". Embora o W3C seja apenas uma “especificação recomendada”, ele já é um padrão de fato, uma especificação reconhecida pelos membros das 500 maiores empresas de TI do mundo. Você não tem motivos para duvidar de sua amplitude e viabilidade. A Microsoft também é um membro importante do W3C e certamente apoiará as especificações aprovadas. No entanto, devido a considerações de concorrência comercial, a Microsoft geralmente faz alguns ajustes detalhados para vincular os usuários, mas isso não afeta a direcionalidade e a autoridade das especificações do W3C. .
2. DIV+CSS é um padrão web?
DIV+CSS é apenas um meio técnico específico de implementação e não cobre padrões web. Os padrões da Web não são apenas a conversão de HTML em XHTML, mas o mais importante, a estrutura da informação é clara e o conteúdo e o desempenho são separados, e a tecnologia DIV + CSS pode concretizar melhor essa ideia. Portanto, a maioria das páginas compatíveis com os padrões que vemos são feitas usando DIV+CSS.
(2). Sobre os benefícios dos padrões da web.
1. A tecnologia está avançando, a largura de banda da rede está ficando maior e mais rápida e a velocidade está cada vez mais rápida. Faz sentido salvar esses bytes?
Um dos benefícios dos padrões da web é que as páginas feitas com padrões da web possuem uma pequena quantidade de código e podem economizar largura de banda. Este é apenas um benefício colateral dos padrões da web, porque a estrutura do DIV em si é mais simples que a de TABLE. As camadas aninhadas do layout TABLE causam código inchado e tamanho de arquivo expandido. Em circunstâncias normais, usar DIV+CSS para uma página com o mesmo desempenho economiza 2/3 do código do que usar o layout TABLE. Este é o benefício inerente dos padrões da web. Quanto à importância de economizar largura de banda, não é principalmente para usuários comuns, mas principalmente para operadores de sites, especialmente sites de médio e grande porte, como Sina e NetEase. Uma página inicial de notícias é reduzida de 500K para 170K Supondo que as visualizações de página por dia sejam de 30 milhões (número conservador), o tráfego do servidor salvo é de 330k*30000000=9440G.
2. Preciso considerar pessoas com deficiência (cegas e amblíopes)?
Fornecer comodidade para pessoas com deficiência navegarem na Internet é um requisito legal nos Estados Unidos e em alguns países europeus. Devido à estrutura clara e à semântica completa das páginas padrão da web, alguns dispositivos relacionados podem extrair informações de maneira fácil e correta para pessoas com deficiência. Portanto, facilitar a leitura de informações por pessoas cegas tornou-se um dos benefícios naturais dos padrões da web. Quanto a algumas pessoas que dizem que ainda há muitas pessoas na China preocupadas com a alimentação e o vestuário, não têm tempo para pensar nas pessoas com deficiência. Esta é uma questão de civilização social e de moralidade social, que está além do escopo deste livro. Mas se a sua página for feita de acordo com os padrões da web, você consegue esse efeito, por que não?
(3).Sobre o layout
1. As tabelas não podem ser usadas em padrões da web?
Antes de tudo, precisamos esclarecer um conceito: os padrões web não permitem o uso de tags TABLE. TABLE também é uma tag padrão em XHTML1.0. Apenas defendemos o uso do layout DIV+CSS para substituir o layout de tabela tradicional. O motivo é: o layout TABLE original mistura desempenho e conteúdo, a estrutura não é clara e o conteúdo é incompleto, o que não favorece a reutilização de conteúdo. E semanticamente falando, quando o W3C formulou a tag TABLE, ele a utilizou apenas para definir a estrutura da tabela. Se houver uma tabela no documento, então TABLE deve ser usada. Os aspectos de desempenho, como composição tipográfica e posicionamento, devem ser controlados por CSS.
2. É muito conveniente para mim usar o layout da tabela para revisar a versão. Você pode não ser mais eficiente do que eu se usar CSS.
Em alguns casos ou projetos, como você disse, pode ser possível utilizar o layout da tabela para revisar a versão muito rapidamente. Mas esta não é uma solução de longo prazo. Precisamos olhar para a essência através do fenômeno que separa o conteúdo da apresentação. Todos os estilos, estilos, layouts, etc. são separados e controlados individualmente por CSS ou XSLT. , , a revisão é a verdadeira conveniência. E "revisão" não é apenas uma revisão no navegador. Se eu precisar publicar a mesma página em um celular, a página que atende aos padrões da web só precisa modificar o arquivo de estilo, enquanto o layout da tabela precisa ser totalmente refeito. . Se eu ainda precisar publicá-lo no futuro, preciso publicá-lo na Internet TV ou em outros dispositivos novos? CSS deve ser mais eficiente que tabela.
3. É possível criar belas páginas usando padrões da web?
Como as pessoas que pesquisaram e promoveram os padrões da web no início tornaram as páginas relativamente "simples", isso causou mal-entendidos a todos, pensando que as páginas dos padrões da web são simples, leves em gráficos e leves em efeitos visuais. Na verdade, os efeitos de página que podem ser alcançados com o layout TABLE podem basicamente ser alcançados com CSS. Esta questão não requer muita explicação e ficará clara apenas olhando para os sites padrão da web recentemente estabelecidos no país e no exterior. Por exemplo: www.macromedia.com , www.mp3.com
(4).Sobre a compatibilidade do navegador
1. Não preciso me preocupar com os padrões da web. O IE ocupa 99% do mercado. Contanto que as páginas que eu faço possam ser visualizadas pelo IE, tudo bem.
“Centrado no usuário” geralmente é um escudo usado por aqueles que se opõem aos padrões da web. Na verdade, é um “centrado no usuário” hipócrita. Você não pode garantir que o IE sempre monopolizará o mercado de navegadores e não pode garantir que o IE não fará nenhuma alteração (na verdade, o IE7 da Microsoft começou a melhorar seu suporte aos padrões da web). As páginas que insistem em usar o layout html+tabela serão informações "mortas", inconvenientes para pesquisa e não poderão ser reutilizadas e compartilhadas. No longo prazo, esse é o maior dano para os usuários.
2. Por que a compatibilidade de páginas padrão da web não é boa?
Dizemos que a vantagem dos padrões da web é a boa compatibilidade. Essa compatibilidade refere-se à compatibilidade com versões anteriores e com novos navegadores e novos dispositivos. Para os navegadores existentes, por possuírem diferentes níveis de suporte aos padrões da web, as páginas podem ser deformadas em diferentes navegadores. Temos que usar algumas técnicas de "hack" para conseguir compatibilidade com diferentes navegadores. Isto é impotente e inevitável. É um processo inevitável pelo qual o desenvolvimento da tecnologia web deve passar e é uma dificuldade que deve ser superada em nossa transição para XML.
(5).Outros
1. Sem ferramentas de desenvolvimento úteis, terei que escrever código manualmente?
Sim. Recomendamos que você escreva o código manualmente para promover uma compreensão mais profunda dos padrões da web. Na verdade, muitos softwares de desenvolvimento começaram a oferecer suporte a padrões da web. Você pode dar uma olhada na versão mais recente do Dreamweaver 8, no Golive da Adobe e no Visual Studio.NET 2005 da Microsoft. Essas ferramentas já suportam o desenvolvimento de páginas padrão da web. Quando surge uma nova tecnologia, a nossa atitude deve ser a de compreendê-la, praticá-la e avaliá-la, em vez de nos opormos cegamente a ela ou esperarmos que entre em vigor, caso contrário seremos sempre um retardatário.
2. O chefe não entende e os clientes não têm requisitos. Por que devo usar padrões da web?
Se você ou a equipe de desenvolvimento não estiverem familiarizados com a tecnologia de padrões da web, há de fato riscos (riscos técnicos e de custo) na adoção de padrões da web para novos projetos. Você pode decidir se deseja adotar padrões da web após a avaliação. Mas se você tem a capacidade de adotar padrões e ainda assim enganar seus chefes e clientes, isso é uma questão de ética profissional e profissionalismo.
Três: Futuro e Direção
Acho que você, assim como eu, está preocupado com como será o futuro da WEB e como será a próxima rodada de novos pontos de acesso tecnológico. Na verdade, para responder a esta pergunta, ninguém tem mais autoridade do que o W3C. Basta olhar o que o W3C está fazendo e quais especificações está estudando para saber os rumos e tendências da WEB.
O W3C diz-nos claramente: Não há dúvida de que o XML é a tendência futura, e a abertura e a partilha são o espírito e a força motriz fundamental da Internet.
Tim Berners-Lee, líder do W3C e pai da World Wide Web, disse: XML fornece um meio de troca de informações, mas isso é apenas o começo. Nosso objetivo é tornar a web semântica, ou seja, tornar o conteúdo informativo da web mais fácil de entender, trocar e compartilhar. As linguagens RDF e OWL fornecerão um suporte mais poderoso nesse sentido.
A tecnologia da Web está prestes a abraçar uma nova rodada de mudanças e desenvolvimento. Se você ainda hesita se precisa aprender os padrões da Web, perderá esta oportunidade.