O HTML
Inaugurei no YouTube uma série de tutoriais dedicados a quem quer aprender HTML. Saiba mais sobre esta que é a linguagem que serve de porta de entrada ao importante mundo das linguagens de programação Web.
Um bocadinho de história…
A linguagem HTML foi criada por Tim Berners-Lee, o pai da Internet, no início dos anos 90.
Em 1995 foi criado o World Wide Web Consortium (W3C) o que levou a uma standardização da linguagem. Passou a ser conhecida por HTML3.0 e mais tarde 3.2 (1997).
Em 1998 foi feita a última grande evolução da linguagem, 4.0.
Com a introdução do XML, o W3C, optou por converter aplicações HTML em XML já que consideravam que era já difícil evoluir mais o HTML. Surge assim em 1998 o XHTML 1.0 ainda que sem grandes novidades face ao HTML 4.0.
Foi apenas uma “XMLificação” do HTML.
Durante anos, trabalhou-se no XHTML2.0, mas o seu desenvolvimento nunca foi terminado, ainda que se tenham conseguido avanços no processamento de formulários (WebForms2.0) e aplicações Web.
Dadas as circunstâncias supramencionadas, o W3C reconsiderou a sua decisão de encostar o HTML, e considerou prioritária a evolução do HTML 5.
Princípios do HTML5
Ser retrocompatível, sempre que possível. Isto obriga que o HTML5 conviva com os seus antecessores que têm mais de 20 anos. Não é fácil…
Evitar que os utilizadores sejam prejudicados por um markup inconsistente.
Separação entre conteúdo e apresentação. Conteúdo = HTML. Estilo = CSS
Sintaxe simplificada.
Acessibilidade é prioridade!
Estrutura básica de uma página HTML5
Os mais experientes reparam que este ficheiro tem a linguagem algo simplificada, como é o caso do DOCTYPE.
O DOCTYPE serve para indicar ao browser que o ficheiro deve ser interpretado de acordo com as regras gerais definidas para a linguagem.
O elemento <html> é usado sempre como elemento de topo no ficheiro e delimita outros dois:
<head> e <body>
Dentro do <head> define-se sempre o <title>
Para além desse, pode-se definir igualmente o <base>, <meta>, <style>, <script> ou <link>.
O conteúdo do HTML a ser mostrado está sempre dentro do <body>.
Validar o código
Como validar o código?
Vamos usar o W3C. Ele ajuda-nos bastante nessa função.
Porquê validar o código?
Código mal escrito ou mal formatado pode ser a raiz de múltiplos problemas de usabilidade, falta de responsividade, etc…
Por isso devemos garantir:
- Que todas as tags são abertas e fechadas
- Usar atributos válidos (meta data)
- Se não o fizermos, os browsers corrigem os erros de código por nós e nem sempre o fazem bem!
Aprenda algo prático com os vídeos do meu canal:
Um bocadinh
Marcações: Web Design, tutoriais, html