Wat is 'n HTML-kode teenoor 'n HTML-element?

Daar is 'n verskil tussen hierdie twee terme

Webontwerp, soos enige bedryf of beroep, het 'n eie taal. Soos jy die bedryf betree en met jou maats begin praat, sal jy ongetwyfeld 'n vlaag van terme en frases hê wat vir jou nuut is, maar watter vloei van die tale van jou medeversprekers. Twee van die terme wat jy sal hoor is HTML "tag" en "element".

Soos u hierdie twee terme hoor, kan u besef dat hulle ietwat wisselvallig gebruik word. As sodanig is 'n vraag wat baie nuwe webpersoneel het wanneer hulle met HTML-kode begin werk, 'wat is die verskil tussen 'n HTML-tag en 'n HTML-element?'

Terwyl hierdie twee terme soortgelyk in betekenis is, is dit nie regtig sinonieme nie. So, wat is die ooreenkoms met hierdie twee terme? Die kort antwoord is dat beide etikette en elemente verwys na die opmaak wat gebruik word om HTML te skryf. Byvoorbeeld, jy kan sê dat jy die

-tag gebruik om 'n paragraaf of die -element te definieer om skakels te skep. Baie mense gebruik die terme en element verwissel, en enige webontwerper of ontwikkelaar waarmee jy praat, sal verstaan ​​wat jy bedoel het, maar die realiteit is dat daar 'n geringe verskil tussen die twee terme is.

HTML is 'n opmaaktaal , wat beteken dat dit geskryf is met kodes wat deur 'n persoon gelees kan word sonder dat dit eers saamgestel moet word. Met ander woorde, die teks op 'n webblad is gemerk met hierdie kodes om die webblaaier se instruksies te gee oor hoe om die teks te vertoon. Hierdie merkers is die HTML-etikette self.

As jy HTML skryf, skryf jy HTML-tags. Alle HTML-etikette bestaan ​​uit 'n aantal spesifieke dele, insluitend:

• 'N Minder as teken <
• 'N Woord of karakter wat bepaal watter merker geskryf word
• Enige aantal opsionele HTML-eienskappe in die vorm van 'n naam = "waarde" -paar
• En uiteindelik 'n groter as teken>

Byvoorbeeld, hier is 'n paar HTML-tags:

Dit is al die HTML-openingstekens, sonder enige opsionele eienskappe wat by hulle gevoeg word. Hierdie etikette verteenwoordig:

• - definieer 'n paragraaf.

• - definieer die bladsy as HTML
• - definieer 'n afdeling.

Die volgende is ook HTML-tags:

• Hierdie voorbeelde bevat almal eienskappe wat by die opening HTML-etikette gevoeg is.

  • Die
    is 'n ongeordende lys wat 'n ID-kenmerk bevat
    • Die afdeling het 'n klas eienskap
    • Die anker- of skakelelement bevat die kenmerk "href"
    • Die prentetiket met 'n "src" kenmerk

    Vir die anker- en beeldetikette is die eienskappe eintlik nie opsioneel nie, dit is nodig om die etikette korrek te vertoon. Jy moet die skakel vertel waarheen jy moet gaan (wat is die "href") en die prent wat om te wys (wat die kenmerk "src" verskaf).

    Wat is HTML-elemente

    Volgens die W3C HTML-spesifikasie, is 'n element die basiese boublok van HTML en bestaan ​​gewoonlik uit twee etikette : 'n openingsteken en 'n afsluitingsetiket. Tot dusver het ons net na openingstags gekyk, wat die elemente begin. Om daardie element te beëindig, skryf jy die ooreenstemmende sluitingsetikette.

    Byvoorbeeld, vir die paragraaf element skryf jy dit:

    Dit bestaan ​​uit die openingsteken wat ons 'n oomblik gelede gesien het, sowel as die sluitingsteken - . Sluitingsetikette is eintlik net die openingsteken wat herhaal word, maar met 'n "forward slash" word direk bygevoeg na die "minder as simbool".

    Byna alle HTML-elemente het 'n openingsteken en 'n afsluitingsetiket. Hierdie etikette omring die teks wat op die webblad sal vertoon. Byvoorbeeld, om 'n paragraaf van die teks te skryf, skryf jy die teks wat op die bladsy moet verskyn en omskep dit dan met hierdie tags:

    Hier sal jy die teks van die paragraaf wat jy op die webblad wil vertoon, skryf.

    Sommige HTML-elemente het nie 'n sluitingsteken nie. Dit word 'leë elemente' genoem. Soms word hulle ook na verwys as " singleton " of "void" -elemente. Leë elemente is maklik om te gebruik omdat jy net een merker in jou webblad moet insluit en die leser sal weet wat om te doen. Byvoorbeeld, om 'n enkele lynbreek by jou bladsy te voeg, sal jy die b
    tag gebruik.

    Nog 'n algemene element wat slegs 'n openingsetiket insluit, is die "beeld" -element. Byvoorbeeld:

    Ons het hierdie voorbeeld vroeër gesien, maar daar is geen sluitingsteken vir hierdie beeldelement nie. Die leser sal hierdie kode net vervang met die prent wat in die kenmerk "href" verwys word. In hierdie geval sal dit "logo.png" wees.

    Oor die algemeen, as ek na 'n HTML-element of -kode verwys, gebruik ek die term "element" om aan te dui dat ek verwys na alle dele van die element (beide die opening- en sluittekens). Ek gebruik 'tag' is ek regtig 'n verwysende slegs een of die ander. Dit is die korrekte gebruik van hierdie twee terme, en ek moedig jou aan om hulle behoorlik te gebruik - maar net weet dat as jy hulle 'n bietjie oplaai en uitruil, sal jy steeds deur jou nuwe webontwikkelingskenners verstaan ​​word!

    Oorspronklike artikel deur Jennifer Krynin. Geredigeer deur Jeremy Girard op 7/21/17