Il codice HTML <head> Element
Il <head> elemento è un contenitore per i metadati (dati sui dati).
metadati HTML è dati sul documento HTML. I metadati non viene visualizzato.
I metadati tipicamente definiscono titolo del documento, gli stili, i collegamenti, gli script, e altre informazioni di meta.
I seguenti tag descrivono i metadati: <title>, <style>, <meta>, <link>, <script>, and <base> .
Tralasciando <html> e <body> ?
Nello standard HTML5, il <html> tag, il <body> tag e il <head> tag possono essere omessi.
Il seguente codice convaliderà come HTML5:
Esempio
<!DOCTYPE html>
<title>Page Title</title>
<h1>This is a heading</h1>
<p>This is a paragraph.</p> Prova tu stesso " w3ii sconsiglia omettendo le <html> e <body> tag.
Il <html> elemento è la radice del documento. E 'il posto consigliato per specificare la lingua della pagina:
<!DOCTYPE html>
<html lang="en-US">La dichiarazione di una lingua è importante per le applicazioni di accessibilità (lettori di schermo) e motori di ricerca.
Tralasciando <html> e <body> può mandare in crash mal scritto DOM/XML software.
Infine, omettendo <body> può produrre errori nei vecchi browser (IE9) .
Tralasciando <head>
Nello standard HTML5, il <head> tag può anche essere omesso.
Per impostazione predefinita, i browser si aggiungono tutti gli elementi prima di <body> , ad un default <head> elemento.
È possibile ridurre la complessità del codice HTML, omettendo il <head> tag:
Esempio
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html> Prova tu stesso " Tralasciando i tag è familiare per gli sviluppatori web. Ha bisogno di tempo per essere stabilito come linea guida.
Il codice HTML <title> Element
Il <title> elemento definisce il titolo del documento.
Il <title> elemento è richiesto in tutti i documenti HTML / XHTML.
Il <title> elemento:
- definisce un documento nella scheda del browser
- fornisce un titolo per la pagina quando viene inserito nei preferiti
- visualizza un titolo per la pagina nei risultati dei motori di ricerca
Un documento HTML semplificato:
Esempio
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
The content of the document......
</body>
</html> Prova tu stesso " Il codice HTML <style> Element
Il <style> elemento viene utilizzato per definire le informazioni di stile per un documento HTML.
All'interno del <style> elemento di specificare come gli elementi HTML dovrebbero rendere in un browser:
Il codice HTML <link> Element
Il <link> elemento definisce il rapporto pagina ad una risorsa esterna.
Il <link> elemento è più spesso utilizzato per collegare i fogli di stile:
Il codice HTML <meta> Element
Il <meta> elemento viene utilizzato per specificare descrizione della pagina, le parole chiave, autore, e altri metadati.
I metadati viene utilizzato dai browser (how to display content) , per i motori di ricerca (keywords) , e di altri servizi web.
Definire le parole chiave per i motori di ricerca:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">Definire una descrizione della pagina web:
<meta name="description" content="Free Web tutorials on HTML and CSS">Definire il set di caratteri utilizzato:
<meta charset="UTF-8">Definire l'autore di una pagina:
<meta name="author" content="Hege Refsnes">Aggiornare il documento ogni 30 secondi:
<meta http-equiv="refresh" content="30">Esempio di <meta> tag:
Esempio
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8"> Prova tu stesso " Il codice HTML <script> Element
Il <script> elemento viene utilizzato per definire JavaScript lato client.
Lo script di seguito scrive Ciao Javascript! in un elemento HTML con id="demo" :
Esempio
<script>
function myFunction {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script> Prova tu stesso " Per imparare tutto su JavaScript, visitare il nostro Tutorial Javascript !
Il codice HTML <base> Element
Il <base> elemento specifica l'URL di base e la destinazione di base per tutti gli URL relativi in una pagina:
Elementi HTML testa
| Etichetta | Descrizione |
|---|---|
| <head> | Definisce le informazioni sul documento |
| <title> | Definisce il titolo di un documento |
| <base> | Definisce un indirizzo predefinito o di un obiettivo predefinito per tutti i link presenti in una pagina |
| <link> | Definisce la relazione tra un documento e una risorsa esterna |
| <meta> | Definisce i metadati relativi un documento HTML |
| <script> | Definisce uno script lato client |
| <style> | Definisce le informazioni di stile per un documento |