A utilização da Semântica no Javascript pode e deverá ser um grande diferencial num futuro bem próximo, com a popularização de termos como a própia Semântica e Acessibilidade o mercado vem exigindo cada vez mais o uso dessas técnicas no desenvolvimento de projetos considerados “globais”, o que não significa que estou falando dos funcionários da Rede Globo de Televisão, global pode ser definido como algo que está acessível para tudo e para todos, resumindo, o uso dessas técnicas é algo imprescindível o mercado web de hoje e não como há 10 anos atrás.

Semântica, pode ser definido como: a realização de algo utilizando um padrão formal.
Essa forma de organização pode ser aplicado a praticamente qualquer coisa, agora estamos falando de “Web Semântica”, ou seja, uma web mais organizada e formal, quando falamos em web formal a primeira coisa que vem a cabeça e a “Web Certinha” certo? Errado, uma web formal não quer dizer que o seu conteúdo precisar ser “certinho”, a semântica é aplicada na estrutura dos códigos que escrevemos.

Exemplo:

<script type="text/javascript" src="arq_externo.js" />

Este é um exemplo Semântico de inserirmos JavaScript em uma página HTML, esta mesma forma pode ser utilizada para inserir CSS em uma página, para isso basta modificar o atributo “type” para “text/css” e “src” para “nomedoarq.css” Um exemplo valido mais não semântico de inserir JS em uma página é a seguinte:

<script type="text/javascript">

// códigos javascript

</script>

Scripts estruturados desta forma podem ser encontrados em diversos web sites antigos e em alguns novos também, já que para muita gente ainda não caiu à ficha.

Tag “noscript”

<script type="text/javascript">

alert(“JavaScript habilitado e funcionando corretamente”)

</script>

Está tag nos permite disponibilizar conteúdo para browsers que não possuam ou estejam com o JS desativado.

Exemplo:

<noscript>

<p>JavaScript não instalado ou desabilitado!</p>

</noscript>

Neste exemplo será exibida uma mensagem na tela do usuário com a seguinte texto “JavaScript habilitado e funcionando corretamente”, isso caso ele esteja com o JS estável, caso contrário será exibida uma mensagem como texto normal dizendo que o “JavaScript não instalado ou desabilitado!”.

Comentários

Igualmente as outras linguagens, no JS os comentários são usados para explicar a funcionalidade do comando abaixo ou acima dele executado, existem duas forma de comentário, // = comentários de uma única linha, e /**/ = comentários de múltiplas linhas.

Exemplo:

<script type="text/javascript">

// comentário de uma única linha 

/* comentário de multiplas linhas 	*/

</script>

Caso você use JavaScript in-line é essencial o uso de comentários HTML, browsers mais antigos que não suportam JS iram exibir todo o seu código JS como se fizesse parte do conteúdo, a não ser que… você declare os códigos JS dentro de comentários HTML.

Exemplo:

<script type="text/javascript">

< !—// 

Códigos JavaScript

//-->

</script>

“Mais não existem essas duas barras // nos comentários HTML”, bem, não mais no JS é preciso que elas sejam declaradas. Por que? Isso impede o interpretador JS as interprete.

Algo também muito importante no JavaScript é o ; (ponto e virgula), a utilização do ; é quase opcional, sim é quase por que em alguns casos há não utilização dos caracteres pode causar o não funcionamento de seu código, caso você vá declarar mais de um elemento de código na mesma linha é necessário que você use o ; (ponto e virgula).

Uma Internet acessível a tudo e a todos, isso pode parecer exagero da minha parte, mais se você é um desenvolvedor sabe que além dos usuários comuns a rede é composta por diversos sistemas que fazem reconhecimento automático de nossas aplicações, caso o nosso sistema não esteja bem estruturado o mesmo não será reconhecido pelos robôs da web, por outro lado a inclusão digital, inclusive para deficientes (físicos, visuais e etc.) que estão cada vez mais entrando na era digital, hoje com a popularização de softwares e hardwares específicos para a categoria, cresce a demanda por aplicativos web com o mesmo nível de acessibilidade, existem hoje casos em que a os própios deficientes estão desenvolvendo aplicações desktop e web, há algum tempo conheci um site criado por um deficiente visual, mais no momento nem o nome nem a URL me vem a mente.

Bem espero ter ajudado com esse artigo, qual quer duvida, critica ou elogio deixe um comentário ou entre em contato! Abraço.

(Aviso! Caso haja algum erro de Português não se importe, como a filha da Xuxa eu fui alfabetisado em ingreis.)

DaSilva, Primeiro Avaliador de Acessibilidade em Português para Websites.