Você está na página 1de 26

HTTP, Internet e HTML

Rodnei dos Santos Leal

Sumrio
O que internet ...........................................................................................................................................3 O hardware para conexo Internet .......................................................................................................3 O software bsico para conexo Internet ............................................................................................. 3 TCP/IP.......................................................................................................................................................3 O protocolo TCP .......................................................................................................................................4 O protocolo IP...........................................................................................................................................4 HTTP .........................................................................................................................................................5 Cdigos de status HTTP ............................................................................................................................ 5 URL ...........................................................................................................................................................9 Domnios .br.......................................................................................................................................9 Lista de Domnios Territoriais .......................................................................................................11 SEO .........................................................................................................................................................15 HTML ......................................................................................................................................................16 Introduo ao HTML...................................................................................................................................17 Redigindo um documento HTML............................................................................................................17 Desvendando o cdigo: ..........................................................................................................................18 Linha 1 : <!DOCTYPE html> ................................................................................................................18 Linha 2 : <HTML lang=pt-Br> ..........................................................................................................18 Linha 3: <head>..................................................................................................................................18 Linha 4: <!-- xxxx -->...........................................................................................................................18 Meta Dados............................................................................................................................................20

Rodnei dos Santos Leal

O que internet
Costuma-se dizer que internet a grande rede mundial de computadores, mas esta no uma definio exata. Internet o conjunto de varias redes de computadores que se comunicam atravs de um protocolo TCP/IP.

O hardware para conexo Internet


Para conexo discada, preciso ter um modem para comunicao com o provedor de acesso via linha telefnica comum. Para conexo dedicada ADSL, preciso ter uma placa de rede Ethernet 10/100 e um modem ADSL, alm de um separador de sinais do telefone e da transmisso de dados. Para conexo dedicada a cabo, preciso um cable-modem e tambm um separador de sinais de TV e dos dados. Para conexo dedicada wireless, preciso um receptor de microondas e uma antena externa para o acesso rede do provedor.

O software bsico para conexo Internet


Cada equipamento de hardware tem seus programas prprios para seu funcionamento. Alm do software associado ao hardware para conexo Internet, preciso ter pelo menos um browser (navegador) para que se possam visitar os sites disponveis. Exemplos de browser: Netscape, Internet Explorer, Opera, Fire Fox, Chrome e Safri.

TCP/IP
Assim como temos nossas regras sociais de comunicao (por exemplo, em uma palestra somente uma pessoa fala; em uma assemblia, so vrias as pessoas que falam e, mesmo assim, fala uma pessoa por vez), tambm os computadores precisam de algumas regras para trocar informaes. No caso da Internet, essas regras bsicas esto reunidas no conjunto de protocolos chamados TCP/IP. Rodnei dos Santos Leal

4 As aplicaes em computadores em rede utilizam o TCP/IP para criar conexes um com o outro e em seguida trocar fluxo de dados. Estes protocolos garantem a entrega confivel do remetente ao receptor.

O protocolo TCP
Transmission Control Protocol (TCP) - Protocolo de controle de Transmisso. O Protocolo de Controle de Transmisso usado na transferncia de dados nas redes e em especial na Internet. TCP sustenta muitos protocolos de aplicaes, entre as mais populares esto a WEB, e-mail e o Secure Shell (SSH). Suponhamos que em dado computador existem vrios programas se comunicando atravs da rede em um mesmo instante - por exemplo, uma pgina da Web sendo carregada enquanto se verifica a caixa postal. Como o computador "sabe" que a pgina da Web deve ir para o browser e os e-mails para o programa que l e-mails? Isso possvel porque cada programa em execuo recebe tambm seu endereo prprio dentro do computador: no caso de programas que se comunicam pela Internet, esse endereo o nmero TCP. Assim, continuando a comparao com endereos fsicos, suponhamos que seu computador um prdio de apartamentos com um dado nmero IP; seu browser e seu programa de e-mail seriam apartamentos distintos nesse prdio, cada qual com seu nmero TCP.

O protocolo IP
Internet Protocol (IP) - Protocolo de Internet Protocolo de internet um numero que identifica um computador na rede. Assim como cada casa tem um endereo nico, o computador tem um numero nico que o identifica na rede. Quando temos acesso Internet atravs de um provedor, usamos o que se chama acesso discado e nossa conexo com a Internet em geral ganha nmeros IPs diferentes a cada acesso. Mesmo assim, quando nosso computador se conecta ao provedor, o nmero IP atribudo a ele nico em toda a Internet. Rodnei dos Santos Leal

5 Empresas que tm redes ligadas dia e noite na Internet possuem o que se chama acesso dedicado, isto , as conexes de sua rede tm sempre um mesmo nmero IP na Internet.

