ELEMENTI ESSENZIALI HTML


Un documento HTML5 è composto da 4 elementi essenziali, che esaminiamo insieme di seguito:


  1. <!DOCTYPE html> : dichiarazione di versione.
  2. <html>: elemento che identifica una pagina html.
  3. <head>: elemento che contiente informazioni sulla pagina web.
  4. <body>: corpo della pagina.

1. DOCTYPE

<!DOCTYPE html> , è l’ elemento della pagina html che indica ai nostri browsers , la versione del linguaggio utilizzata per la stesura del documento.




Ogni versione di HTML , ha una dichiarazione di versione differente, quella di HTML5 è sicuramente la più semplice che il W3C ha creato fino ad ora.

  • DICHIARAZIONE HTML 4.01

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
 “http://www.w3.org/TR/html4/strict.dtd”>

  • DICHIARAZIONE HTML5

<!doctype html>

Qualche regola

  1. NON è un TAG , è un istruzione per i browser , al fine di  una corretta renderizzazione (restituzione grafica degli elementi).
  2. <!DOCTYPE html> NON è CASE-SENSITIVE ,  può essere indicato in maiuscolo o in minuscolo.
  3. indica al browser come effettuare il rendering della pagina. 
  4. è il primo elemento obbligatorio che costituisce un documento HTML.



2. TAG HTML

il tag <html> , è il primo tag di una pagina html , indica che ci troviamo in presenza di un documento html funge da contenitore per tutti gli altri elementi della pagina.

il tag di chiusura </html> , è l’ ultimo elemento di un documento html.

Questo tag può contenere due attributi facoltativi:

  • lang : serve ad indicare la lingua nel quale è stato redatto il documento , attualmente i motori di ricerca riescono a riconoscerla autonomamente , ma inserirla è molto utile in quanto facilita il riconoscimento della lingua da parte dei software di sintesi vocali ai fini di una corretta pronuncia.
  • dir : serve ad indicare la direzione del testo ed accetta due parametri:
    • rtl : right to left (da destra a sinistra)
    • ltr : left to right (da sinistra a destra)

3. TAG HEAD

<head> è l’ elemento che identifica la parte del documento html , destinata a contenere informazioni riguardanti la pagina stessa.

Queste informazioni non sono mostrate dai browsers , ma servono solamente a fornire informazioni ai motori di ricerca al fine di una corretta renderizzazione.




Gli elementi ammessi all’ interno di questo tag sono i seguenti:

  • <title> 
  • <link> 
  • <meta>
  • <style>
  • <script> 
  • <base>

4. TAG BODY

<body> è il tag che contiene tutti gli elementi che il browser mostra agli utenti durante la navigazione (es. tabelle , link , paragrafi , titoli , video , audio , frame, menu ecc..).


Continua a leggere