Questa guida mostra cos'è un modello iniziale HTML.
Che cos'è il modello di avvio HTML?
Un modello iniziale HTML contiene la dichiarazione , i tag ,
e e un insieme di base di stili CSS e script JavaScript. Questi tag forniscono una base per la creazione di una pagina Web che fa risparmiare molto tempo e fatica agli sviluppatori.Il modello di avvio HTML appare così:
< html Appena = 'In' >
< Testa >
< meta set di caratteri = 'UTF-8' >
< meta nome = 'finestra' contenuto = 'larghezza=larghezza-dispositivo, scala-iniziale=1' >
< titolo > Linux < / titolo >
< collegamento rel = 'foglio di stile' href = './stile.css' >
< meta http-equiv = 'Compatibile con X-UA' contenuto = 'vale a dire = bordo' >
< / Testa >
< corpo >
< h1 > Modello di avvio HTML < / h1 >
< / principale>
< copione src = 'indice.js' >< / copione >
< / corpo >
< / html >
Segui la dimostrazione di seguito per ottenere informazioni sui tag/elementi disponibili nel modello iniziale HTML:
Il tag
IL ' Il tag ” contiene i dati sul tipo di file e indica al browser come eseguirne il rendering. Questo tag aiuta molto nell'ottimizzazione dei motori di ricerca fornendo informazioni su quale versione di HTML viene utilizzata per costruire la pagina web. Se questo tag non è presente in un file HTML, il browser Web potrebbe comportarsi in modo imprevisto o visualizzare elementi non corretti.
Il tag
IL ' Il tag ” è un elemento obbligatorio e funge da contenitore per tutti gli elementi HTML. È l'elemento radice significa che tutti gli altri elementi devono essere posizionati all'interno per funzionare correttamente. Questo tag può essere utilizzato per definire la struttura e il contenuto della pagina Web e aiutare a specificare i metadati relativi al documento. Usando il suo “ Appena ” attributo è possibile impostare la lingua della pagina HTML:
< html Appena = 'In' >// codice
< / html >
Nello snippet di codice sopra, la lingua della pagina HTML è impostata su ' Inglese ”.
Il tag ''.
Le informazioni sulla pagina web sono inserite all'interno del “
// inserire codice Qui
< / Testa >
I tag
Il tag fornisce metadati sul documento HTML, come il set di caratteri, le parole chiave e la descrizione della pagina. Svolge un ruolo essenziale nell'ottimizzazione del motore del browser. Assicura che il browser Web visualizzi correttamente il testo utilizzando gli standard di codifica corretti. Utilizzato anche per impostare le parole chiave e la descrizione relative alla pagina HTML:
< meta ... / > Il tag
IL '
Dopo aver eseguito la riga di codice precedente all'interno del '
L'output sopra mostra che i dati fittizi forniti all'interno del '
Il tag
Questo tag viene utilizzato per collegare i file HTML ad altri file per ereditare o utilizzare lo stile oi metodi nel file HTML. Gli altri file possono essere file CSS creati dallo sviluppatore o alcuni CDN dei framework CSS come Bootstrap o Tailwind ecc. il file HTML:
< collegamento rel = 'foglio di stile' href = './stile.css' >Nella riga di codice sopra, il ' style.css ” viene collegato al file HTML. Ora è possibile accedere alle classi create all'interno del file 'style.css' per applicare lo stile nel file HTML. Ad esempio, prova a definire lo stile ' ” tag che è già inserito all'interno del file HTML utilizzando le seguenti proprietà CSS:
h1 {font-family: times new roman;
colore : ciano scuro;
}
Inserisci il codice sopra nel campo ' style.css ' file. Dopo il rendering la pagina web appare così:
La pagina Web mostra che gli stili vengono applicati all'elemento HTML dal file CSS esterno utilizzando il '
Il tag ' '.
L'uso principale del tag
è quello di contenere tutto il contenuto visibile della pagina web. Ciò include più tag che aiutano a inserire testo, immagini, video e altri elementi nella pagina Web che costituiscono il contenuto principale della pagina Web. Può anche essere utilizzato per applicare le proprietà CSS alla pagina Web in una sola volta. Migliora inoltre l'accessibilità della pagina Web includendo tag semantici e altre funzionalità di accessibilità: < corpo >// Aggiungi elementi HTML qui
< / corpo >