HTTP
HyperText Transfer Protocol (HTTP) - Protocolo de Transferncia de Hipertexto. O HTTP o protocolo usado para a transmisso de dados no sistema World Wide Web. Cada vez que voc aciona um link, seu browser realiza uma comunicao com um servidor da Web atravs deste protocolo. O Word-Wide-Web Consortium (W3C) e a Internet Engeneering Task Force coordenou o desenvolvimento do HTTP, que um protocolo de requisio-e-resposta que conecta clientes e servidores. O cliente originrio, geralmente um navegador de web referido como agente usurio. O servidor destinatrio, que armazena ou cria recursos e pode conter arquivos e imagens HTML, chamado de servidor originrio. O HTTP construdo sobre o TCP, o qual mergulhado no topo do IP. Um cliente HTTP inicia uma requisio estabelecendo uma conexo com o servidor remoto com uma porta particular, geralmente a pota 80 (port 80). Um servidor ouvindo esta porta espera pelo cliente para enviar uma mensagem de requisio. Ao receber esta mensagem, o servidor devolve uma linha de status como por exemplo: http://1.1 200Ok e sua prpria resposta. Dependendo do status, esta resposta pode ser o arquivo requisitado, uma mensagem de erro, ou outra informao qualquer.

Cdigos de status HTTP


Os cdigos de status mais comuns so: 200 - o servidor retornou a pgina com sucesso. 404 - a pgina solicitada no existe. 503 - o servidor est temporariamente indisponvel. Mas, abaixo podemos ver outras respostas que um servidor pode nos enviar. 1xx (Resposta provisria)

Cdigos de status que indicam uma resposta provisria e exigem que o solicitante realize uma ao para continuar. Rodnei dos Santos Leal

6 Cdigo 100 (Continuar) 101 (Mudando protocolos) Descrio


O solicitante deve continuar com a solicitao. O servidor retorna esse cdigo para indicar que recebeu a primeira pgina de uma solicitao e que est esperando o restante. O solicitante pediu ao servidor para mudar os protocolos e o servidor est reconhecendo a informao para, ento, execut-la.

2xx (Bem-sucedido) Cdigos de status que indicam que o servidor processou a solicitao com sucesso. Cdigo 200 (Bem-sucedido) 201 (Criado) 202 (Aceito) 203 (Informao no autorizvel) 204 (Sem contedo) 205 (Reconfigurar contedo) 206 (Contedo parcial) 3xx (Redirecionado) Uma ao adicional necessria para completar a solicitao. Esses cdigos de status so usados freqentemente para redirecionamentos. Cdigo Descrio O servidor tem muitas aes disponveis com base na solicitao. O servidor pode escolher uma ao com base no solicitante (user-agent) ou apresentar uma lista para que o solicitante escolha uma ao. A pgina solicitada foi movida permanentemente para um novo local. Quando o servidor retornar essa resposta (como uma resposta para uma solicitao GET ou HEAD), ele automaticamente direcionar o solicitante para o novo local. O servidor est respondendo solicitao de uma pgina de uma localidade diferente, mas o solicitante deve continuar a usar o local original para solicitaes futuras. Descrio O servidor processou a solicitao com sucesso. Em geral, isso indica que o servidor forneceu uma pgina que foi solicitada. A solicitao foi bem-sucedida e o servidor criou um novo recurso. O servidor aceitou a solicitao, mas ainda no a processou. O servidor processou a solicitao com sucesso, mas est retornando informaes que podem ser de outra fonte. O servidor processou a solicitao com sucesso, mas no est retornando nenhum contedo. O servidor processou a solicitao com sucesso, mas no est retornando nenhum contedo. Ao contrrio da 204, esta resposta exige que o solicitante reconfigure o modo de exibio do documento (por exemplo, limpe um formulrio para uma nova entrada). O servidor processou uma solicitao parcial GET com sucesso.

300 (Mltipla escolha)

301 (Movido permanentemente) 302 (Movido temporariamente)

Rodnei dos Santos Leal

7 Esse cdigo semelhante ao 301 com relao a uma solicitao GET ou HEAD, pois direciona automaticamente o solicitante para um local diferente. O servidor retornar esse cdigo quando o solicitante precisar fazer uma solicitao GET separadamente para outro local para obter a resposta. Para todas as outras solicitaes (com exceo de HEAD), o servidor direciona automaticamente para o outro local. A pgina solicitada no foi modificada desde a ltima solicitao. Quando o servidor retornar essa resposta, ele no retornar o contedo da pgina. Voc dever configurar o servidor para retornar essa resposta (chamada de cabealho If-Modified-Since HTTP) quando uma pgina no tiver sido alterada desde a ltima vez em que o solicitante fez o pedido. O solicitante poder acessar a pgina solicitada utilizando um proxy. Quando o servidor retornar essa resposta, tambm indicar qual proxy o solicitante dever usar. O servidor est respondendo solicitao de uma pgina de uma localidade diferente, mas o solicitante deve continuar a usar o local original para solicitaes futuras. Esse cdigo semelhante ao 301 com relao a uma solicitao GET ou HEAD, pois direciona automaticamente o solicitante para um local diferente.

303 (Consultar outro local)

304 (No modificado)

305 (Utilizar proxy)

307 (Redirecionamento temporrio)

