Como aprender os padrões da web
Muitos membros do fórum da versão de padronização da web do fórum clássico fazem essa pergunta. Acho que todos que são novos nos padrões da web farão essa pergunta. Vou resumi-la com base em minha própria experiência.
Etapa 1. Não use apenas DW e outras ferramentas para criar páginas da web, familiarize-se com a linguagem (X)HTML e a linguagem CSS
Como os padrões da web melhoraram os requisitos de código, é impossível passar na inspeção sem um certo entendimento do código xhtml. Ferramentas DW também podem ser usadas, mas você precisa olhar o código para escrever a página da web.
O primeiro é o código xhtml, não são muitos, saiba como usá-los, como escrevê-los corretamente e lembre-se de fechar a tag. Como <img/><br/>. É recomendável ler alguns manuais de referência de HTML. Afinal, o xhtml foi atualizado a partir do html e muitas tags ainda estão em uso.
Etapa 2. Crie uma declaração padronizada (DOCTYPE) e cabeçalho
<!–(1) Transicional (Transicional)–>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!–(2) Estrito –>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!–(3)Conjunto de quadros–>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!–Definir um namespace (Namespace) lang=”zh-CN”/–>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”zh-CN”>
<cabeça>
<!–Declare sua linguagem de codificação: GB2312/UTF-8/Unicode/ISO-8859-1–>
<meta http-equiv=”Tipo de conteúdo” content=”text/html; charset=GB2312″ />
<meta http-equiv=”Content-Language” content=”zh-CN” />
<!–Conteúdo preparado para motores de busca–>
<!–Permitir que robôs de pesquisa pesquisem todos os links do site. Se você deseja que determinadas páginas não sejam pesquisadas, é recomendável usar o método robots.txt–>
<meta content=”todos” nome=”robôs” />
<!–Definir informações do autor do site–>
<meta name=”autor” content=”[email protected] ,阿杰” />
<!–Definir informações de direitos autorais do site–>
<meta name=”Copyright” content=”www.w3cn.org, copyright gratuito, qualquer reprodução” />
<!–Uma breve introdução ao site (recomendado)–>
<meta name="description" content="Novo web designer. Site de tutorial de padrões da web, promovendo a aplicação de padrões da web na China" />
<!–Palavras-chave do site (recomendado)–>
<meta content=”design, com, web, padrões, xhtml, css, gráfico, design, layout, usabilidade, acessibilidade, w3c, w3, w3cn, ajie” name=”palavras-chave” />
<!–Ícone favorito–>
<link rel=”icon” href=”/favicon.ico” type=”image/x-icon” />
<link rel=”ícone de atalho” href=”/favicon.ico” type=”image/x-icon” />
<title>Título da página</title>
<!–Conectar folha de estilo–>
<link rel=”folha de estilo” rev=”folha de estilo” href=”css/style.css” type=”text/css” media=”all” />
<style type=”text/css” media=”all”>@import url( css/style01.css );</style>
<!–RSS–>
<link rel=”alternate” type=”application/rss+xml” title=”espaço de greengnn” href=”http://www.jluvip.com/blog/feed.asp” />
<!–JS–>
<script src=”js/common.js” type=”text/javascript” idioma=”javascript” "></script>
</head>
<corpo></corpo>
</html>
Etapa 3. Aprenda como usar div com CSS para layout de página web
Use <div> com CSS para fazer o layout de sua página da web em vez de usar uma tabela. Existem muitos artigos e exemplos. Recomendo que você acesse bluediea.com.
1. O código tem pouca redundância e a página abre rapidamente.
2. Estrutura e desempenho separados Você pode alterar seu layout apenas por meio de CSS, enquanto as informações permanecem inalteradas.
Etapa 4. Aprenda a teoria dos padrões da web, semântica, CSS e a ideia de separação de estrutura e apresentação
Os padrões web são, na verdade, propostos apenas para alcançar a semântica das tags, a separação entre estrutura e desempenho, a transição da localização de sites para a internacionalização, compatibilidade com versões anteriores e independência de dispositivos, para que suas páginas web possam funcionar sem problemas na Internet.
Neste estágio, você já pode usar CSS para fazer o layout de suas páginas da web e criar páginas da web que possam passar na inspeção do W3C. Você pode entender o que são os padrões da web, a estrutura e as funções dos padrões da web, as ideias e vantagens da separação de estrutura e desempenho. e o conhecimento mais profundo de CSS A teoria das camadas, a semântica das tags xhtml, a teoria da afinidade e a funcionalidade de plataforma cruzada tornam suas páginas da web adequadas para vários navegadores e dispositivos.
Etapa 5. Aplique padrões da web para criar páginas da web, estabeleça suas próprias especificações de código padrão da web e melhore a eficiência do desenvolvimento.