Der is in ferskil tusken dizze twa betingsten
Webûntwerp, lykas alle yndustry of berop, hat in hiele eigen taal. As jo de yndustry ynfiere en begjinne mei jo peers te begjinnen, sille jo sûnder dreech in flúst fan begripen en útdrukken dy't jo nij binne, mar wat de stream fan 'e tongen fan jo partner-web professionals. Twa fan 'e termen dy't jo hearre binne HTML "tag" en "elemint".
As jo dizze twa termen hearre harkje, kinne jo realisearje dat se gewoan al brûkt wurde. As sadanich, ien fraach dy't in soad nije webpeppers hawwe as se begjinne mei it wurkjen fan HTML-koade is "wat is it ferskil tusken in HTML-tag en HTML-elemint?"
Hoewol dizze twa termen binne fergelykber yn betsjutting, binne se net echt synonyms. Wat is de similariteit mei dizze twa terminen? It koarte antwurd is dat tagongsrjochten en eleminten ferwize nei de markearring dy't brûkt wurdt om HTML te skriuwen. Jo kinne bygelyks sizze dat jo de
tag brûke om in paragraf of itselde elemint te definiearjen om links te meitsjen. In soad minsken brûke de term tag en elemint yntermjittich, en elke webûntwerper of ûntwikkeler dy't jo prate mei soe begripe wat jo betsjutte, mar de wurklikheid is dat der in lyts ferskil tusken de twa termen is.
HTML-tags
HTML is in markearjende taal , dat betsjut dat it skreaun is mei koaden dy't lêzen wurde kinne troch in persoan sûnder dat it earst kompilearre wurde moat. Mei oare wurden, de tekst op in webside is "markearre" mei dizze koaden om de ynstruksje fan webblêden te jaan oer hoe't jo de tekst werjaan. Dizze markearre tags binne de HTML-tags sels.
As jo HTML skriuwe, skriuw dan HTML-tags. Alle HTML-tags binne makke fan in oantal spesifike dielen, wêrûnder:
- In minder as as teken <
- In wurd of karakter dat bepale hokker tag skreaun wurdt
- Elke nûmer fan fakultatyf HTML-attributen yn 'e foarm fan in namme = "wearde" pear
- En úteinlik in grutter as teken>
Sa binne bygelyks guon HTML-tags:
-
-
Dit binne alle HTML-iepenbiere tags, sûnder opsjonele eigenskippen oan taheakke. Dizze tags fertsjintwurdigje:
-
- definiet in paragraaf.
- - definiet de side as HTML
- - definiet in divyzje.
De folgjende binne ek HTML tags:
-
Dizze foarbylden befetsje allinich attributen dy't oan 'e iepenbiere HTML-tags tafoege binne.
- De
- is in unorderde list mei in ID-attribút
- De divyzje hat in klasse attribute
- De anchor, of keppeling, elemint befet de "href" attribút
- It byldtype mei in "src" attribút
Foar de anker- en bybyldtags binne de attributen eigentlik net fakultatyf, se binne nedich foar dy tags om goed te sjen. Jo moatte de link fertelle wêr't it giet (wat is it "href") en it byld dat jo sjen wolle (wat is it "src" attribút biedt).
Wat binne HTML-eleminten
Neffens de spesifikaasje fan W3C HTML is in elemint de basisblok fan HTML en wurdt typysk opboud út twa tags : in iepen tag en in slute tag. Boppedat hawwe wy allinich op 'e iepenbiere tags, dy't de eleminten begjint. Om dit elemint te einigjen skriuwde jo de oerienkommende slutingsteken.
Bygelyks foar it paragraaf elemint skriuw dit:
Dit is makke fan 'e iepenbiere tag wêryn't wy in momint lyn sjoen hawwe lykas it it sluten tag - . Closing tags binne echt itselde as de iepeningtype werhelle, mar mei in "foarslach" wurdt direkt nei it "minder as symboal" taheakke.
Hast alle HTML-eleminten hawwe in iepen tag en in slute tag. Dizze kaarten befetsje de tekst dy't sjen sil op 'e webside. Om bygelyks in tekst fan skriuw te skriuwen, skriuwst de tekst op 'e side en sil it dan mei dizze tags oansette:
Dit is wêr jo de tekst fan it paragraaf skriuwe dat jo wolle op 'e webside sjen litte.
Guon HTML-eleminten hawwe gjin slute tag. Dizze wurde "lege eleminten" neamd. Somtiden wurde se ek wol " singleton " of "void" eleminten neamd. Lege eleminten binne maklik te brûken omdat jo ien tag yn jo webside oanmeitsje moatte en de browser sil witte wat jo dwaan moatte. Bygelyks om in inkele line brek oan jo side te foegjen brûke jo de b - tag.
In oar mienskiplik elemint dat allinich in iepen tag hat as it "ôfbylding" elemint. Bygelyks:
Wy sjogge dit foarbyld earder, mar der is gjin slute tag foar dit ôfbylding elemint. De blêder soe dizze koade gewoan ferfange troch it byld dat referearre is yn it "href" attribute. Yn dit gefal soe dit "logo.png" wêze.
Yn 't algemien, as ik oer in HTML-elemint of tag ferwiist, sil ik de term "elemint" brûke om oan te jaan dat ik oer alle dielen fan it elemint (sawol it iepenjen en sluten fan tags) referearje. Ik brûke "tag", is ik echt in referindig mar ien of oare. Dit is it goede gebrûk fan dizze twa terminen, en ik stimulearje jo om se goed te brûken - mar gewoan witte dat as jo in bytsje slipje en wikselje, wurde jo noch altyd begrepen troch jo nije web-ûntwikkelders!
Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 7/21/17
-