4xx (Erro de solicitao) Esses cdigos de status indicam que provavelmente houve um erro na solicitao que impediu que o servidor a processasse. Cdigo 400 (Solicitao invlida) 401 (No autorizado) 403 (Proibido) 404 (No encontrado) 405 (Mtodo no permitido) 406 (No aceitvel) 407 (Autenticao de proxy necessria) 408 (Tempo limite da solicitao) Rodnei dos Santos Leal Descrio O servidor no entendeu a sintaxe da solicitao. A solicitao requer autenticao. O servidor pode retornar essa resposta para uma pgina que necessita de login. O servidor recusou a solicitao. O servidor no encontrou a pgina solicitada. Por exemplo, o servidor retornar esse cdigo com freqncia se a solicitao for para uma pgina que no existe mais no servidor. O mtodo especificado na solicitao no permitido. A pgina solicitada no pode responder com as caractersticas de contedo solicitadas. Esse cdigo de status semelhante ao 401 (no autorizado), mas especifica que o solicitante deve autenticar usando uma proxy. Quando o servidor retornar essa resposta, tambm indicar qual proxy o solicitante dever usar. O servidor atingiu o tempo limite ao aguardar a solicitao.

8 O servidor encontrou um conflito ao completar a solicitao. O servidor deve incluir informaes sobre o conflito na resposta. O servidor pode retornar esse cdigo em resposta a uma solicitao PUT que entre em conflito com uma solicitao anterior, alm de uma lista de diferenas entre as solicitaes. O servidor retornar essa resposta quando o recurso solicitado tiver sido removido permanentemente. semelhante ao cdigo 404 (No encontrado), mas s vezes usado no lugar de um 404 para recursos que tenham existido anteriormente. Se o recurso foi movido permanentemente, voc deve usar o cdigo 301 para especificar o novo local do recurso. O servidor no aceitar a solicitao sem um campo de cabealho "Comprimento-do-Contedo" vlido. O servidor no cumpre uma das pr-condies que o solicitante coloca na solicitao. O servidor no pode processar a solicitao porque ela muito grande para a capacidade do servidor. O URI solicitado (geralmente um URL) muito longo para ser processado pelo servidor. A solicitao est em um formato no compatvel com a pgina solicitada. O servidor retorna esse cdigo de status se a solicitao for para uma faixa no disponvel para a pgina. O servidor no pode cumprir os requisitos do campo "Expectativa" do cabealho da solicitao.

409 (Conflito)

410 (Desaparecido)

411 (Comprimento necessrio) 412 (Falha na prcondio) 413 (Entidade de solicitao muito grande) 414 (o URI solicitado muito longo) 415 (Tipo de mdia incompatvel) 416 (Faixa solicitada insatisfatria) 417 (Falha na expectativa)

5xx (Erro no servidor) Esses cdigos de status indicam que o servidor teve um erro interno ao tentar processar a solicitao. Esses erros tendem a ocorrer com o prprio servidor, e no com a solicitao. Cdigo 500 (Erro interno do servidor) 501 (No implementado) 502 (Gateway invlido) 503 (Servio indisponvel) 504 (Tempo limite do gateway) 505 (Verso HTTP incompatvel) Rodnei dos Santos Leal Descrio O servidor encontrou um erro e no pode completar a solicitao. O servidor no tem o recurso necessrio para completar a solicitao. Por exemplo, o servidor poder retornar esse cdigo quando no reconhecer o mtodo da solicitao. O servidor estava operando como gateway ou proxy e recebeu uma resposta invlida do servidor superior. O servidor est indisponvel no momento (por sobrecarga ou inatividade para manuteno). Geralmente, esse status temporrio. O servidor estava operando como gateway ou proxy e no recebeu uma solicitao do servidor superior a tempo. O servidor no compatvel com a verso do protocolo HTTP usada na solicitao.

URL
Uniform Resource Locator (URL) - Localizador Uniforme de Recursos. O sistema de endereamento da Web baseado em uma sintaxe chamada URI (Universal Resource Identifier - Identificador Universal de Recursos). Os endereos que utilizamos atualmente so os URLs, que seguem essa sintaxe: http://www.site.com.br/diretorio1/diretorio2/arquivo.html Esse endereo identifica: Estrutura: Protocolo [http://] palavra-passe (facultativa) user:password@ I. II. Nome do servidor www.site.com Porta (facultativa se 80) :80 Caminho /diretorio1/diretorio2/ recurso Arquivo.html

Protocolo de acesso ao recurso desejado (http), Mquina a ser contatada (www.maquina.com.br/) onde, a. www.site uma mascara para o IP real da maquina a qual voc esta se conectando. b. .com, indica a categoria de dominio. Existem varias outras categorias e com base nelas podemos identificar que tipo organizao mantm o recurso. Exemplos: .gov para governo, .edu par instituies educacionais, veja mais exemplos na lista abaixo. c. .br indica o territrio do dominio. Exemplo: .br Brasil, .uk Reino Unido, .pt Portugal, veja mais exemplos na lista abaixo.

III. IV.

Caminho de diretrios at o recurso (diretrio1/diretrio2/), Recurso a ser obtido (arquivo.html).

Atravs de URLs tambm acionamos programas (scripts), enviamos parmetros para esses programas, etc.

Domnios .br
DNSSEC

Lista de categorias de domnios


disponvel obrigatrio DPNs genricos (Para pessoas fsicas ou jurdicas)

COM.BR EMP.BR NET.BR

