O que significa W3C Introdução aos padrões W3C?

Autor：Eve Cole Data da Última Atualização：2024-12-25 10:04:32

O que é W3C
W3C é a abreviatura de World Wide Web Consortium em inglês, e o significado em chinês é W3C Council ou World Wide Web Alliance. A organização W3C é uma organização sem fins lucrativos que formula padrões de rede. Padrões como HTML, XHTML, CSS e XML são personalizados pelo W3C.
Principais especificações do W3C
Até o momento, o W3C desenvolveu mais de 50 especificações (rascunhos). Essas especificações (rascunhos) incluem HTML, HTTP, URIs, XML, etc. com os quais as pessoas já estão familiarizadas, bem como RDF, OWL, etc. para a Web Semântica.
* HTML/XHTML : HTML é um dos alicerces da Web. Com base no HTML, páginas coloridas começaram a aparecer na Web, contendo uma variedade de informações. Baseada em HTML, a Web saiu da torre de marfim de uma forma simples e fácil de usar e tornou-se um recurso público e uma riqueza para toda a sociedade. O W3C lançou várias versões HTML sucessivamente, incluindo a primeira versão em dezembro de 1997, a atualização em abril de 1998 e a versão HTML 4.01 em dezembro de 1999. XHTML é uma extensão do HTML 4.01 na qual os recursos semânticos do XML podem ser usados. XHTML 1.0 foi lançado como padrão recomendado em janeiro de 2000. XHTML Basic é uma versão modular independente de dispositivo (como telefones celulares, PDAs, etc.);
* CSS : CSS é responsável por fornecer aos web designers um espaço de estilo rico para projetar páginas da web. O mecanismo de separação entre o conteúdo da estrutura da página web e a apresentação fornecido pelo CSS simplifica muito o gerenciamento do site e melhora a eficiência do desenvolvimento do site. CSS pode ser usado para controlar a apresentação de qualquer conteúdo HTML e XML. CSS1.0 foi lançado em dezembro de 1996 e CSS2.0 foi lançado em maio de 1998.
* XML : XML 1.0, lançado em fevereiro de 1998, é um dos padrões mais inovadores e influentes do W3C. Como a primeira pedra angular importante da próxima geração da Web, o XML fornece funções poderosas para troca de dados distribuída e heterogênea e separa os próprios dados do desempenho dos dados. dos dados e a semântica também estão devidamente separados. Na verdade, o XML se desenvolveu em uma família de tecnologias, incluindo XML Schema lançado em maio de 2001, XML Namespaces lançado em janeiro de 1999, XSLT lançado em novembro de 1999 para processamento de transformações XML e para posicionamento em documentos XML XPath, bem como XLink e XML Base lançada em junho de 2001. Além disso, o surgimento do XML fornece uma base comum para os programas processarem automaticamente dados e informações da Web, bem como serviços da Web (especificações WSDL, SOAP, UDDI).
* DOM : DOM fornece um modelo de objeto básico para o processamento de suportes de dados como HTML e XML e suportes de informação na memória, podendo fornecer estruturas, formatos, eventos, etc. Como não depende de nenhuma linguagem de programação ou linguagem de descrição de páginas da Web, ele fornece uma interface padrão e independente para processar dados HTML e XML de maneira eficaz. O DOM passou por três versões, nomeadamente DOM Nível 1 lançado em outubro de 1998, DOM Nível 2 lançado em novembro de 2000 e DOM Nível 3 lançado em 2003.
Exemplos de uso dos padrões W3C
Quando o topo é:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Preste atenção às seguintes situações. As premissas utilizadas são baseadas na frase acima!
1. Use letras minúsculas para todos os rótulos.
É recomendado desenvolver um bom hábito de usar letras minúsculas para ul span li div. É claro que quando a declaração superior é mostrada acima, ela não faz distinção estrita entre maiúsculas e minúsculas.
2. Meta do arquivo de cabeçalho e tags de link.
Erro: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
Correto: <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
Erro: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet" />
Correto: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet">
Correto: <meta http-equiv="Content-Language" content="zh-CN" >
3. Chamada JS.
Erro: <script src="/wl_inc/main.js" </script>
Erro: <script src="/wl_inc/main.js" language="javascript"></script>
Correto: <script src="/wl_inc/main.js" type="text/javascript"></script>
Correto: <script src="/wl_inc/main.js" type="text/javascript" </script>
4. Não use a altura da tabela <table> como height="101"
Correto: <table width="970" style="height:101px;" border="0" align="center" cellpadding="0" cellpacing="0">
5. Use alt e title corretamente
<a href="/"><img src="/wl_pic/logo.gif" border="0" alt="Nanning Todo mundo ensina" </a>
<a href="/NoticeHTML/?2.htm" class="bt" title="Nanning Todo mundo ensina">Nanning Todo mundo ensina</a>
Todas as imagens sem links devem ser adicionadas com alt="", como por exemplo:
<img height="11" src="/wl_pic/tu.gif" width="11" alt="">
6. Quando o arquivo de declaração for conforme mencionado acima, aspas duplas ou aspas simples podem ser omitidas.
Por exemplo: <div id=navpart> ou <div id="navpart"> ambos passam nos padrões w3c.
7. O formulário usa apenas ID
Correto: <form id="soso" method="get" action="/WL_T_soso/" style="margin:0">
Erro: <form name="soso" method="get" action="/WL_T_soso/" style="margin:0">
Erro: <form name="soso" id="soso" method="get" action="/WL_T_soso/" style="margin:0">
Erro ao usar tag de formulário: <table><form><tr><td></td></tr></form></table>
Correto: <form><table><tr><td></td></tr></table></form>
Os métodos para remover as partes vazias extras do formulário são: <form style="margin:0">
8. Sem barra/após entrada >
Erro: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Insira a palavra-chave do nome'){this.value='';}" value="Insira a palavra-chave do nome" />
Correto: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Inserir nome da palavra-chave'){this.value='';}" value="Inserir nome da palavra-chave" >
9. Use os valores de alinhamento e valign corretamente.
Erro: align="middle", você pode usar style="text-align:center;".
Correto: alinhar="esquerda",align="esquerda",align="direita",align="justificar",align="char"
Erro: valign="centro"
Correto: valign="top",align="middle",align="bottom",align="baseline"
10. A tabela TABLE usa imagens de fundo.
Erro: background="/wl_pic/sp2.jpg"
Correto: style="background:url(/wl_pic/sp2.jpg);"
Erro: bgColor=#eeeeee
Correto: bgColor="#eeeeee"
11. Soluções para falha no código de estatísticas do webmaster. Alterar & para &
<script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&web_id=1582698" charset="gb2312"></script>
12. Como o mapa de foco FLASH passa no W3C?

<script type="texto/javascript">

</script>