Le semplice regole da seguire quando si scrive un documento HTML "corretto" non sono molte. Un documento HTML inizia con il tag di apertura <html> e termina con il tag di chiusura </html>. In questo modo indichiamo al browser di visualizzare il contenuto racchiuso tra i due tag in formato HTML. Come potete notare un tag di apertura ha un tag di chiusura. Questa regola non vale per alcuni tag, ma per una questione di ordine del documento è preferibile chiudere tutti i tag che apriamo. I tag possono avere degli attributi che danno delle informazioni aggiuntive per la formattazione delle pagine, anche se è preferibile usare i fogli di stile per indicare le caratteristiche dei tag. Nei prossimi articoli vedremo i fogli di stile css. Un documento HTML ha due parti fondamentali:
- HEAD: è l'intestazione che viene racchiusa tra i tag <head> e </head> e che fornisce informazioni importanti al browser sul documento da visualizzare. Queste informazioni sono il titolo del documento, le parole chiavi per i motori di ricerca e i file esterni (file javascript e/o css) da includere nel documento. La parte dell'intestazione non verrà visualizzata dal browser.
- BODY: è la parte descrittiva del documento o corpo del documento racchiuso tra i tag <body> e </body>. Il corpo contiene tutta quella parte che verrà visualizzata dal browser, contiene quindi il testo, le immagini, i link, le tabelle e molto altro ancora.
Approfondiremo ora il tag HEAD, in seguito parleremo anche del tag BODY. L'intestazione HEAD non ha attributi. Al suo interno troviamo i tag TITLE, META, BASE, SCRIPT, STYLE, LINK.
- <title> titolo <title>: descrive il titolo del documento che compare nella barra superiore della finestra del browser, per questo motivo è preferibile inserire un titolo piuttosto breve. Si ritiene poco professionale non inserire il titolo di una pagina web che resterebbe anonima, quindi meglio inserire una breve descrizione del documento.
- <meta>: il tag META non richiede il tag di chiusura, ma l'aggiunta di alcuni attributi. Con gli attributi possiamo specificare l'autore della pagina, la descrizione del documento, le parole chiave per i motori di ricerca, la lingua in cui sono scritti i contenuti del sito, i diritti di copyright. Un esempio del tag META è il seguente: <meta name="author" content="nome e cognome">. Gli attributi name che possiamo utilizzare sono oltre ad "author", "description", "keywords", "copiright", "date", "generator", "robots", "content-language". Da sottolineare che con l'attributo "robots" possiamo indicare al motore di ricerca le pagine da indicizzare.
- <base href="...">: specifica la locazione iniziale per le URL relative contenute nel documento.
- <script>...</script>: il tag SCRIPT viene usato per inserire nel documento codice in linguaggio di scripting, in genere viene utilizzato per inserire codice Javascript (<script type="text/javascript"> codice javascript </script>).
- <style>...</style>: il tag STYLE viene utilizzato per inserire i fogli di stile (<style type="text/css"> css </style>).
- <link>: il tag LINK non richiede il tag di chiusura e viene utilizzato per includere file esterni contenenti fogli di stile o codice javascript. Un esempio del tag è il seguente <link href="fogliostile.css" rel="stylesheet" type="text/css">. Personalmente preferisco quest'ultima forma per includere i fogli di stile nel documento HTML. Avendo due documenti separati sarà più semplice in futuro dover modificare solo i fogli di stile senza dover toccare il documento HTML e viceversa.
Nessun commento:
Posta un commento