Atividades comerciais Pequenas e micro-empresas Atividades comerciais

Rodnei dos Santos Leal

10
DPNs para pessoas jurdicas

AGR.BR ART.BR COOP.BR EDU.BR ESP.BR FAR.BR G12.BR GOV.BR IMB.BR IND.BR INF.BR JUS.BR MIL.BR ORG.BR RADIO.BR REC.BR SRV.BR TMP.BR TUR.BR ETC.BR ADM.BR ADV.BR ARQ.BR ATO.BR BIO.BR BMD.BR CIM.BR CNG.BR CNT.BR ECN.BR ENG.BR ETI.BR FND.BR FOT.BR FST.BR TV.BR PSI.BR FM.BR B.BR AM.BR

Empresas agrcolas, fazendas Empresas de radiodifuso sonora Artes: msica, pintura, folclore Bancos Cooperativas Entidades de ensino superior Esporte em geral Farmcias e drogarias Empresas de radiodifuso sonora Entidades de ensino de primeiro e segundo grau Entidades do governo federal Imobilirias Indstrias Meios de informao (rdios, jornais, bibliotecas, etc..) Entidades do Poder Judicirio Foras Armadas Brasileiras Entidades no governamentais sem fins lucrativos Provedores de servio Internet Entidades que queiram enviar udio pela rede Atividades de entretenimento, diverso, jogos, etc... Empresas prestadoras de servios Eventos temporrios, como feiras e exposies Entidades da rea de turismo Empresas de radiodifuso de sons e imagens Entidades que no se enquadram nas outras categorias DPNs para Profissionais Liberais (Somente para pessoas fsicas) Administradores Advogados Arquitetos Atores Bilogos Biomdicos Corretores Cengrafos Contadores Economistas Engenheiros Especialista em Tecnologia da Informao Fonoaudilogos Fotgrafos Fisioterapeutas

Rodnei dos Santos Leal

11
GGF.BR LEL.BR MAT.BR MED.BR MUS.BR NOT.BR NTR.BR ODO.BR PPG.BR PRO.BR PSC.BR QSL.BR TAXI.BR TEO.BR TRD.BR VET.BR ZLG.BR BLOG.BR FLOG.BR VLOG.BR WIKI.BR NOM.BR
DPNs para Pessoas Fsicas Web logs Foto logs Pessoas Fsicas Vdeo logs Pginas do tipo 'wiki' Gegrafos Jornalistas Leiloeiros Matemticos e Estatsticos Mdicos Msicos Notrios Nutricionistas Dentistas Publicitrios e profissionais da rea de propaganda e marketing Professores Psiclogos Rdio amadores Socilogos Taxistas Telogos Tradutores Veterinrios Zologos

JOR.BR

SLG.BR

Lista de Domnios Territoriais


Esta lista com todas as extenses de domnios territoriais atual:

Extenso ad ae af ag ai al am an ao aq ar as at au aw az

Pais
Andorra Emirados rabes Unidos Afeganisto Antigua & Barbuda Anguilla Albnia Armnia Antillas Holandesas Angola Antrtida Argentina America Samoa ustria Austrlia Aruba Azerbajo

Rodnei dos Santos Leal

12
ba bb bd be bf bg bh bi bj bm bn bn bo br bs bt bv bv bw bz ca cc cf cg ch ci ck cl cm cn co cr cs cu cv cx cy cz de dj dk dm do dz ec eq ee eg eh es et fi fj fk fm fo fr ga gb gd ge
Bsnia Barbados Bangladesh Blgica Burkina Faso Bulgria Bahrein Burundi Benin Bermuda Brunei Brunei Darussalam Bolvia Brasil Bahamas Bhutan Bielorssia Isl Bovet Botsuana Belice Canad Islas Cocos Repblica Centro-africana Congo Sua Cote D'Ivoire Isls Cook Chile Camares China Colmbia Costa Rica Checoslovquia Cuba Cabo Verde Christmas Island Cyprus Repblica Checa Alemanha Djibuti Dinamarca Dominica Repblica Dominicana Algeria Equador Eslovquia Estnia Egito Sahara Ocidental Espanha Etipia Finlndia Fiji Isls Falkland Micronsia Isls Faroe France Gabo Gr Bretanha Granada Gergia

Rodnei dos Santos Leal

13
gf gg gh gi gl gm gn gp gq gr gt gu gw hk hm hn hr hr ht hu id ie il im in iq ir is it je jm jo jp ke kg kh ki km kn kp kr kw ky kz la lb lc li lk lr ls ln lt lu lv ly ly ma mc md mg
Guiana Francesa Guernsey Islands (inc Alderney, Sark y Brethou ) Ghana Gibraltar Greenland Gmbia Guin Guadalupe Guin Equatorial Grcia Guatemala Guam Guiana Bissau Hong Kong Islas Heard y McDonald Honduras Crocia Hrvatska Haiti Hungria Indonsia Irlanda Israel Isl deMan ndia Iraq Ir Islndia Itlia Isl Jersey Jamaica Jordnia Japo Kenia Kyrgyzstan Camboja Kiribati Islas Comoros Saint Kitts and Nevis Coria do Norte Repblica de Coria do Sul Kuwait Islas Cayman Kazakhstan Laos Lbano Santa Lucia Liechtenstein Sri Lanka Libria Lesotho Letnia Litunia Luxemburgo Latvia Libyan Arab Jamahiriya Lbia Marruecos Mnaco Moldova Madagascar

