Elementi semantici HTML
Contrariamente a ciò, gli elementi non semantici presentano solo il contenuto piuttosto che definderlo. come e tag. Tenendo conto dell'importanza degli elementi semantici HTML, abbiamo compilato questa guida che presenta l'elenco degli elementi semantici HTML e il loro utilizzo.
Elementi semantici HTML
Di seguito sono riportati diversi elementi semantici HTML ampiamente usati
- : Il contenuto principale del documento HTML è descritto utilizzando questo tag ed è consigliabile utilizzare solo una volta nell'intero documento.
- : Questo elemento semantico mostra che l'articolo verrà definito usando questo tag e usato per scrivere post sul blog, articoli di notizie ecc ..
- : Aggiunge una nuova sezione sulla tua pagina che può contenere anche vari altri tag.
- : Questo elemento definisce la parte dell'intestazione del contenuto e può essere utilizzato per l'intestazione della sezione, intestazione dell'articolo.
- : Come dirige il nome, viene utilizzato per aggiungere un piè di pagina a qualsiasi contenuto della tua pagina web.
- : Questo elemento viene utilizzato per aggiungere ulteriori dettagli al contenuto e lo spettatore può nascondere/mostrare che i dettagli secondo il loro bisogno.
- : Questo elemento definisce il contenuto descritto in tag. Questo crea un'intestazione e facendo clic su quell'intestazione, è possibile vedere il contenuto del tag dettagli.
- : Come mostra il nome, questo elemento consente di aggiungere un'immagine alla tua pagina Web utilizzando l'elemento inline .
- : Questo elemento viene praticato per aggiungere una didascalia a qualsiasi figura e viene utilizzato all'interno dell'elemento.
Dalle informazioni sopra indicate, avresti guadagnato la descrizione preliminare di vari elementi semantici HTML. Nei prossimi esempi, abbiamo fornito l'uso di pochi elementi semantici in diversi scenari.
Esempio 1: usando e
Gli elementi semantici HTML interconnessi e il seguente codice viene utilizzato per rappresentare il loro utilizzo.
Linuxhint
Fornisce contenuti per utenti Linux, utenti di Windows, sviluppatori
Nel tag sopra, viene dichiarato un elemento in cui il tag è incorporato.
Produzione:
L'intero contenuto è racchiuso utilizzando il tag e il tag viene utilizzato per definire un'intestazione per quel contenuto.
Esempio 2: usando e
Le seguenti righe di codice presentano l'uso dell'elemento semantico.
Fig1: logo Linuxhint
Il codice sopra è descritto come,
- L'elemento contiene e tag
- viene utilizzato per collegare la figura inserita nel nostro computer e la didascalia della figura viene importata.
- Il tag imposta lo stile di confine e la larghezza dell'elemento.
Produzione:
Esempio 3: usando e
Il seguente codice esercita più tag nell'elemento.
Prima sezione
Seconda sezione
Il codice sopra è descritto come,
- Viene definito un articolo che utilizza il tag che contiene due sezioni
- Il bordo di è impostato su solido e l'imbottitura di 4px è impostato
- Ogni sezione ha un bordo tratteggiato e un margine di 2px.
Nota: Gli stili di bordo, il margine, l'imbottitura vengono utilizzati solo per differenziare lo spazio attivo di ciascun elemento.
Produzione:
L'area all'interno del bordo solido è contenuta da mentre i bordi tratteggiati mostrano lo spazio occupato da ciascun elemento.
Esempio 4: usando e
E sono solitamente usati per definire l'intestazione e il piè di pagina di una pagina o di un elemento può contenerli anche. Il seguente codice descrive come vengono dichiarati l'intestazione e il piè di pagina:
Intestazione
Questo codice rappresenta l'uso di intestazione e piè di pagina
Piè di pagina
Il codice è descritto come segue,
- Un intestazione e un piè di pagina sono definiti utilizzando e tag
- Viene dichiarato un paragrafo tra intestazione e piè di pagina
- Il colore di sfondo e lo stile bordo di intestazione e piè di pagina sono definiti nel tag
Produzione:
Dagli esempi sopra indicati, avresti capito la funzionalità di vari elementi semantici.
Conclusione
Gli elementi semantici HTML i loro sé contengono lo scopo del loro utilizzo, come ,