<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comentários sobre: Navegação semântica com HTML 5</title>
	<atom:link href="http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/</link>
	<description>Tutoriais e pensamentos CSS, web standards, acessibilidade, tableless</description>
	<lastBuildDate>Thu, 02 Feb 2012 11:35:54 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
	<item>
		<title>Por: Como usar o elemento SECTION do HTML5 &#124; kadunew.com/blog</title>
		<link>http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/comment-page-1/#comment-27585</link>
		<dc:creator>Como usar o elemento SECTION do HTML5 &#124; kadunew.com/blog</dc:creator>
		<pubDate>Thu, 30 Dec 2010 13:39:48 +0000</pubDate>
		<guid isPermaLink="false">http://www.maujor.com/blog/?p=429#comment-27585</guid>
		<description>[...] O principal objetivo é retirar essa responsabilidade das divs. Tendo como principal diferencial a navegação semântica com HTML 5.  Digamos que na sua página inicial você tenha três chamadas principais: Clientes, Serviços e [...]</description>
		<content:encoded><![CDATA[<p>[...] O principal objetivo é retirar essa responsabilidade das divs. Tendo como principal diferencial a navegação semântica com HTML 5.  Digamos que na sua página inicial você tenha três chamadas principais: Clientes, Serviços e [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: &#187; Blog Archive &#187; Navegação semântica com HTML 5</title>
		<link>http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/comment-page-1/#comment-26392</link>
		<dc:creator>&#187; Blog Archive &#187; Navegação semântica com HTML 5</dc:creator>
		<pubDate>Wed, 12 May 2010 13:33:48 +0000</pubDate>
		<guid isPermaLink="false">http://www.maujor.com/blog/?p=429#comment-26392</guid>
		<description>[...] Você provavelmente tem usado uma marcação como a mostrada a seguir   view source [...]</description>
		<content:encoded><![CDATA[<p>[...] Você provavelmente tem usado uma marcação como a mostrada a seguir   view source [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Marco Antonio de Queiroz - MAQ</title>
		<link>http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/comment-page-1/#comment-26189</link>
		<dc:creator>Marco Antonio de Queiroz - MAQ</dc:creator>
		<pubDate>Thu, 31 Dec 2009 13:24:09 +0000</pubDate>
		<guid isPermaLink="false">http://www.maujor.com/blog/?p=429#comment-26189</guid>
		<description>Sinceramente gostaria de saber a funcionalidade deste novo elemento. Não sei se isso aparece em alguma imagem, pois sou pessoa com deficiência visual. Na prática, é audível uma lista de itens para se fazer um menu de navegação. Quando passo por uma lista de itens de um menu de navegação, meu leitor de tela - uso o Jaws - sonoriza &quot;lista de itens com &quot;999&quot; itens. Dessa forma essa semântica é útil para a acessibilidade de sites para pessoas com deficiência porque, além de me informar da existência da lista, também o faz quanto a quantidade de itens que vou encontrar  na continuidade de minha navegação. Para quem enxerga isso é óbvio, basta olhar quantos itens existem, mas para a maioria dos usuários de leitores de tela é como se fosse uma visão ampliada do que se vai seguir. Tem outras vantagens: se eu teclar  a letra &quot;l&quot; meu leitor leva o cursor diretamente para a primeira lista que encontrar, se teclo &quot;i&quot; ele vai direto ao primeiro item de lista. Dessa forma, as listas possuem em sua semântica um padrão de organização e funcionalidades óbvias e úteis. Se é para garantir a semântica e somente isso, possuirá lugar nos padrões como  documentação e organização de códigos, mas se não existir, além disso, uma funcionalidade prática (desculpem-me a redundância aparente), ficará um acréscimo semântico complicador e não simplificador do código. Afinal, o que o NAV cria de novo, executa de novo?

Quanto ao amigo que perguntou quanto ao H1 existir duas vezes, creio que deve ser porque eram exemplos distintos, não? Para a acessibilidade web, que é a minha praia, todo h1 serve para destacar o título de um site, portanto deveria haver um h1 em cada página de cada site informando o título do mesmo, o mesmo título, claro. O h2 serve para o título de páginas internas e, na principal, para as divisões do site, h3 deveria ser para o título de artigos ou de seções de um mesmo artigo. Em alguns leitores de tela eu teclo a letra &quot;H&quot; e navego de h em h do código que, estando semântico, ou seja, o H sendo utilizado somente para títulos (cabeçalhos), eu navegaria com conforto  de h em h. Como tem gente que utiliza o h para destacar links dentro de menus, a semântica vai para o brejo e minha navegação junto!
Abraços acessíveis do MAQ.</description>
		<content:encoded><![CDATA[<p>Sinceramente gostaria de saber a funcionalidade deste novo elemento. Não sei se isso aparece em alguma imagem, pois sou pessoa com deficiência visual. Na prática, é audível uma lista de itens para se fazer um menu de navegação. Quando passo por uma lista de itens de um menu de navegação, meu leitor de tela &#8211; uso o Jaws &#8211; sonoriza &#8220;lista de itens com &#8220;999&#8243; itens. Dessa forma essa semântica é útil para a acessibilidade de sites para pessoas com deficiência porque, além de me informar da existência da lista, também o faz quanto a quantidade de itens que vou encontrar  na continuidade de minha navegação. Para quem enxerga isso é óbvio, basta olhar quantos itens existem, mas para a maioria dos usuários de leitores de tela é como se fosse uma visão ampliada do que se vai seguir. Tem outras vantagens: se eu teclar  a letra &#8220;l&#8221; meu leitor leva o cursor diretamente para a primeira lista que encontrar, se teclo &#8220;i&#8221; ele vai direto ao primeiro item de lista. Dessa forma, as listas possuem em sua semântica um padrão de organização e funcionalidades óbvias e úteis. Se é para garantir a semântica e somente isso, possuirá lugar nos padrões como  documentação e organização de códigos, mas se não existir, além disso, uma funcionalidade prática (desculpem-me a redundância aparente), ficará um acréscimo semântico complicador e não simplificador do código. Afinal, o que o NAV cria de novo, executa de novo?</p>
<p>Quanto ao amigo que perguntou quanto ao H1 existir duas vezes, creio que deve ser porque eram exemplos distintos, não? Para a acessibilidade web, que é a minha praia, todo h1 serve para destacar o título de um site, portanto deveria haver um h1 em cada página de cada site informando o título do mesmo, o mesmo título, claro. O h2 serve para o título de páginas internas e, na principal, para as divisões do site, h3 deveria ser para o título de artigos ou de seções de um mesmo artigo. Em alguns leitores de tela eu teclo a letra &#8220;H&#8221; e navego de h em h do código que, estando semântico, ou seja, o H sendo utilizado somente para títulos (cabeçalhos), eu navegaria com conforto  de h em h. Como tem gente que utiliza o h para destacar links dentro de menus, a semântica vai para o brejo e minha navegação junto!<br />
Abraços acessíveis do MAQ.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Raphael Monteiro Barboza</title>
		<link>http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/comment-page-1/#comment-26173</link>
		<dc:creator>Raphael Monteiro Barboza</dc:creator>
		<pubDate>Fri, 18 Dec 2009 11:49:50 +0000</pubDate>
		<guid isPermaLink="false">http://www.maujor.com/blog/?p=429#comment-26173</guid>
		<description>Olá Maujor tudo bem?

Cara estou procurando muito sobre o HTML 5 e observei umas coisas que não gostei muito, como você mostra no exemplo acima eu usava direto  sem a necessidade de  estava fazendo de tudo para deixar o cod mais enxuto o possivel e agora com o HTML 5 vem acrescida de umas tag&#039;s  que não tem grandes funcionalidades a não ser esruturar a semântica do conteúdo, por exemplo agora vou ter que acrescentar muito mais tags como     ...No meu ponto de vista,  vai ser uma batalha dura para que usa muitas divs os codigos vão sobrecarregar não acha? a ideia era facilitar o carregamento ou facilitar a semantica? 

Eu procuro utilizar o minimo de divs possiveis, acredito que não vai sobrecaregar meus documentos, mas sabemos que a maioria dos desenvolvedores utilizam ainda até tabelas.

Uma observação nos exemplo que notei foi a sua utilização do h1, você utilizou ele em dois momentos no mesmo documento, eu procuro utilizar somente um por página, você sabe se tem alguma recomendação sobre a utilização?</description>
		<content:encoded><![CDATA[<p>Olá Maujor tudo bem?</p>
<p>Cara estou procurando muito sobre o HTML 5 e observei umas coisas que não gostei muito, como você mostra no exemplo acima eu usava direto  sem a necessidade de  estava fazendo de tudo para deixar o cod mais enxuto o possivel e agora com o HTML 5 vem acrescida de umas tag&#8217;s  que não tem grandes funcionalidades a não ser esruturar a semântica do conteúdo, por exemplo agora vou ter que acrescentar muito mais tags como     &#8230;No meu ponto de vista,  vai ser uma batalha dura para que usa muitas divs os codigos vão sobrecarregar não acha? a ideia era facilitar o carregamento ou facilitar a semantica? </p>
<p>Eu procuro utilizar o minimo de divs possiveis, acredito que não vai sobrecaregar meus documentos, mas sabemos que a maioria dos desenvolvedores utilizam ainda até tabelas.</p>
<p>Uma observação nos exemplo que notei foi a sua utilização do h1, você utilizou ele em dois momentos no mesmo documento, eu procuro utilizar somente um por página, você sabe se tem alguma recomendação sobre a utilização?</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Links do Mês &#8211; Outubro de 2009 &#124; Mateus Souza &#124; Blog - Desenvolvimento Web e o que merecer um post</title>
		<link>http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/comment-page-1/#comment-25893</link>
		<dc:creator>Links do Mês &#8211; Outubro de 2009 &#124; Mateus Souza &#124; Blog - Desenvolvimento Web e o que merecer um post</dc:creator>
		<pubDate>Fri, 30 Oct 2009 12:43:30 +0000</pubDate>
		<guid isPermaLink="false">http://www.maujor.com/blog/?p=429#comment-25893</guid>
		<description>[...] Navegação Semântica com HTML 5 &#8211; Blog do Majour [...]</description>
		<content:encoded><![CDATA[<p>[...] Navegação Semântica com HTML 5 &#8211; Blog do Majour [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Maujor</title>
		<link>http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/comment-page-1/#comment-25889</link>
		<dc:creator>Maujor</dc:creator>
		<pubDate>Thu, 22 Oct 2009 17:57:24 +0000</pubDate>
		<guid isPermaLink="false">http://www.maujor.com/blog/?p=429#comment-25889</guid>
		<description>&lt;b&gt;Trambulhão&lt;/b&gt;
A tabela publicada em &lt;a href=&quot;http://zip.li/20L0&quot; rel=&quot;nofollow&quot;&gt;http://zip.li/20L0&lt;/a&gt; está certa.
O elemento &lt;code&gt;big &lt;/code&gt;não faz parte da HTML5.
O elemento &lt;code&gt;small&lt;/code&gt; continua, mas em HTML5 tem um valor semântico diferente da HTML4. Ele se destina a marcar pequenas anotações complementares de um texto.</description>
		<content:encoded><![CDATA[<p><b>Trambulhão</b><br />
A tabela publicada em <a href="http://zip.li/20L0" rel="nofollow">http://zip.li/20L0</a> está certa.<br />
O elemento <code>big </code>não faz parte da HTML5.<br />
O elemento <code>small</code> continua, mas em HTML5 tem um valor semântico diferente da HTML4. Ele se destina a marcar pequenas anotações complementares de um texto.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Trambulhao</title>
		<link>http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/comment-page-1/#comment-25886</link>
		<dc:creator>Trambulhao</dc:creator>
		<pubDate>Thu, 22 Oct 2009 17:14:51 +0000</pubDate>
		<guid isPermaLink="false">http://www.maujor.com/blog/?p=429#comment-25886</guid>
		<description>Reparei que o elemento &lt;em&gt;big&lt;/em&gt; está marcado como não suportado no html5, está correto?

Sendo verdade, o elemento &lt;em&gt;small&lt;/em&gt; não deveria também estar marcado?

Mais uma vez, parabéns.

Obrigado Maujor</description>
		<content:encoded><![CDATA[<p>Reparei que o elemento <em>big</em> está marcado como não suportado no html5, está correto?</p>
<p>Sendo verdade, o elemento <em>small</em> não deveria também estar marcado?</p>
<p>Mais uma vez, parabéns.</p>
<p>Obrigado Maujor</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Rodrigo</title>
		<link>http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/comment-page-1/#comment-25878</link>
		<dc:creator>Rodrigo</dc:creator>
		<pubDate>Sun, 18 Oct 2009 04:38:33 +0000</pubDate>
		<guid isPermaLink="false">http://www.maujor.com/blog/?p=429#comment-25878</guid>
		<description>O html é uma linguagem que nunca vai sair de moda, pois em todas outras linguages ou modelos voce precisa dela, pode ate ser pouco mais precisa do basico em html...
http://www.liberdaderadical.com.br</description>
		<content:encoded><![CDATA[<p>O html é uma linguagem que nunca vai sair de moda, pois em todas outras linguages ou modelos voce precisa dela, pode ate ser pouco mais precisa do basico em html&#8230;<br />
<a href="http://www.liberdaderadical.com.br" rel="nofollow">http://www.liberdaderadical.com.br</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Leandro</title>
		<link>http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/comment-page-1/#comment-25873</link>
		<dc:creator>Leandro</dc:creator>
		<pubDate>Thu, 15 Oct 2009 19:17:11 +0000</pubDate>
		<guid isPermaLink="false">http://www.maujor.com/blog/?p=429#comment-25873</guid>
		<description>Assim como o prêmio Nobel da Paz, Maujor deveria ser premiado
como Premio Nobel de Ensino ou alguma coisa do gênero!
O site do Maujor e seu blog possuem vasto conteúdo de qualidade,
servindo de alicerce para muitos profissionais, o mais incrível é que Maujor ensina porque tem prazer em ensinar. Quem dera nossas universidades e núcleos de ensino tivessem pessoas com este calibre! Parabéns Maujor, sinceramente um dos melhores sites da web</description>
		<content:encoded><![CDATA[<p>Assim como o prêmio Nobel da Paz, Maujor deveria ser premiado<br />
como Premio Nobel de Ensino ou alguma coisa do gênero!<br />
O site do Maujor e seu blog possuem vasto conteúdo de qualidade,<br />
servindo de alicerce para muitos profissionais, o mais incrível é que Maujor ensina porque tem prazer em ensinar. Quem dera nossas universidades e núcleos de ensino tivessem pessoas com este calibre! Parabéns Maujor, sinceramente um dos melhores sites da web</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Thiago</title>
		<link>http://www.maujor.com/blog/2009/10/05/navegacao-semantica-com-html-5/comment-page-1/#comment-25872</link>
		<dc:creator>Thiago</dc:creator>
		<pubDate>Wed, 14 Oct 2009 19:47:20 +0000</pubDate>
		<guid isPermaLink="false">http://www.maujor.com/blog/?p=429#comment-25872</guid>
		<description>No entando eu já usava o elemento &quot;nav&quot; para navegações principais. Agora que sei que servem para outras partes. Bem legal o conteúdo do blog, já acompanho o site há alguns anos. Continue assim!</description>
		<content:encoded><![CDATA[<p>No entando eu já usava o elemento &#8220;nav&#8221; para navegações principais. Agora que sei que servem para outras partes. Bem legal o conteúdo do blog, já acompanho o site há alguns anos. Continue assim!</p>
]]></content:encoded>
	</item>
</channel>
</rss>