Rodnei dos Santos Leal

14
mh mk ml mm mn mo mp mq mr ms mt mu mu mw mx my mz na nc ne nf ng ni nl no np nr nt nu nz om pa pe pf pg ph Pk pl pm pn pr pt pw py qa re ro ru rw sa sb sc sd se sg sh si sj sk sl sm
Islas Marshall Macednia Mali Mianmar Monglia Macau Islas Northern Mariana Martinique Mauritnia Montserrat Malta Maldivas Mauritius Malaui Mxico Malsia Moambique Nambia Nova Calednia Nigria Islas Norfolk Nigria Nicargua Pases Baixos Noruega Nepal Nauru Neutral Zone Niue Nova Zelandia Oman Panam Per Polinsia Francesa Papua Nova Guin Filipinas Paquisto Polnia Saint Pierre y Miquelon Pitcairn Porto Rico Portugal Palau Paraguai Qatar Reunion Romnia Federao Russa Ruanda Arbia Saudita Isls Solomon Isls Seychelles Sudo Sucia Singapura Saint Helena Eslovnia Islas Svalbard y Jan Mayen Eslovquia Serra Leone San Marino

Rodnei dos Santos Leal

15
sn so sr st su sv sy sz tc td tg th tj tk tm tn to tp tr tt tu tw tz ua ug uk us uy uz va vc ve vg vi vn vu wf ws ye yu za za zm zw
Senegal Somlia Suriname Santo Tome y Prncipe Unio Sovitica El Salvador Sria Suazilndia Turks and Caicos Islands Chad Togo Tailndia Tajikistan Tokelau Turkmenisto Tnez Tonga Timor Oriental Turquia Trinidad y Tobago Tuvalu Taiwan Tanznia Ucrnia Uganda Reino Unido Estados Unidos Uruguai Uzbekisto Vaticano Saint Vincent y Grenadines Venezuela Isls Virgenes (UK) Islas Virgenes (US) Vietnam Vanuatu Islas Wallis y Futuna Samoa Yemen Yugoslvia Sudfrica Zaire Zmbia Zimbbue

SEO
Search Engine Optimization (SEO), Otimizao para Ferramentas de Busca, processo de escolher palavras chaves e frases relacionadas com uma website no intuito de melhorar a classificao nos resultados fornecidos pelas ferramentas de buscas.

Rodnei dos Santos Leal

16

HTML
HyperText Markup Language (HTML) - Linguagem de Marcao de Hipertexto. No possvel programar em linguagem HTML, pois ela simplesmente uma linguagem de marcao ela serve apenas para indicarmos formataes para textos, inserir imagens e ligaes de hipertexto. Os browsers so os responsveis por identificar as marcaes em HTML e apresentar os documentos conforme o que foi especificado por essas marcaes.

Rodnei dos Santos Leal

17

Introduo ao HTML
HTML uma linguagem de marcao muito simples de ser utilizada, no sendo necessrias ferramentas muito sofisticadas para a sua edio, apenas um editor primitivo como o bloco de notas. Eu disse bloco de notas e no Word, WordPad ou Write, este so editores de texto. Um bom bloco de notas que nos ajuda muito o NotePad++, ele oferece suporte para diversas linguagens e outros recursos. Antes de comearmos vamos conhecer o que uma etiqueta HTML e suas partes: Uma etiqueta HTML tambm chamada de tag pode ser reconhecida pelos seguintes caracteres ou aspas francesas < e >. Sua parte interna dividida em trs <elemento atributo=valor> Existem dois tipos de tag, as tags dupla onde uma inicia a formatao e a outra encerra e a tag de encerramento que possui o caractere / logo aps a sua inicializao, exemplo: <title>...</title>, e as tags de auto fechamento tambm conhecidas como tags vazias, que so encerradas na mesma tag colocando o caractere / antes do fechamento, ou seja, uma tag nica, exemplo: <meta name="robots" content="index,follow" /> As tags so escritas em caixa baixa(minsculas) e nunca utilize caracteres especiais como , ^, ~ e etc.... Para inserirmos tais caracteres existe uma tabla especial de cdigos que representam estes caracteres e so exibidos corretamente nos navegadores.

Redigindo um documento HTML


Em um bloco de notas digite o cdigo a seguir: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. <!DOCTYPE html> <html lang="pt-Br"> <head> <!-- XXXX --> <title>meu primeiro doc HTML</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="styles.css" /> <script type=text/javaScript src=doc.js> </head> <body> <!-- aqui colocaremos toda parte que sera visivel ao nosso usuario --> </body> </html> Figura 1

Rodnei dos Santos Leal

18

Desvendando o cdigo:
Linha 1 : <!DOCTYPE html> Linha 2 : <HTML lang=pt-Br> Linha 3: <head> Linha 4: <!-- xxxx --> Comentrios e Comentrios Condicionais

