Block- ja Inline-elementtien välinen ero

2024 Kirjoittaja: Alex Aldridge | [email protected]. Viimeksi muokattu: 2023-12-17 13:38

Avainero – Block vs Inline Elements

HTML on lyhenne sanoista Hyper Text Markup Language. Sitä käytetään verkkosivujen luomiseen. Jokainen verkkosivu on yhdistetty hyperlinkkien avulla muihin verkkosivuihin. Tämä kieli koostuu tunnisteista. Merkki on suljettu kulmahakasulkeisiin. Syntaksi on samanlainen kuin. Useimmissa tunnisteissa on myös sulkeva tunniste. Kun on tagi, sulkeva tagi on. Joillakin tunnisteilla ei ole sulkevaa tunnistetta. Esimerkkejä tällaisista tunnisteista ovat

ja

Ne tunnetaan void-tageina. HTML-elementti on osa HTML-asiakirjaa tai verkkosivua sen jälkeen, kun se on jäsennetty Document Object Model (DOM) -muotoon. DOM on sisäinen esitys verkkoselaimen sisällä. Se edustaa jokaista asiakirjaa puurakenteessa. Selaimessa näytettävät elementit voivat olla joko lohkoelementtejä tai rivielementtejä. Lohkoelementeillä on suorakaiteen muotoinen rakenne. Sisäiset elementit voidaan upottaa lohkoelementteihin. Keskeinen ero lohkon ja rivielementin välillä on se, että lohkoelementit täyttävät käytettävissä olevan leveyden, kun taas rivielementit tarvitsevat elementtien sisällön näyttämisen.

Mitä ovat lohkoelementit?

Lohkoelementit ottavat käytettävissä olevan täyden leveyden. Nämä elementit alkavat aina uudella rivillä. Joitakin esimerkkejä lohkoelementeistä ovat seuraavat.

käytetään kappaleen määrittämiseen. esim.

Tämä on kappale

. Otsikoiden määrittämiseen on kuusi tagia. He ovat

,

,

…

. Ohjelmoija voi käyttää otsikkoa vastaavasti.

Järjestetty luettelo määritellään

kun taas järjestämättömän luettelon määrittelee

. Käytetään vaakasuuntaisen viivan näyttämiseen verkkosivun poikki.

käytetään tietojen järjestämiseen taulukkomuotoon. Jokaisen verkkosivuston os alta on kerättävä tietoja sivuston vierailijoilta. HTML-lomakkeita käytetään tietojen saamiseen käyttäjältä. Se on myös lohkotason elementti. Nämä ovat esimerkkejä HTML-koodin lohkoelementeistä.

Mitä ovat upotetut elementit?

Sisäiset elementit ottavat vain vaaditun leveyden. Nämä elementit eivät ala uudella rivillä. Joitakin esimerkkejä tekstin sisäisistä elementeistä ovat seuraavat. käytetään linkkien luomiseen sivulta toiselle. Hyperlinkit ovat yksi HTML:n olennaisista elementeistä. Se voi sisältää href-attribuutin, jolla luodaan linkki kohteeseen. esim. Käy Googlessa. Kohdemäärite on tyhjä. Siksi uusi asiakirja avautuu uuteen ikkunaan. Jos kohdeattribuutti on "_self", linkitetty dokumentti avautuu samaan ikkunaan.

Kuva 01: Esimerkkejä lohko- ja rivielementeistä

-merkkiä käytetään lihavoitumaan tekstiosia. Tunnisteen tarkoituksena on muuttaa teksti kursivoituksi. Verkkosivun tulee olla esittelykykyinen. Siksi mikä tahansa verkkosivu koostuu useista kuvista.

käytetään kuvan näyttämiseen sivulla. Tämä tunniste vaatii kaksi attribuuttia. Ne ovat src ja alt. " src" kuvaa kuvan sijaintia ja " alt" kuvaa, mistä kuvassa on kyse. esim.. Nämä ovat esimerkkejä tekstin sisäisistä elementeistä.

Mikä on samank altaisuus lohko- ja rivielementtien välillä?

Block- ja inline-elementtejä käytetään säilöinä HTML:ssä

Mitä eroa on lohko- ja rivielementeillä?

Block vs Inline Elements
Lohkoelementit ovat elementtejä, jotka kattavat yläelementin koko leveyden, eivätkä anna minkään muun elementin viedä samaa vaakasuuntaista tilaa, johon se on sijoitettu.	Sisäiset elementit ovat elementtejä, joita ei voida sijoittaa suoraan body-elementin sisään ja jotka on sijoitettu lohkoelementtien sisään.
Uusi rivi
Ohjaelementit alkavat uudella rivillä.	Sisäiset elementit eivät ala uudella rivillä.
Pakollinen tila
Lohkoelementit ottavat koko leveyden.	Sisäiset elementit ottavat vain vaaditun leveyden.

Yhteenveto – Block vs Inline Elements

HTML on lyhenne sanoista Hyper Text Markup Language. Se on kieli, joka koostuu tunnisteista. Jokaisella tunnisteella on tietty tehtävä ja se määrittää, kuinka verkkosivu rakennetaan. Joillakin tunnisteilla on aloitus- ja lopputunniste. Joillakin tunnisteilla ei ole lopputunnistetta. Niitä kutsutaan void-tageiksi. Jäsentäminen on syntaksianalyysin prosessi. Jäsennysvaiheen jälkeen näistä tunnisteista tulee elementtejä. Elementit voivat olla lohkotason elementtejä tai rivielementtejä. Ero lohko- ja rivielementtien välillä on se, että lohkoelementit täyttävät käytettävissä olevan leveyden, kun taas rivielementit tarvitsevat elementtien sisällön näyttämisen.

Lataa PDF-versio Block vs Inline Elements -sovelluksesta

Voit ladata tämän artikkelin PDF-version ja käyttää sitä offline-tarkoituksiin lainaushuomautuksen mukaisesti. Lataa PDF-versio tästä: Ero Block- ja Inline-elementtien välillä