Et ass en Ënnerscheed tëscht dësen zwou Konditiounen
Webdesign, wéi all Industrie oder Beruff, huet eng Sprooch all seng eegen. Wéi Dir d'Industrie eran an spréngt mat Äre Kollegen ze schwätzen, wäerte Dir zweiflech ganz séier an eng Rei vu Begrëffer a Sätze lafen, déi nei bei Iech sinn, awer wat de Floss vun de Sprooche vun Äre Kollegen. Zwee vun den Termen déi Dir héiert, sinn HTML "Tag" an "Element".
Wéi Dir dës zwee Begrëffer gesprochen hutt, kënnt Dir feststellen datt se ewechwuerscht ginn. Wéi eng Fro, déi vill nei Websäiten ze benotzen hunn wann se mat HTML Code ze begleeden ass "wat ass den Ënnerscheed tëscht engem HTML Tag an engem HTML Element?"
Obwuel dës zwee Begrëffer ähnlech sinn, si si net wierklech Synonyme. Also wat ass d'Ähnlechkeet mat dësen zwou Begrëffer? D'Kuerz Äntwert ass datt d'Bezeechnungen an Elementer de Markup benotzt fir HTML ze schreiwen. Zum Beispill kënnt Dir soen datt Dir den
-Tag benotzt fir e Paragraf oder den Element zu definéieren fir Links ze erschafen. Vill Leit benotzen d'Begrëff Tag an d'Element austausbar, an all Webdesigner oder Entwéckler Dir schwätzt mat verstoen wat Dir wollt, awer d'Realitéit ass datt et e klengt Ënnerscheed tëscht den zwou Begrëffer gëtt.
HTML Tags
HTML ass eng Markéierungssprooch , dat heescht datt et mat Coden geschriwwe gëtt, déi vun enger Persoun gelies kënne ginn ouni datt et fir d'éischt zesummegesat ass. An anere Wierder, den Text op enger Websäit gëtt mat dësen Coden "markéiert" fir d'Instruktiounen fir d'Instruktiounen iwwer de Text ze weisen. Dës Markup Tags sinn déi HTML Tags selwer.
Wann Dir HTML schreift, schreift Dir HTML Tags. All HTML Tags ginn aus enger Rei vu speziellen Deeler, dorënner:
- E Manner ewéi Zeechen <
- E Wuert oder Zeechen, déi bestëmmen, wéi et ass geschriwwe ginn
- All Zuel vun fakultativ HTML Attributer an der Form vun engem Numm = "Wäert" Pair
- A schlussendlech e gréissere wéi Schëld>
Zum Beispill, hei sinn e puer HTML Tags:
-
-
Dës sinn all HTML-Erëffnungsbezeechnungen, ouni aner fakultativ Attributer, déi si addéieren. Dës Tags bedeiten:
-
- definéiert e Paragraphe.
- - definéiert d'Säit als HTML
- - definéiert eng Divisioun.
Déi folgend sinn och HTML Tags:
-
Dës Beispiller ginn all Attributiounen, déi op d'Ouverture vun den HTML Tags addéiert ginn sinn.
- De
- ass eng onuerdend Lëscht mat engem Identifikatiounsdiskussioun
- D'Divisioun huet e Klassenattribut
- Den Anker oder Link, d'Element beinhalt d'Attribut "href"
- Den Image Tag mat engem "src" Attribut
Fir d'Verankerung an d'Bildträg sinn d'Attributer eigentlech net opgedeelt, si sinn néideg fir dës Tags ze weisen richteg ze weisen. Dir musst de Link soen wou et geet (wat ass den "href") an d'Bild wat ze weisen (wat ass den "src" Attribut bitt).
Wat sinn HTML Elementer
Geméiss der W3C HTML Spezifikatioun ass e Element d'Basisbausteel vum HTML a gëtt typesch aus zwee Varianten ausgemaacht : en Ouverture Tag a Schliessegels. Bis bis haut hu mer nëmmen Erofgestalt gesicht, déi d'Elemente ufänkt. Fir dat Element ze schloen, schreift Dir déi zoustännege Tags.
Zum Beispill, fir de Paragraf Element Dir Dir dëst schreift:
p>
Dëst ass aus der Erëffnung Etikett, déi mir e Moment gesi hunn wéi och de Schliessertag - p>. Closing Tags si wierklech just de Ouvertureszäite repetéiert, awer mat engem "Forward Slash" ass direkt nom "manner wéi Symbol" hinzugefügt ginn.
Bal all HTML Elementer hunn en Ouverture Tag an e Schliessertag. Dës Tags ëmfaassen den Text deen op der Websäit affichéiert. Zum Beispill, fir e Paragraph vum Text ze schreiwen, schreift Dir den Text fir op der Säit z'ënnerscheeden an dann mat dëse Tags ëmzegoen:
Hei kënnt Dir den Text vum Paragraphe schreiwen, deen Dir op der Websäit affichéiert gitt. p>
E puer HTML Elementer hunn keng Schlussetikett. Dës ginn als "eidel Elementer" genannt. Heiansdo gëtt se als " Singleton " oder "void" Elemente bezeechent. Eidel Elementer sinn einfach ze benotzen well Dir musst nëmmen eng Variablen an Ihrer Websäit ausschécken an de Browser wësst wat. Zum Beispill, fir een eenzegen Zeilenzäit op Är Säit ze addéigéieren, déi Dir benotzt b 'andro Tag.
En anere gemeinsamen Element, deen nëmmen en Ouvert äntweren ass, ass den "Image" Element. Zum Beispill:
Mir hunn dëse Beispill virdru gesinn, awer et ass keen Schluss-Etapp fir dësen Bildelement. De Browser wäers einfach dëse Code ersetzen mat dem Bild, dat am "href" Attribut referenzéiert ass. An dësem Fall wier dat "logo.png".
Am Allgemengen, wann ech op en HTML Element oder Tag referenzéieren, wäert ech de Begrëff "Element" benotze fir ze weisen, datt ech all d'Elemente vum Element (béid d'Erëffnungs- a Schlësselmarken) referenzéieren. Ech benotzen "Tag" ass ech wierklech eng Referenz nëmmen een oder deen aneren. Dëst ass d'Benotzung vun dësen zwou Begrëffer, an ech encouragéieren Iech se richteg ze benotzen - mee einfach wësst datt wann Dir se e Schlësselblumm a bëssche verkeeft, wäert Dir ëmmer vun Ärer neier Webséiderung verfaasst ginn!
Original Artikel vum Jennifer Krynin. Edited by Jeremy Girard am 7/21/17
-