Termo expression downlevel browser uplevel browser downlevelhidden downlevelrevealed

Descrio Uma conbinao de operadores, funcionalidades, e/ou valores usados para formar uma declarao condicional. Qualquer browser exceto Internet Explorer 5 e verses posteriores. Para efeitos do presente artigo, downlevel refere-se especificamente a qualquer browser ou a verso do navegador que no suporte condicional comentrios. Internet Explorer 5 e verses posteriores, que suporte conditional comments. Um bloco de comentrios condicionais que ignorado por browsers downlevel. Internet Explorer 5 e verses posteriores renderizam o HTML se a expresso avaliada como verdadeira. Um bloco de comentrios condicionais que analisado por browsers downlevel. Internet Explorer 5 e verses posteriores tambm renderizam o HTML se a expresso avaliada como verdadeira.

Sintaxe dos Conditional comments

A sintaxe bsica dos comentrios condicionais mostrada na tabela a seguir: Tipo de comentrio Sintaxe ou valor possvel Comentrio HTML padro <! Contedo do Comentrio > <![if expression]> HTML <![endif]> downlevel-hidden <![if expression]> HTML <![endif]> downlevel-revealed O HTML mostrado dentro de cada bloco de comentrio condicional denota qualquer bloco de contedo HTML, incluindo scripts. Ambos os tipos de comentrios condicionais utilizam uma expresso condicional para indicar se o contedo dentro do bloco deve ser analisado ou ignorado. A expresso condicional formada a partir de uma combinao de funcionalidade, operador, e/ou valor, como mostrado na tabela a seguir: Item IE value Exemplo [if IE] [if IE 7] Descrio A nica caracterstica suportada atualmente a string IE, correspondente ao Internet Explorer. Um nmero inteiro ou ponto flutuante correspondente a

Rodnei dos Santos Leal

19

! lt lte gt gte () & | true false

[if !IE] [if lt IE 5.5] [if lte IE 6] [if gt IE 5] [if gte IE 7] [if !(IE 7)] [if (gt IE 5)&(lt IE 7)] [if (IE 6)|(IE 7)] [if true] [if false]

verso do navegador. Retorna um valor Booleano se verdadeiro onde o nmero da verso corresponde verso do navegador. O operador NOT. Este colocado imediatamente na frente do recurso, operador, ou subexpresso para inverter o sentido da expresso booleana. Operador menor-do que. Retorna true se o primeiro argumento menor que o segundo argumento. Operador menor que ou igual. Retorna true se o primeiro argumento menor ou igual ao segundo argumento. Operador maior que. Retorna true se o primeiro argumento maior do que o segundo argumento. Operador maior que ou igual . Retorna true se o primeiro argumento for superior ou igual ao segundo argumento. Operadores de Subexpresso. Utilizado em conjunto com os operadores booleanos para criar expresses mais complexas. Operador E. Retorna true se todas as subexpresses avaliadas forem verdadeiras Operador OU. Retorna true se algumas das subexpresses avaliadas forem verdadeiras. Avalia se verdadeiro. Avalia se falso.

Exemplos de utilizao

<![if IE]><p>Voc est usando o Internet Explorer.</p><![endif]> <![if !IE]><p>Voc no est usando o Internet Explorer.</p><![endif]> <![if IE 7]><p>Bem vindo ao Internet Explorer 7!</p><![endif]> <![if !(IE 7)]><p>Voc no est usando a verso 7.</p><![endif]> <![if gte IE 7]><p>Voc est usando a verso 7 do IE ou superior.</p><![endif]> <![if (IE 5)]><p>Voc est usando o IE5 (qualquer verso).</p><![endif]> <![if (gte IE 5.5)&(lt IE 7)]><p>Voc est usando o IE 5.5 ou IE 6.</p><![endif]> <![if lt IE 5.5]><p>Por favor atualize a verso do seu Internet Explorer.</p><![endif] > <![if true]>Voc est usando uma verso <em>uplevel</em> do browser.<![endif]> <![if false]>Voc est usando uma verso <em>downlevel</em> do browser.<![endif]>

Rodnei dos Santos Leal

20

<![if true]><![if IE 7]><p>Esse comentrio mostrado aninhado no IE7.</p><![endif]><![endif]> Conditional comments no precisam ser utilizados especificamente para HTML, podem ser tambm utilizados para filtrar CSS para cada navegador(forma mais utilizada), e tambm para a utilizao de Scripts.

