Molao-motheo oa bohlokoa oa tsamaiso ea Web Standards e ikarabellang bakeng sa indasteri eo re nang le eona kajeno ke mohopolo oa ho sebelisa likarolo tsa HTML ho seo li leng sona ho e-na le hore na li ka bonahala joang ka sebapali ka ho sa feleng. Sena se tsejoa e le ho sebelisa Semantic HTML.
Se HTML ke sefetic
Semantic HTML kapa semantic markup ke HTML e kenyelletsang moelelo oa leqephe la websaeteng ho e-na le ho hlahisa maikutlo feela. Ka mohlala, letšoao la
le bontša hore molaetsa o koetsoeng ke serapa.
Sena ke bobeli ba semantic le ba bonts'ebeletso, hobane batho ba tseba hore na lirapa li na le li-browser li tseba ho li bontša.
Ka lehlakoreng le flip la ho lekana, matšoao a kang le ha a semantic, hobane a hlalosa feela hore na temana eo e lokela ho shebahala (sebete kapa italic) mme ha e fane ka moelelo leha e le ofe oa moelelo.
Mehlala ea li-tag tsa HTML tsa semantic li kenyelletsa matšoao a sehlooho
ka , , le . Ho na le li-tag tse ngata tsa semantic HTML tse ka sebelisoang ha u ntse u haha marang-rang a lumellanang le marang-rang.
Lebaka Leo U Lokelang ho Tsotella ka Semantics
Melemo ea ho ngola HTML ea semantic e tsoa ho seo e lokelang ho ba sepheo sa ho khanna sa leqephe leha e le lefe la websaete-takatso ea ho buisana. Ka ho eketsa li-tag tsa semantic tokomaneng ea hau, o fana ka tlhahisoleseding e eketsehileng mabapi le tokomane eo, e thusang ho buisana. Ka ho khetheha, li-tags tsa semantic li hlakisetsa sebapali se bolelang hore na se boleloang ke leqephe le litaba tsa eona ke eng.
Tlhaloso eo e boetse e tsejoa le li-engines, ho netefatsa hore maqephe a nepahetseng a fanoa ka lipotso tse nepahetseng.
Litemana tsa HTML tsa Semantic li fana ka tlhahisoleseding mabapi le li kahare tsa li-tags tse fetang ka tsela eo li shebahalang ka eona leqepheng. Mongolo o koetsoeng lebokoseng la o tsebahala hang-hang ke sebapali e le mofuta o mong oa puo ea boitsebiso.
Ho e-na le ho leka ho fana ka khoutu eo, sebapali se utloisisa hore u sebelisa temana eo e le mohlala oa khoutu bakeng sa sepheo sa sehlooho kapa thuto ea marang-rang ea mofuta o itseng.
Ho sebelisa li-tag tsa semantic ho u fa li-hook tse ngata bakeng sa setaele lintho tsa hau. Mohlomong kajeno u khetha ho ba le mehlala ea hau ea khoutu e bontšang mokhoa oa ho fetolela, empa hosasane, o batla ho ba letsetsa ka 'mala o mofubelu,' me hamorao u batla ho hlalosa lelapa la fonte la mono-spaced kapa stack ea fonte ho sebelisoa bakeng sa lisebelisoa tsa hau. U ka etsa lintho tsena tsohle habonolo ka ho sebelisa marang-rang le ho sebelisa CSS ka bohlale.
Sebelisa Litlhaku Tsa Semantic ka Nepo
Ha u batla ho sebelisa li-tag tsa semantic ho fetisa moelelo ho e-na le merero ea lipuo, u lokela ho ba hlokolosi hore u se ke ua li sebelisa ka mokhoa o fosahetseng feela bakeng sa matlotlo a bona a tloaelehileng. Tse ling tsa li-tag tsa semantic tse sebelisoang hampe li kenyelletsa:
- blockquote - Batho ba bang ba sebelisa lebokose la bakeng sa mongolo oa indenting e seng quotation. Lebaka ke hobane blockquotes e entsoe ka ho sa feleng. Haeba o batla ho fumana melemo ea ho itlosa bolutu, empa temana hase blockquote, sebelisa margins a CSS ho e-na le hoo.
- P - Bahlophisi ba bang ba websaete ba sebelisa
& nbsp; (e seng ho pata sebaka se nang le serapeng) ho eketsa sebaka se eketsehileng pakeng tsa leqephe la likarolo, ho e-na le ho hlalosa lirapa tsa sebele bakeng sa temana eo. Joalokaha mohlala o boletsoeng ka holimo o sa boleloang, o lokela ho sebelisa thepa ea marang-rang kapa ea marang-rang ho eketsa sebaka.
- ul - Joaloka blockquote, e kenyelletsang molaetsa kahare ho
tag indents lengolo leo ka li-browsers tse ngata. Sena ka bobeli e sa nepahala ebile e sa nepahale, ha li-tag - li sebetsa feela ka
tag. Hape, sebelisa mokhoa oa marang kapa marang-rang ho ngola mongolo. - h1-h6 - Mantsoe a sehlooho a ka sebelisoa ho etsa hore fonte e be khōlō le ho feta, empa haeba temana eo e se sehlooho, ha ea lokela ho ba ka har'a lebokose la sehlooho. Sebelisa lisebelisoa tsa boima ba melaetsa le boholo ba fonte CSS ho e-na le haeba u batla ho fetola boholo kapa boima ba litemana tse itseng leqepheng la hau.
Ka ho sebelisa li-tag tsa HTML tse nang le moelelo, u etsa maqephe a fanang ka boitsebiso bo bongata ho feta ho pota-pota ntho e 'ngoe le e' ngoe ka
tags.
Ke li-tag tsa HTML life tse nang le semantic?
Le hoja hoo e batlang e le letšoao le leng le le leng la HTML4 le li-tags tsohle tsa HTML5 li na le moelelo oa semantic, matšoao a mang ke a semantic ka tlhaho.
Ka mohlala, HTML5 e hlalositse se boleloang ke matšoao le hore e be semantic. Letšoao la ha le fetise bohlokoa ba bohlokoa, empa ho e-na le mantsoe ao ka tloaelo a fetoleloang ka sebete. Letšoao la le lona ha le fetise bohlokoa ba bohlokoa kapa ho hatisoa, empa ho e-na le hoo le hlalosa mantsoe ao ka tloaelo a fetoletsoeng ka litlhaku.
Lipampiri tsa HTML tsa Semantic
Boemo Sekhetho
Tlhaloso e telele Tlhaloso Aterese ea moqapi (s) ea tokomane eo Tlhaloso Tlhaloso ea melao Mongolo oa Teletype Karohano e utloahalang Sebakete se tloaelehileng sa mokhoa Mongolo o tlosoa E kentse mongolo Ho hatisoa Khatiso e matla
Sehlooho sa boemo ba pele
Sehlooho sa boemo ba bobeli
Sehlooho sa boemo ba boraro
Sehlooho sa bobeli sa boemo
Sehlooho sa bohlano-kholo
Sehlooho sa tšebetso ea botšelela
Khefu ea tšebetso Mongolo o lokelang ho kenngoa ke mosebedisi
Mongolo o etselitsoeng pele
Kenyelletso e khutšoanyane Sample output Subscript Superscript Mofuta o fapaneng kapa oa mosebedisi o hlalosoang
, le . Ho na le li-tag tse ngata tsa semantic HTML tse ka sebelisoang ha u ntse u haha marang-rang a lumellanang le marang-rang.
Lebaka Leo U Lokelang ho Tsotella ka Semantics
Melemo ea ho ngola HTML ea semantic e tsoa ho seo e lokelang ho ba sepheo sa ho khanna sa leqephe leha e le lefe la websaete-takatso ea ho buisana. Ka ho eketsa li-tag tsa semantic tokomaneng ea hau, o fana ka tlhahisoleseding e eketsehileng mabapi le tokomane eo, e thusang ho buisana. Ka ho khetheha, li-tags tsa semantic li hlakisetsa sebapali se bolelang hore na se boleloang ke leqephe le litaba tsa eona ke eng.
Tlhaloso eo e boetse e tsejoa le li-engines, ho netefatsa hore maqephe a nepahetseng a fanoa ka lipotso tse nepahetseng.
Litemana tsa HTML tsa Semantic li fana ka tlhahisoleseding mabapi le li kahare tsa li-tags tse fetang ka tsela eo li shebahalang ka eona leqepheng. Mongolo o koetsoeng lebokoseng la o tsebahala hang-hang ke sebapali e le mofuta o mong oa puo ea boitsebiso.
Ho e-na le ho leka ho fana ka khoutu eo, sebapali se utloisisa hore u sebelisa temana eo e le mohlala oa khoutu bakeng sa sepheo sa sehlooho kapa thuto ea marang-rang ea mofuta o itseng.
Ho sebelisa li-tag tsa semantic ho u fa li-hook tse ngata bakeng sa setaele lintho tsa hau. Mohlomong kajeno u khetha ho ba le mehlala ea hau ea khoutu e bontšang mokhoa oa ho fetolela, empa hosasane, o batla ho ba letsetsa ka 'mala o mofubelu,' me hamorao u batla ho hlalosa lelapa la fonte la mono-spaced kapa stack ea fonte ho sebelisoa bakeng sa lisebelisoa tsa hau. U ka etsa lintho tsena tsohle habonolo ka ho sebelisa marang-rang le ho sebelisa CSS ka bohlale.
Sebelisa Litlhaku Tsa Semantic ka Nepo
Ha u batla ho sebelisa li-tag tsa semantic ho fetisa moelelo ho e-na le merero ea lipuo, u lokela ho ba hlokolosi hore u se ke ua li sebelisa ka mokhoa o fosahetseng feela bakeng sa matlotlo a bona a tloaelehileng. Tse ling tsa li-tag tsa semantic tse sebelisoang hampe li kenyelletsa:
- blockquote - Batho ba bang ba sebelisa lebokose la bakeng sa mongolo oa indenting e seng quotation. Lebaka ke hobane blockquotes e entsoe ka ho sa feleng. Haeba o batla ho fumana melemo ea ho itlosa bolutu, empa temana hase blockquote, sebelisa margins a CSS ho e-na le hoo.
- P - Bahlophisi ba bang ba websaete ba sebelisa
& nbsp; (e seng ho pata sebaka se nang le serapeng) ho eketsa sebaka se eketsehileng pakeng tsa leqephe la likarolo, ho e-na le ho hlalosa lirapa tsa sebele bakeng sa temana eo. Joalokaha mohlala o boletsoeng ka holimo o sa boleloang, o lokela ho sebelisa thepa ea marang-rang kapa ea marang-rang ho eketsa sebaka.
- ul - Joaloka blockquote, e kenyelletsang molaetsa kahare ho
tag indents lengolo leo ka li-browsers tse ngata. Sena ka bobeli e sa nepahala ebile e sa nepahale, ha li-tag - li sebetsa feela ka
tag. Hape, sebelisa mokhoa oa marang kapa marang-rang ho ngola mongolo. - h1-h6 - Mantsoe a sehlooho a ka sebelisoa ho etsa hore fonte e be khōlō le ho feta, empa haeba temana eo e se sehlooho, ha ea lokela ho ba ka har'a lebokose la sehlooho. Sebelisa lisebelisoa tsa boima ba melaetsa le boholo ba fonte CSS ho e-na le haeba u batla ho fetola boholo kapa boima ba litemana tse itseng leqepheng la hau.
Ka ho sebelisa li-tag tsa HTML tse nang le moelelo, u etsa maqephe a fanang ka boitsebiso bo bongata ho feta ho pota-pota ntho e 'ngoe le e' ngoe ka
tags.
Ke li-tag tsa HTML life tse nang le semantic?
Le hoja hoo e batlang e le letšoao le leng le le leng la HTML4 le li-tags tsohle tsa HTML5 li na le moelelo oa semantic, matšoao a mang ke a semantic ka tlhaho.
Ka mohlala, HTML5 e hlalositse se boleloang ke matšoao le hore e be semantic. Letšoao la ha le fetise bohlokoa ba bohlokoa, empa ho e-na le mantsoe ao ka tloaelo a fetoleloang ka sebete. Letšoao la le lona ha le fetise bohlokoa ba bohlokoa kapa ho hatisoa, empa ho e-na le hoo le hlalosa mantsoe ao ka tloaelo a fetoletsoeng ka litlhaku.
Lipampiri tsa HTML tsa Semantic
Boemo Sekhetho
Tlhaloso e telele Tlhaloso Aterese ea moqapi (s) ea tokomane eo Tlhaloso Tlhaloso ea melao Mongolo oa Teletype Karohano e utloahalang Sebakete se tloaelehileng sa mokhoa Mongolo o tlosoa E kentse mongolo Ho hatisoa Khatiso e matla
Sehlooho sa boemo ba pele
Sehlooho sa boemo ba bobeli
Sehlooho sa boemo ba boraro
Sehlooho sa bobeli sa boemo
Sehlooho sa bohlano-kholo
Sehlooho sa tšebetso ea botšelela
Khefu ea tšebetso Mongolo o lokelang ho kenngoa ke mosebedisi
Mongolo o etselitsoeng pele
Kenyelletso e khutšoanyane Sample output Subscript Superscript Mofuta o fapaneng kapa oa mosebedisi o hlalosoang