Näiden kahden ehdon ero on erilainen
Web-suunnittelu, kuten mikä tahansa toimiala tai ammatti, on kaikilla omalla kielellään. Kun tulet toimialaan ja aloitat puhujan vertaisesi kanssa, epäilemättä törmäät uudet termit ja sanat, jotka ovat sinulle uusi, mutta mikä virtaa muiden web-ammattilaisten kielistä. Kaksi termejä, jotka kuulet, ovat HTML "tag" ja "elementti".
Kun kuulet nämä kaksi ilmaisua, saatat huomata, että niitä käytetään jonkin verran vaihtokelpoisesti. Sellaisena eräs kysymys, jonka monet uudet web-ammattilaiset tarvitsevat, kun he alkavat käyttää HTML-koodia, on "mikä on ero HTML-tunnisteen ja HTML-elementin välillä?"
Vaikka nämä kaksi termiä ovat samankaltaisia merkityksessä, ne eivät ole todellisia synonyymejä. Mikä on näiden kahden ehdon vastaavuus? Lyhyt vastaus on, että sekä tunnisteet että elementit viittaavat merkintään, jota käytetään HTML-koodin kirjoittamiseen. Voit esimerkiksi sanoa, että käytät
-tagia määritelläksesi kappale tai elementti linkkien luomiseen. Monet ihmiset käyttävät termejä tagin ja elementin vaihdettavasti, ja kaikki web-suunnittelija tai kehittäjä, jonka kanssa puhut, ymmärtäisit, mitä tarkoitit, mutta todellisuus on se, että näiden kahden termin välillä on pieni ero.
HTML-tunnisteet
HTML on merkintäkieli , mikä tarkoittaa sitä, että se on kirjoitettu koodeilla, joita henkilö voi lukea ilman, että sitä ei tarvitse koota ensin. Toisin sanoen verkkosivulla oleva teksti on "merkitty" näillä koodeilla, jotta verkkoselaimen ohjeet tekstin näyttämiseen saadaan. Nämä merkintätunnisteet ovat itse HTML-tunnisteita.
Kun kirjoitat HTML-koodia, kirjoitat HTML-tunnisteita. Kaikki HTML-tunnisteet koostuvat useista erityisistä osista, kuten:
- Pienempi merkki <
- Sana tai merkki, joka määrittää, mikä tag on kirjoitettu
- Mikä tahansa määrä valinnaisia HTML-attribuutteja nimessä = "value" -parin muodossa
- Ja lopulta suurempi merkki kuin>
Esimerkiksi tässä on joitain HTML-tageja:
-
-
Nämä ovat kaikki HTML avaustunnisteet, ilman lisäominaisuuksia lisättyihin niille. Nämä tunnisteet edustavat:
-
- määritellään kappale.
- - määrittää sivun HTML: ksi
- - määritellään jako.
Seuraavassa on myös HTML-koodit:
-
Nämä esimerkit sisältävät kaikki attribuutit, jotka on lisätty avaavan HTML-tunnisteisiin.
-
- on järjestämättömän luettelon, joka sisältää tunnusominaisuuden
- Divisioilla on luokan attribuutti
- Ankkuri tai linkki elementti sisältää href-attribuutin
- Kuvan tunniste "src" -attribuutilla
Ankkuri- ja kuvamerkintöjen määritykset eivät ole itse asiassa valinnaisia, vaan ne ovat välttämättömiä näiden tunnisteiden näyttämiseksi oikein. Sinun on kerrottava linkki mihin mennä (mikä on "href") ja kuva mitä näyttää (mikä on se, mitä src-attribuutti tarjoaa).
Mitkä ovat HTML-elementtejä
W3C HTML -spesifikaation mukaan elementti on HTML: n perusrakennuslohko, ja se koostuu tyypillisesti kahdesta tunnisteesta : avaustunnisteen ja sulkevan tunnisteen. Tähän mennessä olemme tarkastelleet vain avausmerkkejä, jotka aloittavat elementit. Tämän elementin lopettamiseksi kirjoitat vastaavat sulkumerkit.
Esimerkiksi kohdan elementille kirjoitat tämän:
p>
Tämä koostuu avaimen tunnuksesta, jota näimme hetken kuluttua sekä sulkevan tunnisteen - p>. Sulkevat tunnisteet ovat oikeasti vain avaustunniste toistettuna, mutta "eteenpäin viiste" lisätään suoraan "vähemmän kuin symboli" jälkeen.
Lähes kaikilla HTML-elementeillä on avaustunniste ja sulkeva tag. Nämä tunnisteet ympäröivät verkkosivulla näkyvää tekstiä. Jos esimerkiksi kirjoitat tekstin kohdan, kirjoitat tekstiä näytettäväksi sivulle ja ympäröi sen sitten näillä tunnisteilla:
Tässä kirjoitat kappaleen tekstin, jonka haluat näyttää verkkosivulta. p>
Joillakin HTML-elementeillä ei ole sulkevaa tunnistetta. Näitä kutsutaan "tyhjiksi elementteiksi". Joskus niitä kutsutaan myös nimellä " singleton " tai "tyhjä" elementit. Tyhjät elementit ovat helppokäyttöisiä, koska sinun on sisällytettävä vain yksi tunniste verkkosivuillesi, ja selain tietää, mitä tehdä. Jos esimerkiksi haluat lisätä yhden rivin taukon sivulle, käytät b-tag-tunnistetta.
Toinen yleinen elementti, joka sisältää vain avaustunnisteen, on "kuva" -elementti. Esimerkiksi:
Näimme tämän esimerkin aiemmin, mutta tätä kuva-elementtiä ei ole. Selain korvaisi tämän koodin vain href-attribuutilla tarkoitetulla kuvalla. Tässä tapauksessa se olisi "logo.png".
Yleisesti, kun viittaan HTML-elementtiin tai tunnisteeseen, käytän termiä "elementti" ilmaisemaan, että viittaan elementin kaikkiin osiin (sekä avaus- että sulkumerkit). Käytän "tagia", en todellakaan viittaa vain yhteen tai toiseen. Tämä on näiden kahden ilmaisun oikea käyttö, ja kehotan teitä käyttämään niitä oikein - mutta vain tiedä, että jos siirrät ja vaihdat niitä vähän, uudet web-kehitystyöntekijät ymmärtävät sinut edelleen.
Alkuperäinen artikkeli Jennifer Krynin. Julkaisija Jeremy Girard 21.7.17
-