Meta Dados
Meta dados incorporados ao cdigo XHTML so, na verdade, estruturas de dados sobre os prprios dados, uma breve descrio do contedo da pgina, seu autor, data de criao, linguagem e outras informaes relevantes. Alguns sistemas de busca do aos contedos das meta tags uma forte nfase no ranking dos sites, a maioria deles indexa os dados das meta tags description e keywords como sumrios da pgina. Se estas tags forem usadas correta e racionalmente elas podem aumentar a relevncia nos resultados de busca o que vantajoso tanto para o proprietrio do site quanto para seu usurio. 1.1.Prs e contras Como qualquer ferramenta, a utilizao das meta tags tem seus prs e contras, vale ressaltar que o uso consciente de suas potencialidades pode praticamente anular seu lado negativo. Seguem algumas dicas: Mantenha as meta tags simples e concisas: Descries muito longas e palavras-chave em excesso sero ignoradas por alguns buscadores, inclusive, alguns deles indexam apenas as seis primeiras keywords. Sistemas de indexao podem tambm identificar o chamado "metatag spamming", onde as palavras-chave so repetidas vrias vezes, penalizando, assim, o site em seu ranking. D prioridade s palavras-chave mais importantes: Uma vez que alguns sistemas de indexao lem somente algumas das keywords importante listar as mais importantes primeiro. Evite o uso da meta tag REFRESH para redirecionamento: Antigamente muito usada, hoje deve ser evitada, primeiramente porque ela tende a confundir os bancos de dados dos sistemas de indexao e depois porque confundem tambm ao usurio, especialmente os que porventura estejam navegando com leitores de tela. No abuse das meta tags: Meta tags fornecem informaes usadas para categorizar, priorizar e rankear websites alm de controlar seu contedo pelos webmasters e/ou autores, mas este privilgio no deve ser abusado. Como dito anteriormente muitos sistemas de indexao so "inteligentes" o suficientes para perceber quando h este tipo de abuso, penalizando o site em sua colocao no ranking. Para o Google, elas no existem! Devido grande quatidade de "metatag spamming" o rob de busca do Google foi programado para ignor-las! Ele indexa parte do contedo da prpria pgina em seu banco de dados ao invs da "description". 1.2. Tipos de meta tags 1.2.1 HTTP-EQUIV Meta tags com o atributto HTTP-Equiv so equivalentes aos cabealhos http. Normalmente elas controlam as aes dos browsers e podem ser usadas para melhor especificar as informaes. Tags usadas desta forma tm um efeito equivalente quando sendo usadas como um cabealho HTTP. Nota: Enquanto este tipo de meta tags funciona normalmente no Netscape, outros browsers podem ignor-las. Elas tambm so ignoradas por servidores proxy, que vm se tornando muito comuns. mais recomendvel usar o cabealho HTTP equivalente, como, por exemplo, do Apache. Os cabealhos HTTP so definidos em http://www.alternic.org/rfcs/rfc1900/rfc1945.txt (HTTP 1.0)

Rodnei dos Santos Leal

21

E http://www.alternic.org/rfcs/rfc2000/rfc2068.txt (HTTP 1.1) Estes cabealhos podem ser gerados por scripts CGI e no Apache usando um arquivo contendo meta dados. 1.2.2. Name Meta tags com o atributo "name" so usadas para tipos que no correspondem a cabealhos HTTP. Muitas vezes esta distino ignorada. Por exemplo, alguns buscadores reconhecem a meta tag "Keywords" com o tipo "http-equiv", outros com o tipo "name". 1.2.3. Dublin Core (D.C) Com o objetivo de melhorar a indexao das pginas pelos motores de busca, muitos grupos de desenvolvedores acabam criando sua prpria "liguagem de metatags", a mais popular delas pertence ao projeto Dublin Core iniciado em 1995 buscando, segundo organizadores, mais flexibilidade para os autores.

1.3. Lista de Metatags, atributos e especificaes Apesar de todo o alvoroo existente em torno dos meta dados, muitas pessoas ainda no tem um conhecimento adequado da maioria dos recursos que estas ferramentas proporcionam, abaixo segue uma lista das principais meta tags, seus valores e funcionalidades. Nota: As palavras-chave "http-equiv", "name" e "content" so case-insensitive, assim como seus valores, mas segundo as especificaes do XHTML, todo o cdigo deve ser em letras minsculas. Author: O nome do autor da pgina. Ex.:
CODE <meta name="author" content="Andr">

Cache-Control Esta tag apenas reconhecida pelo http 1.1 e permite os seguintes valores: Public: Os dados da pgina podem ser armazenados de forma compartilhada, isto , ser utilizado por diferentes usurios de um mesmo browser (Notar que s possvel especificar usurios de browser no Firefox e Opera). Private: o contrrio de public, o cache armazenado para um especfico usurio. No-Cache: A pgina no armazenada em Cache. No-Store: feito um cache temporrio, a pgina no arquivada. Nota: A diretiva "cache-control:no-cache" tem a mesma funo de "pragma:no-cache". O ideal quando se usa essa instruo utilizar ambas as formas caso no se saiba se o servidor ou no compatvel com o HTTP 1.1. Ex.:
CODE <meta http-equiv="cache-control" content="no-cache">

Content-language

Rodnei dos Santos Leal

22

Declara a(s) linguagem(ns) natural(is) do documento. Pode ser usada pelos motores de busca para categorizar por idioma.
CODE <meta http-equiv="content-language" content="pt-br, en-US, fr">

Content-type Define o tipo de contedo da pgina e o tipo de codificao de caracteres. Pode-se dizer que a meta tag mais importante, sempre deve ser usada.
CODE <meta http-equiv="content-type" content="text/html; charset=UTF-8">

CopyRight Como o nome j diz declara o direito autoral da pgina.


CODE <meta name="copyright" content=" 2004 tex texin">

