HTML semantiske elementer
I motsetning til dette, presenterer ikke-semantiske elementer innholdet bare i stedet for å definere det. som og tagger. Når vi har sett viktigheten av HTML -semantiske elementer, har vi samlet denne guiden som presenterer listen over HTML semantiske elementer og deres bruk.
HTML semantiske elementer
Følgende er flere mye brukte HTML -semantiske elementer
- : Hovedinnholdet i HTML -dokumentet er beskrevet ved hjelp av denne taggen og anbefales bare å bruke en gang i hele dokumentet.
- : Dette semantiske elementet viser at artikkelen vil bli definert ved hjelp av denne taggen og pleide å skrive blogginnlegg, nyhetsartikler osv ..
- : Den legger til en ny seksjon på siden din som også kan inneholde forskjellige andre tagger.
- : Dette elementet definerer overskriftsdelen av innholdet ditt, og det kan brukes til seksjonshode, artikkeloverskrift.
- : Som navnet leder, brukes det til å legge til et bunntekst til ethvert innhold på websiden din.
- : Dette elementet brukes til å legge til ekstra detaljer til innholdet, og betrakteren kan skjule/vise at detaljer i henhold til deres behov.
- : Dette elementet definerer innholdet som blir beskrevet i taggen. Dette skaper en overskrift og ved å klikke på den overskriften, kan innholdet av detaljertaggen sees.
- : Som navnet viser, lar dette elementet deg legge til et bilde på websiden din ved hjelp av inline -elementet .
- : Dette elementet praktiseres for å legge en bildetekst til en hvilken som helst figur og brukes inne i elementet.
Fra ovennevnte informasjon ville du fått den foreløpige beskrivelsen av forskjellige HTML -semantiske elementer. I de kommende eksemplene har vi gitt bruk av få semantiske elementer i flere scenarier.
Eksempel 1: Bruke og
Og er sammenkoblede HTML -semantiske elementer, og følgende kode brukes til å representere bruken av dem.
Linuxhint
Det gir innhold for Linux -brukere, Windows -brukere, utviklere
I taggen ovenfor er et element erklært der taggen er innebygd.
Produksjon:
Hele innholdet er vedlagt ved hjelp av taggen og taggen brukes til å definere en overskrift for det innholdet.
Eksempel 2: Bruke og
Følgende kodelinjer presenterer bruken av og semantisk element.
Fig1: Linuxhint -logo
Ovennevnte kode er beskrevet som,
- Elementet inneholder og tagger
- brukes til å koble figuren plassert i datamaskinen vår, og er for bildeteksten til å bli importert.
- Taggen setter grensen og bredden på elementet.
Produksjon:
Eksempel 3: Bruke og
Følgende kode utøver flere tagger i element.
Første seksjon
Andre seksjon
Ovennevnte kode er beskrevet som,
- En artikkel som bruker taggen er definert som inneholder to seksjoner
- Grensen til er satt til fast og polstring av 4px er satt
- Hver seksjon har en stiplet kant og en margin på 2px.
Merk: Grensestiler, margin, polstring brukes bare til å skille det aktive rommet til hvert element.
Produksjon:
Området inne i den solide grensen er inneholdt av mens de stiplede grensene viser rommet okkupert av hvert element.
Eksempel 4: Bruke og
Og brukes vanligvis til å definere overskrift og bunntekst på en side eller et element kan inneholde dem også. Følgende kode beskriver hvordan overskrift og bunntekst er erklært:
Overskrift
Denne koden representerer bruken av overskrift og bunntekst
Bunntekst
Koden er beskrevet som følger,
- En overskrift og bunntekst er definert ved hjelp av og tagger
- Et avsnitt er erklært mellom header og bunntekst
- Bakgrunnsfarge og grensestil av topptekst og bunntekst er definert i taggen
Produksjon:
Fra ovennevnte eksempler ville du ha forstått funksjonaliteten til forskjellige semantiske elementer.
Konklusjon
HTML -semantiske elementer deres selv inneholder formålet med bruken av dem, for eksempel ,