Deze handleiding laat zien wat een HTML-startsjabloon is.
Wat is HTML-startsjabloon?
Een HTML-startsjabloon bevat de declaratie , de tags ,
en en een basisset CSS-stijlen en JavaScript-scripts. Deze tags bieden een basis voor het maken van een webpagina, wat de ontwikkelaars veel tijd en moeite bespaart.De HTML-startsjabloon ziet er als volgt uit:
< html zojuist = 'in' >
< hoofd >
< meta tekenset = 'UTF-8' >
< meta naam = 'uitkijk postje' inhoud = 'breedte=apparaatbreedte, beginschaal=1' >
< titel > Linux < / titel >
< koppeling rel = 'stijlblad' href = './stijl.css' >
< meta http-equivalent = 'X-UA-compatibel' inhoud = 'ie=rand' >
< / hoofd >
< lichaam >
< h1 > HTML-startsjabloon < / h1 >
< / hoofd>
< script src = 'index.js' >< / script >
< / lichaam >
< / html >
Volg de onderstaande demonstratie om meer te weten te komen over de tags/elementen die beschikbaar zijn in de HTML-startsjabloon:
De -tag
De ' ” tag bevat de gegevens over het bestandstype en vertelt de browser hoe het moet worden weergegeven. Deze tag helpt veel bij zoekmachineoptimalisatie door informatie te geven over welke versie van HTML wordt gebruikt om de webpagina te bouwen. Als deze tag ontbreekt in een HTML-bestand, kan de webbrowser zich onverwacht gedragen of onjuiste elementen weergeven.
De -tag
De ' ” tag is een verplicht element en het fungeert als een container voor alle HTML-elementen. Het is het root-element, wat betekent dat alle andere elementen erin moeten worden geplaatst om goed te werken. Deze tag kan worden gebruikt om de structuur en inhoud van de webpagina te definiëren en om de metadata over het document te specificeren. Het gebruiken van zijn “ zojuist ” attribuut de taal van de HTML-pagina kan worden ingesteld:
< html zojuist = 'in' >// code
< / html >
In het bovenstaande codefragment is de HTML-paginataal ingesteld op ' Engels ”.
De ''-tag
De informatie over de webpagina wordt ingevoegd in de '
// invoegen code hier
< / hoofd >
De -tags
De -tag biedt metadata over het HTML-document, zoals de tekenset, trefwoorden en beschrijving van de pagina. Het speelt een essentiële rol bij de optimalisatie van de browser-engine. Het zorgt ervoor dat de webbrowser de tekst correct weergeeft met de juiste coderingsstandaarden. Wordt ook gebruikt om de trefwoorden en beschrijving met betrekking tot de HTML-pagina in te stellen:
< meta ... / > De -tag
De '
Na het uitvoeren van de bovenstaande regel code in de '
De bovenstaande uitvoer geeft aan dat de dummy-gegevens in de '
De -tag
Deze tag wordt gebruikt om HTML-bestanden aan andere bestanden te koppelen om de stijl of methoden in het HTML-bestand over te nemen of te gebruiken. De andere bestanden kunnen CSS-bestanden zijn die zijn gemaakt door de ontwikkelaar of sommige CDN's van de CSS-frameworks zoals Bootstrap of Tailwind enz. Het wordt veel gebruikt omdat door het te gebruiken de coderegel veel afneemt en pre-build stijlen biedt die kunnen worden gebruikt in het HTML-bestand:
< koppeling rel = 'stijlblad' href = './stijl.css' >In de bovenstaande regel code, de ' stijl.css ”-bestand wordt gekoppeld aan het HTML-bestand. Nu zijn de klassen die zijn gebouwd in het bestand 'style.css' toegankelijk om styling toe te passen in het HTML-bestand. Probeer bijvoorbeeld de ' ”-tag die al in het HTML-bestand is ingevoegd met behulp van de volgende CSS-eigenschappen:
h1 {lettertypefamilie: times new roman;
kleur : donkercyaan;
}
Typ de bovenstaande code in de ' stijl.css ' bestand. Na het renderen ziet de webpagina er als volgt uit:
De webpagina laat zien dat de stijlen worden toegepast op het HTML-element uit het externe CSS-bestand met behulp van de ' ' label.
De “ ”-tag
Het primaire gebruik van de
-tag is om alle zichtbare inhoud van de webpagina te bevatten. Dit omvat meerdere tags die helpen bij het invoegen van tekst, afbeeldingen, video's en andere elementen op de webpagina die de hoofdinhoud van de webpagina vormen. Het kan ook worden gebruikt om CSS-eigenschappen in één keer op de webpagina toe te passen. Het verbetert ook de toegankelijkheid van de webpagina door semantische tags en andere toegankelijkheidsfuncties op te nemen: < lichaam >// Voeg hier HTML-elementen toe
< / lichaam >