Hüperteksti märgistuskeel (HTML) on spetsiaalne arvutikoodide komplekt, mida kasutatakse veebilehe kuvamise määramiseks. Iga element on märgistatud kindla koodiga, nii et brauser kuvab teksti sildindaja kavandatud viisil. Laiussilti tähistab ja seda kasutatakse konksu lisamiseks konkreetsele tekstiosale.
HTML-i span-märgend sarnaneb loogilise jaotuse ehk div-sildiga. Mõlemat kasutatakse koos CSS-i (Cascading Style Sheets) keelega, mida veebiarendajad kasutavad html-, xhtml- ja xml-veebidokumentidele stiiliatribuutide määramiseks. CSS-i kasutamine võimaldab eraldada sisu esitluselementidest, nagu paigutus, font ja värv. See muudab sisu kättesaadavamaks ja esitluse paindlikumaks.
HTML-i ulatuse märgend ei muuda näidatud teksti aktiivselt, erinevalt siltidest, mis näitavad pealkirja suurust, lõiku või teksti värvi. Selle asemel kasutatakse seda märgendit HTML-i osa rühmitamiseks ja mõne muu teabe ühendamiseks selle osa külge. HTML-i märgend div töötab sarnaselt, kuid igal märgendil on erinev eesmärk.
Div-märgend jagab veebilehe suurteks osadeks. Selle kasutamine võimaldab arendajatel määratleda html-koodi suure osa stiili. Div-sildiga kaasneb võimalus sildistatud jaotistele nimesid anda, et neid saaks CSS-is hõlpsasti käsitleda. Pange tähele, et HTML-div-märgend katkestab lõigud. Teisisõnu, teil võivad jaotises olla lõigud, mis on tähistatud märgiga div, kuid lõigu sees ei pruugi olla lõiku div.
HTML-i span-märgend sarnaneb sildiga div, kuna see ümbritseb tekstiosa. Ilma stiiliatribuutideta ei muuda see lisatud teksti. ei vorminda ilma atribuudimärgenditeta, kus div sisaldab katkestusi.
Kolm kasulikku atribuuti, mida võib HTML-i ulatuse märgendiga kasutada, on stiil, klass ja id. Spani kasutades võib väikesele osale tekstist lisada konkreetse atribuudi. Näiteks kui lause on kirjutatud 1. taseme pealkirjas ja viimane sõna peab olema punane, võib selle saavutamiseks kasutada HTML-i ulatuse märgendit. Vaadake allolevat näidet.
See peaks olema punane
annab sellise tulemuse:
See peaks olema punane
Lisades soovitud sõna HTML-i span-märgendiga, piirdub atribuut – antud juhul punane värv – ühe märgitud sõnaga. Tuleb märkida, et HTML-i span-märgend võib olla lõigu- või div-märgendite sees. Nagu kõigi html-märgendite puhul, peate elemendi korralikult töötamiseks sulgema.