Webbdesign, som vilken bransch eller yrke som helst, har ett eget språk. När du går in i branschen och börjar prata med dina kamrater kommer du utan tvekan att råka in i en flurry av termer och fraser som är nya för dig, men som flyter bort från dina medarbetare. Två av de villkor du kommer att höra är HTML "tag" och "element."
När du hör dessa två termer som talas kan du inse att de används något utbytbart. Som sådan är en fråga som många nya webbprofessorer har när de börjar arbeta med HTML-kod "vad är skillnaden mellan en HTML-tagg och ett HTML-element?"
Medan dessa två termer är liknande i betydelse är de inte riktigt synonymer. Så vad är likheten med dessa två termer? Det korta svaret är att både taggar och element hänvisar till markeringen som används för att skriva HTML. Du kan till exempel säga att du använder
tagg för att definiera ett stycke eller elementet för att skapa länkar. Många använder termen och elementet omväxlande och varje webbdesigner eller utvecklare du talar med skulle förstå vad du menade, men verkligheten är att det finns en liten skillnad mellan de två termen.
HTML-taggar
HTML är ett märkningsspråk, vilket innebär att det är skrivet med koder som kan läsas av en person utan att det behöver sammanställas först. Texten på en webbsida är med andra ord "markerad" med dessa koder för att ge webbläsarens instruktioner om hur texten ska visas. Dessa taggar är HTML-taggarna själva.
När du skriver HTML skriver du HTML-taggar. Alla HTML-taggar består av ett antal specifika delar, inklusive:
- Ett mindre än tecken
<
- Ett ord eller tecken som bestämmer vilken etikett som skrivs
- Eventuellt antal valfria HTML-attribut i form av a
name = "värde" par
- Och äntligen ett större än tecken
>
Till exempel, här är några HTML-taggar:
Det här är alla HTML-öppna taggar, utan att några valfria attribut läggs till dem. Dessa taggar representerar:
-
- definierar en punkt
-
- definierar sidan som HTML
-
- definierar en uppdelning
Följande är även HTML-taggar:
-
-
- De
- är en orörd lista som innehåller ett ID-attribut
- Divisionen har en klassattribut
- Ankare- eller länkelementet innehåller attributet "href"
- Bildtaggen med attributet "src"
Dessa exempel innehåller alla attribut som har lagts till i HTML-taggarna.
För ankare och bildtaggar är attributen faktiskt inte valfria, de är nödvändiga för att dessa taggar ska kunna visas korrekt. Du måste berätta länken var du ska gå (vilket är vad "href" gör) och bilden vad du ska visa (vilket är vad attributet "src" tillhandahåller).
Vad är HTML-element?
Enligt W3C HTML-specifikationen, en element är det grundläggande byggstenen i HTML och består typiskt av två taggar : en öppningsmärke och en stängningskod. Hittills har vi bara tittat på öppna taggar, som startar elementen. För att avsluta det här elementet skriver du motsvarande stängningskoder.
Till exempel, för styckeelementet skriver du detta:
Det här är uppbyggt av öppningsmärket som vi såg för en stund sedan samt stängningskoden - Nästan alla HTML-element har en öppnings tagg och en stängningskod. Dessa taggar omger texten som kommer att visas på webbsidan. Om du till exempel skriver ett stycke text skriver du texten som ska visas på sidan och omger den med följande taggar: Det är här du skulle skriva texten i det stycke som du skulle vilja visa på webbsidan. Vissa HTML-element har ingen stängningskod. Dessa kallas "tomma element". Ibland kallas de även som "singleton" eller "void" -element. Toma element är lätta att använda eftersom du bara behöver inkludera en tagg i din webbsida och webbläsaren vet vad du ska göra. Om du till exempel lägger till en rad på din sida skulle du använda Ett annat vanligt element som bara innehåller en öppnings tagg är "bild" -elementet. Till exempel: Vi såg det här exemplet tidigare, men det finns ingen stängningskod för detta bildelement. Webbläsaren skulle helt enkelt ersätta den här koden med den bild som refereras i attributet "href". I det här fallet skulle det vara "logo.png." I allmänhet, när vi hänvisar till ett HTML-element eller en tagg, använder vi termen "element" för att indikera att vi hänvisar till alla delar av elementet (både öppnings- och stängningskoder). Vi använder endast "tag" när vi endast hänvisar till den ena eller den andra. Det här är rätt användning av dessa två villkor, och vi uppmuntrar dig att använda dem ordentligt - men bara vet att om du glider och byter dem lite, kommer du fortfarande att förstås av dina nya webbutvecklingspartners!
märka.
