Çfarë është një etiketë HTML kundrejt një elementi HTML?

Ka një ndryshim midis këtyre dy kushteve

Dizajni i uebit, si çdo industri apo profesion, ka një gjuhë të vetme. Ndërsa hyni në industrinë dhe filloni të flisni me kolegët tuaj, ju padyshim do të futeni në një stuhi të termave dhe frazave që janë të reja për ju, por cilat rrjedha të gjuhëve të profesionistëve tuaj të internetit. Dy nga termat që do të dëgjoni janë HTML "tag" dhe "element".

Ndërsa dëgjoni këto dy terma të folura, mund të kuptoni se ato përdoren disi në mënyrë të ndërsjellë. Si e tillë, një pyetje që shumë profesionistë të rinj të internetit kanë kur fillojnë të punojnë me kodin HTML është "cili është dallimi në mes të një HTML tag dhe një elementi HTML?"

Ndërsa këto dy terma janë të ngjashme në kuptim, ato nuk janë sinonime të vërteta. Pra, cila është ngjashmëria me këto dy terma? Përgjigja e shkurtër është se të dy etiketat dhe elementët i referohen shenjës që përdoret për të shkruar HTML. Për shembull, mund të thuash që po përdor tagun

për të përcaktuar një paragraf ose elementin për të krijuar lidhje. Shumë njerëz përdorin termat e etiketave dhe elementin në mënyrë të ndërsjellë, dhe çdo projektuesi ose zhvilluesi i uebit me të cilin flisni do të kuptonte se çfarë do të thoshte, por realiteti është se ekziston një dallim i vogël midis dy termave.

HTML është një gjuhë markup , që do të thotë se është e shkruar me kodet që mund të lexohen nga një person pa që duhet të përpilohet së pari. Me fjalë të tjera, teksti në një faqe interneti është "i shënuar" me këto kode për t'i dhënë udhëzimet e shfletuesit të internetit se si të shfaqet teksti. Këto tags markup janë vetë tags HTML.

Kur shkruani HTML, po shkruani HTML tags. Të gjitha etiketat HTML janë të përbërë nga një numër i pjesëve të veçanta, duke përfshirë:

• Një shenjë më pak se <
• Një fjalë ose karakter që përcakton se cila tag është duke u shkruar
• Çdo numër i atributeve HTML opsionale në formën e një pike të emrit = "vlera"
• Dhe së fundi një shenjë më e madhe se ajo

Për shembull, këtu janë disa tags HTML:

Këto janë të gjitha etiketat e hapjes së HTML, pa ndonjë atribut shtesë që u shtohet atyre. Këto etiketa përfaqësojnë:

• - përcakton një paragraf.

• - përcakton faqen si HTML
• - përcakton një ndarje.

Në vijim janë edhe HTML tags:

• Këto shembuj të gjithë përfshijnë atributet që janë shtuar në etiketat HTML hapjes.

  • është një listë e parregulluar që përfshin një atribut ID
    • Ndarja ka një atribut të klasës
    • Spiranca, ose lidhja, elementi përfshin atributin "href"
    • Etiketa e imazhit me atribut "src"

    Për spirancën dhe imazhet e imazhit, atributet nuk janë në fakt opsionale, ato janë të nevojshme për ato etiketa që të shfaqen siç duhet. Ju duhet të tregoni lidhjen ku të shkoni (cila është ajo që "href" bën) dhe imazhin se çfarë të tregojë (cila është ajo që ofron "src" atribut).

    Cilat janë elementët HTML

    Sipas specifikimit HTML W3C , një element është blloku bazë i ndërtesës së HTML dhe zakonisht përbëhet nga dy etiketa : një etiketë hapëse dhe një etiketë mbyllëse. Deri më tani ne kemi shikuar vetëm etiketat e hapjes, e cila fillon elementet. Për t'i dhënë fund këtij elementi, ju shkruani etiketat mbyllëse përkatëse.

    Për shembull, për elementin e paragrafit ju shkruani këtë:

    Kjo është e përbërë nga tag hapjes që pamë një moment më parë, si dhe tag mbylljes - . Etiketat e mbylljes janë me të vërtetë vetëm tag i hapjes përsëritur, por me një "ulje përpara" shtuar direkt pas "më pak se simbol".

    Pothuajse të gjithë elementët HTML kanë një etiketë hapëse dhe një etiketë mbyllëse. Këto tags rrethojnë tekstin që do të shfaqet në faqen e internetit. Për shembull, për të shkruar një paragraf të tekstit, shkruani tekstin për tu shfaqur në faqe dhe pastaj rrethoni atë me këto tags:

    Këtu shkruan tekstin e paragrafit që do të donit të shfaqeshin në uebfaqe.

    Disa elementë HTML nuk kanë një tag përmbyllës. Këto quhen "elemente boshe". Ndonjëherë, ato quhen gjithashtu si elemente " singleton " ose "void". Elementet bosh janë të lehtë për t'u përdorur, sepse vetëm duhet të përfshini një etiketë në faqen tuaj web dhe shfletuesi do të dijë se çfarë të bëjë. Për shembull, për të shtuar një ndërprerje të vijës së vetme në faqen tuaj ju do të përdorni tagin b
    .

    Një element tjetër i përbashkët që përfshin vetëm një tag hapje është elementi "imazh". Për shembull:

    E pamë këtë shembull më herët, por nuk ekziston asnjë etiketë mbyllëse për këtë element të imazhit. Shfletuesi thjesht do të zëvendësonte këtë kod me imazhin që është referuar në atributin "href". Në këtë rast, kjo do të ishte "logo.png".

    Në përgjithësi, kur i referohem një element ose tag HTML, do të përdor termin "element" për të treguar se unë jam duke iu referuar të gjitha pjesëve të elementit (si etiketat e hapjes dhe mbylljes). Unë përdor "tag" është me të vërtetë një duke iu referuar vetëm një ose tjetër. Ky është përdorimi i duhur i këtyre dy termave dhe unë ju inkurajoj që t'i përdorni ato siç duhet - por vetëm e dini se nëse i kaloni ato dhe shkëmbini ato pak, ju do të kuptoni ende nga kolegët tuaj të rinj të zhvillimit të uebit!

    Artikulli origjinal nga Jennifer Krynin. Redaktuar nga Jeremy Girard më 7/21/17