<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Valério Farias &#187; marcação semântica</title>
	<atom:link href="http://valeriofarias.com/tag/marcacao-semantica/feed/" rel="self" type="application/rss+xml" />
	<link>http://valeriofarias.com</link>
	<description>(Tecnologia + Negócios) = :)</description>
	<lastBuildDate>Tue, 29 Mar 2011 21:07:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Padrões Web e a importância da Marcação Semântica</title>
		<link>http://valeriofarias.com/padroes-web-e-a-importancia-da-marcacao-semantica/</link>
		<comments>http://valeriofarias.com/padroes-web-e-a-importancia-da-marcacao-semantica/#comments</comments>
		<pubDate>Fri, 23 Nov 2007 02:17:03 +0000</pubDate>
		<dc:creator>Valrio Farias</dc:creator>
				<category><![CDATA[Padrões Web]]></category>
		<category><![CDATA[marcação semântica]]></category>

		<guid isPermaLink="false">http://valeriofarias.wordpress.com/2007/11/23/padroes-web-e-a-importancia-da-marcacao-semantica/</guid>
		<description><![CDATA[Nesse primeiro post sobre Padrões Web, gostaria de comentar um tema aparentemente já [batido] e muito [discutido], mas que infelizmente uma parte dos desenvolvedores não seguem os princípios, talvez, por comodidade ou por desconhecimento, então vou fazer uma tentativa para que pelo menos uma parte consigam cair na real.
Vou começar com dois conceitos básicos segundo [...]]]></description>
			<content:encoded><![CDATA[<p>Nesse primeiro post sobre Padrões Web, gostaria de comentar um tema aparentemente já [<a href="http://www.tableless.com.br/a-semantica-e-que-manda">batido</a>] e muito [<a href="http://revolucao.etc.br/archives/validacao-e-semantica/">discutido</a>], mas que infelizmente <a href="http://www.tableless.com.br/desenvolvedor-retrogrado">uma parte dos desenvolvedores</a> não seguem os princípios, talvez, por comodidade ou por desconhecimento, então vou fazer uma tentativa para que pelo menos uma parte consigam cair na real.</p>
<p>Vou começar com dois conceitos básicos segundo <a href="http://www.zeldman.com/">Jeffrey Zeldman</a>:</p>
<ul>
<li><strong>Marcação Válida:</strong> é quando não contém erros (ex: esquecer de fechar tags) e não contém tags ou atributos ilegais (ex: usar atributo height em tabelas que não é permitido).
</li>
<li><strong>Marcação Semântica</strong>: É quando as tags representam o tipo de conteúdo para qual foram projetadas (ex: quando colocamos a tag de título h1 marcando o trecho de conteúdo mais importante da página).</li>
</ul>
<p>Se eu utilizar o <strong>h1</strong> em um trecho somente para deixá-lo um pouco maior visualmente, sem ter a certeza de que o trecho é realmente mais relevente não é uma prática de marcação semântica.</p>
<p>Uma página web pode ser válida sem ser semanticamente estruturada que é o caso dos layouts de tabela onde a marcação das células da tabela são usadas para criar uma aparência visual e não para representar o conteúdo, porém elas não apresentam nenhum erro de sintaxe ou de atributos ilegais e portanto são válidas.</p>
<p>O inverso também é possível como uma tabela representando um calendário ( marcação semântica ) só que com algumas tags sem fechar (não válido).  Os profissionais que tentam criar páginas baseadas nas boas práticas dos padrões web se preocupam tanto em deixar a página válida quanto em escolher as tags apropriadas para cada trecho de conteúdo conseguindo também uma marcação semântica.</p>
<p>O que ainda muitos desenvolvedores confundem e inclusive alguns instrutores que repassam de forma distorcida é com relação ao conceito do html voltado para o visual, provavelmente devido a herança das práticas do layout de tabela que era utilizada quando o CSS ainda não era suportado nos principais navegadores. Outro complicador é o fato da percepção do ser humano ser voltada de forma muito intensa para o sentido da visão. Então poderá ocorrer de profissionais falarem que é melhor usar a tag h3 já que a tag h1 fica grande demais no navegador e a tag h6 ficar quase ilegível (concepção presa na formatação).  Só que o pensamento deve ser: podemos usar h1 para o título que realmente for o mais importante da página e sucessivamente nos demais quando forem menos relevantes que o principal.</p>
<p>Esse princípio básico de compreensão da marcação semântica é o primeiro passo e é essencial para construir uma página acessível e que tenha um nível bom de usabilidade, deixando-a confortável para o usuário e também facilmente indexável por mecanismos de busca, ampliando os horizontes permitindo a utilização através de dispositivos móveis, leitores de tela e outros mecanismos ou dispositivos que venham a ser criados.</p>
<p>A <strong>Marcação Válida</strong> é facilmente detectada por <a href="http://validator.w3.org/">softwares automatizados</a> porque se trata de sintaxe e de regras pre-definidas. Porém a boa utilização da <strong>Marcação Semântica</strong> depende extritamente do nível de consciência e da maturidade que o desenvolvedor tem com relação aos padrões Web. Nesse momento o fator humano é essencial.</p>
<p>Essa é minha tentativa de dar uma contribuição, pois iniciar uma página com foco na marcação semântica é &#8220;iniciar uma página com o pé direito&#8221; e dependendo do contexto caso a página seja feita sem preocupação em utilizar a tag contextualizada com o conteúdo é muito provável que essa página esteja fadada ao fracasso ou até mesmo já esteja obsoleta ao ser finalizada, quando o dono perceber que ela <a href="http://www.google.com.br/search?q=html&amp;hl=pt-BR&amp;client=firefox-a&amp;rls=org.mozilla:pt-BR:official&amp;start=150&amp;sa=N">fica muito distante na lista do google</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://valeriofarias.com/padroes-web-e-a-importancia-da-marcacao-semantica/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