Description Contm uma descrio da pgina


CODE <meta name="description" content="...resumo da pgina...">

Expires A data e a hora depois dos quais o documento deve ser considerado como expirado. Uma data ilegal como, por exemplo "0" considerada como "agora". Configurar "Expires" como "0" pode tambm ser usado para forar uma nova checagem a cada visita do rob de busca. Nota: Alguns robs de busca podem deletar um documento de seu banco de dados ao encontr-lo expirado, outros podem marcar uma revisita
CODE <meta http-equiv="expires" content = "Mon, 22 jul 2006 11:12:01 GMT">

Keywords As keywords tipicamente so usadas por alguns motores de busca para indexar os documentos juntamente com informaes encontradas em seu ttulo e body. As frases ou palavras devem ser separadas por vrgulas.
CODE <meta name="keywords" content="..palavras-chave do documento">

Pragma no-cache Faz com que o navegador no armazene a pgina em cache.

Rodnei dos Santos Leal

23
Diferencia-se de "cache-control:no-cache" pelo fato de ser reconhecida por todas as verses do HTTP.
CODE <meta http-equiv="pragma" content="no-cache">

No mais aplicado
Refresh Especifica um tempo em segundos para o browser atualizar a pgina, opcionalmente pode-se adicionar uma URL para a qual ser redirecionado.
CODE <meta http-equiv="refresh" content="15;url=http://www.lendo.org">

Robots Especifica informaes de indexao para os robs de busca, suporta os seguintes valores: All: Valor default, significa vazio, o rob de busca no recebe nenhuma informao. Index: Os robs de busca podem incluir a pgina normalmente. Follow: Robs podem indexar a pgina e ainda seguir os links para outras pginas que ela contm. NoIndex:Os links podem ser seguidos, mas a pgina no indexada. NoFollow: A pgina indexada, mas os links no so seguidos. None: Os robs podem ignorar a pgina. NoArchive (Apenas Google): A pgina no arquivada.
CODE <meta name="robots" content="all">

GoogleBoot Em adio com a meta tag "Robots", o Google suporta um commando "GoogleBoot". Dizendo ao google que no quer que a pgina seja indexada. Nota: A pgina continuar a ser indexada pelos outros buscadores
CODE <meta name="robots" content="all">

Generator Indica o software usado para criar a pgina como forma de medir a popularidade do produto.
CODE <meta name="generator" content="Dreamweaver 8">

Revisit-After Diz para os servidores proxy refazer o cache da pgina depois de um tempo especfico.

Rodnei dos Santos Leal

24
Esta meta tag no faz com que os motores de busca voltem para sua pgina, eles fazem isso em perodos aleatrios.
CODE <meta name="revisit-after" content="15 days">

Rating Esta tag funciona para classificar a pgina por censura, assim como no cinema, suporta os valores: General: Para qualquer idade 14 years: Censura 14 anos Mature: Para pessoas acima de 18 anos
CODE <meta name="rating" content="general">

Content-Script-Type Define o tipo padro da linguagem de script do documento.


CODE <meta http-equiv="content-script-type" content="text/javascript">

Content-Style-Type Define o tipo padro de linguagem para estilizao do documento.


CODE <meta http-equiv="content-style-type" content="text/css">

DC.title Desempenha a mesma funo da tag "title", e deve conter o mesmo valor.
CODE <meta name= "DC.title" content="Info webdesign Solues Criativas, Mdias Interativas">

DC.Creator Tem o mesmo papel da meta tag "Author"


CODE <meta name="DC.creator " content="Gazola, Andr">

DC.Creator.adress E-mail para contato com o autor da pgina.


CODE <meta name="DC.creator.address" content="xismenico@gmail.com.br">

DC.Suject Tem a mesma funo da meta "Keywords".


CODE <meta name="DC.subject" content="metadata, metatags, dublin core,web design>

Rodnei dos Santos Leal

25

DC.Description Tem a mesma funo da meta "Description".


CODE <meta name="DC.description" content="..aqui vai a descrio da pgina..">

DC.Publisher Nome da organizao que responsvel pelo documento.


CODE <meta name="DC.publisher" content="Andr Gazola">

DC.Custodian Normalmente, o webmaster responsvel pela pgina.


CODE <meta name="Custodian" content="Gazola, Andr">

DC.Date.Created Data de criao da pgina no formato AAAA-MM-DD.


CODE <meta name="DC.date.created" content="2007-01-01">

DC.Date.Modified ltima data de modificao do documento, importante para buscas por data.
CODE <meta name="DC.date.modified" content="2006-02-01">

DC.Identifier URL do documento.


CODE <meta name="DC.Identifier" content="http://www.lendo.org">

DC.Format Especifica o tipo de dados contidos no documento. Text/html; Text/xml; Text/html; Image/jpg; Image/gif; Video/quicktime;

Rodnei dos Santos Leal

26
CODE <meta name="DC.format" content="text/xhtml">

DC.Type Texto, Home Page, menu, image, vdeo, dados, software ou sound so alguns dos valores suportados.
CODE <meta name="DC.type" content="text.homepage.institucional">

Rodnei dos Santos Leal

Você também pode gostar