O que é HTML Semântico ?

HTML & Semântica No Comments »

Lê-se muito na internet sobre tableless, html semântico, css e por ai vai, mas afinal o que é html semântico ?

Para compreender melhor, vamos as origens, compreender o que o termo semântica siguinifica:

A semântica (derivado de sema, sinal) refere-se ao estudo do significado, em todos os sentidos do termo. A semântica opõe-se com frequência à sintaxe, caso em que a primeira se ocupa do que algo significa, enquanto a segunda se debruça sobre as estruturas ou padrões formais do modo como esse algo é expresso (por exemplo, escritos ou falados). (Fonte: WikiPedia)

E então, o que é HTML Semântico ?

Basicamente compreender o que é e para que serve realmente cada TAG, aplicando somente nas horas apropriadas e corretas, exemplificando utilizar h1, h2, h3 somente em títulos, e entendendo que o h1, é para títulos de mais densidade, maiores e assim sucessivamente, entre outras várias tags, nos quais descrevo as mais utilizadas abaixo:

<div></div> : Utilizada em separação estrutural do site, exemplo barra lateral, rodapé, topo;
<span></span> : Feita para utilização, in-line, ou seja, durante a definição de parte a algo contínuo, exemplo: Definir algumas palavras de um texto, ou parte dele…
<p></p> : Utilizado para definição de parágrafo do site;
<ul></ul> (Unordered Lists) : Definição de listas, menu listas com ou sem pontos marcantes;
<ol></ol> (Ordered Lists) : Definição de listas em ordem com númeração;

Em geral é isso, qualquer comentário favor postar.

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in