Web-suunnittelu, kuten mikä tahansa toimiala tai ammatti, on kaikilla omalla kielellään. Kun kirjoitat teollisuutta ja aloitat puhujan toisten kanssa, epäilemättä törmäät ilmaisuihin ja ilmaisuihin, jotka ovat sinulle uusi, mutta jotka virtaavat muiden web-ammattilaisten kielistä. Kaksi termejä, jotka kuulet, ovat HTML-tunniste ja elementti.
Kun kuulet nämä kaksi ilmaisua, saatat huomata, että niitä käytetään jonkin verran vaihtokelpoisesti. Sellaisena eräs kysymys, että monet uudet web-ammattilaiset ovat alkaneet 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
tagin avulla voit määrittää kappaleen tai elementin 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 kuin merkki
<
- Sana tai merkki, joka määrittää, mikä tag on kirjoitettu
- Mikä tahansa määrä valinnaisia HTML-attribuutteja muodossa a
name = "arvo" pari
- Ja lopulta suurempi merkki
>
Esimerkiksi tässä on joitain HTML-tageja:
Nämä ovat kaikki HTML avaustunnisteet, ilman lisäominaisuuksia lisättyihin niille. Nämä tunnisteet edustavat:
-
- määrittelee kohdan
-
- määrittää sivun HTML: ksi
-
- määritellään jako
Seuraavassa on myös HTML-koodit:
-
-
-
- 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
Nämä esimerkit sisältävät kaikki attribuutit, jotka on lisätty avaavan HTML-tunnisteisiin.
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).
Mitä ovat HTML-elementit?
W3C: n HTML-spesifikaation mukaan elementti on HTML: n perusrakenne ja koostuu tyypillisesti kaksi tunnistetta : avaustunniste ja sulkeva tunniste. 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:
Tämä koostuu avauspuhelimesta, jota näimme hetken kuluttua sekä sulkevasta tagista - 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äkyvän verkkosivulla. 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 haluat esimerkiksi lisätä yhden riviosan sivusi, käytät 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 viitataan HTML-elementtiin tai tunnisteeseen, käytämme termiä "elementti" ilmaisemaan, että viittaamme elementin kaikkiin osiin (sekä avaus- että sulkumerkit). Käytämme vain "tunnistetta", kun viitataan vain yhteen tai toiseen. Tämä on näiden kahden ilmaisun oikea käyttö, ja me kannustamme sinua käyttämään niitä oikein - mutta vain tiedä, että jos siirrät ja vaihdat niitä vähän, uudet web-kehityskumppanit ymmärsivät sinut edelleen.
tag.
