I documenti HTML sono costituite da elementi HTML.
Nella sintassi HTML, la maggior parte degli elementi sono scritti con un tag di apertura e un tag di chiusura, con il contenuto in mezzo. Un tag HTML è composto dal nome dell'elemento, circondato da parentesi angolari. Un tag di chiusura ha anche una barra dopo la parentesi angolare di apertura, per distinguerlo dal tag iniziale.
Elementi HTML
Elementi HTML sono scritti con un tag di apertura, con un tag di chiusura, con il contenuto in mezzo:
L'elemento HTML è tutto, dal tag iniziale al tag di chiusura:
| tag iniziale | contenuto dell'elemento | tag di fine |
|---|---|---|
| <h1> | Il mio primo titolo | </h1> |
| <p> | Il mio primo paragrafo. | </p> |
| <br> |
Alcuni elementi HTML non hanno un tag di chiusura.
Nidificati Elementi HTML
Elementi HTML possono essere nidificati (elements can contain elements) .
Tutti i documenti HTML sono costituite da elementi HTML nidificate.
Questo esempio contiene 4 elementi HTML:
Esempio
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html> Prova tu stesso " HTML Esempio spiegato
Il <html> elemento definisce l'intero documento.
Ha un tag iniziale <html> e un tag finale </html> .
Il contenuto di un elemento è un altro elemento HTML (the <body> element) .
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>Il <body> elemento definisce il corpo del documento.
Ha un tag iniziale <body> e un tag di chiusura </body> .
Il contenuto elemento è due altri elementi HTML ( <h1> and <p> ) .
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>Il <h1> elemento definisce un titolo.
Ha un tag iniziale <h1> e un tag finale </h1> .
Il contenuto elemento è: Il mio primo titolo.
<h1>My First Heading</h1>Il <p> elemento definisce un paragrafo.
Ha un tag iniziale <p> e un tag finale </p> .
Il contenuto elemento è: Il mio primo paragrafo.
<p>My first paragraph.</p>Non dimenticare il tag di chiusura
Alcuni elementi HTML vengono visualizzate correttamente, anche se si dimentica il tag di chiusura:
L'esempio precedente funziona in tutti i browser, perché il tag di chiusura è considerato opzionale.
Mai fare affidamento su questo. Si potrebbe produrre risultati inattesi e / o errori se si dimentica il tag di chiusura.
Vuoto Elementi HTML
elementi HTML senza contenuti sono chiamati elementi vuoti.
<br> è un elemento vuoto senza un tag di chiusura (the <br> tag defines a line break) .
Elementi vuoti possono essere "closed" nel tag di apertura in questo modo: <br /> .
HTML5 non richiede elementi vuoti da chiudere. Ma se si vuole la convalida severe, o è necessario effettuare il documento leggibile da parser XML, è necessario chiudere tutti gli elementi HTML.
HTML Suggerimento: Usa minuscole Tag
Tag HTML non sono case sensitive: <P> lo stesso significato di <p> .
Lo standard HTML5 non richiede modifiche minuscole, ma W3C recommends minuscolo in HTML4, e demands in minuscolo per i tipi di documenti più severe come XHTML.
A w3ii usiamo sempre i tag minuscole.