Kwa nini utumie HTML ya Semantic?

by Jennifer Kyrnin

Kanuni muhimu ya harakati za Viwango vya Mtandao ambazo zinahusika na sekta tunazo leo ni wazo la kutumia vipengele vya HTML kwa kile ambacho ni badala ya jinsi yanaweza kuonekana katika kivinjari kwa chaguo-msingi. Hii inajulikana kama kutumia HTML Semantic.

Nini HTML ya Semantic

Kazi ya HTML au semantic markup ni HTML inayoingiza maana ya ukurasa wa wavuti badala ya kuwasilisha. Kwa mfano,

lebo inaonyesha kuwa maandiko yaliyofungwa ni aya.

Hili ni semantic na maonyesho, kwa sababu watu wanajua ni aya gani na browsers wanajua jinsi ya kuwaonyesha.

Kwenye sehemu ya fati ya usawa huu, lebo kama na si semantic, kwa sababu zinafafanua tu jinsi maandishi yanavyopaswa kuonekana (kwa ujasiri au italiki) na haitoi maana yoyote ya ziada kwa markup.

Mifano ya vitambulisho vya HTML za semantic ni pamoja na vitambulisho vya kichwa
kupitia
,
, na . Kuna vitambulisho vingi vya HTML vya semantic ambavyo vinaweza kutumiwa kama wewe kujenga tovuti inayolingana na viwango. Kwa nini unapaswa kujali kuhusu semantics Faida ya kuandika HTML ya semantic inatokana na kile kinachopaswa kuwa lengo la kuendesha gari la ukurasa wowote wa wavuti - hamu ya kuwasiliana. Kwa kuongeza vitambulisho vya semantic kwenye hati yako, hutoa maelezo ya ziada juu ya hati hiyo, ambayo husaidia katika mawasiliano. Hasa, vitambulisho vya semantic vinasema wazi kwa kivinjari nini maana ya ukurasa na maudhui yake ni. Ufafanuzi huo pia unawasiliana na injini za utafutaji, kuhakikisha kwamba kurasa za kulia zinawasilishwa kwa maswali sahihi. Vitambulisho vya HTML vya Semantic hutoa taarifa kuhusu yaliyomo ya vitambulisho hivi ambavyo huenda zaidi ya jinsi wanavyoangalia kwenye ukurasa. Nakala iliyofungwa kwenye lebo inatambuliwa mara moja na kivinjari kama aina fulani ya lugha ya coding. Badala ya kujaribu kutoa code hiyo, kivinjari huelewa kwamba unatumia maandiko kama mfano wa kanuni kwa madhumuni ya makala au mafunzo ya mtandaoni ya aina fulani. Kutumia vitambulisho vya semantic inakupa ndoano nyingi zaidi za kuandika maudhui yako. Labda leo unapendelea kuwa na sampuli zako za msimbo zinaonyesha katika mtindo wa kivinjari wa kivinjari, lakini kesho, unataka kuwaita nje na rangi ya rangi ya rangi ya kijivu, na baadaye unataka kufafanua familia ya font ya mono-spaced au stack ya font ili itumike kwa sampuli zako. Unaweza kufanya mambo haya kwa urahisi kwa kutumia markup ya semantic na kutumia CSS kwa kutumia smartly. Tumia Tags za Semantic Kwa usahihi Unapotaka kutumia vitambulisho vya semantic ili ueleze maana badala ya madhumuni ya uwasilishaji, unahitaji kuwa makini kwamba usiwatumie vibaya kwa ajili ya mali zao za kawaida. Baadhi ya vitambulisho vya kawaida vya semantic vibaya hujumuisha: blockquote - Baadhi ya watu hutumia lebo kwa maandishi yasiyo ya kifungu ambacho sio nukuu. Hii ni kwa sababu blockquotes ni indented na default. Ikiwa unataka tu faida ya utoaji wa siri, lakini maandishi si blockquote, tumia margin ya CSS badala yake. p - Baadhi ya wahariri wa wavuti kutumia & nbsp; (nafasi isiyo ya kuvunja yaliyomo katika kifungu) ili kuongeza nafasi ya ziada kati ya vipengele vya ukurasa, badala ya kufafanua aya halisi kwa maandishi ya ukurasa huo. Kama ilivyo na mfano uliojajwa hapo awali, unapaswa kutumia mali ya margin au ufikiaji wa mtindo ili kuongeza nafasi. ul - Kama blockquote, kufunga maandiko ndani ya tag indents kwamba maandiko katika browsers wengi. Hii yote ni sawa na isiyo sahihi na isiyo sahihi ya HTML, kama vitambulisho vilivyo halali ndani ya tag. Tena, tumia margin au mtindo wa padding kwa maandishi ya kuingia. h1-h6 - Vitambulisho vya kichwa vinaweza kutumiwa kufanya fonts kubwa zaidi na vyema, lakini kama maandiko sio kichwa, haipaswi kuwa ndani ya lebo ya kichwa. Tumia mali ya uzito wa uzito na font-size CSS badala ya unataka kubadilisha ukubwa au uzito wa maandishi maalum kwenye ukurasa wako. Kwa kutumia vitambulisho vya HTML ambavyo vina maana, unaunda kurasa ambazo hutoa taarifa zaidi kuliko kwa karibu na kila kitu na vitambulisho . Ambayo ya HTML Je, ni Semantic? Ingawa karibu kila lebo ya HTML4 na vitambulisho vyote vya HTML5 vina maana ya semantic, vitambulisho vingine ni kimsingi kwa asili. Kwa mfano, HTML5 imefanya upya maana ya vitambulisho na kuwa semantic. Lebo haifai umuhimu wa ziada, bali ni maandiko ambayo hutolewa kwa ujasiri. Lebo ya pia haifai umuhimu au msisitizo wa ziada, bali hufafanua maandiko ambayo hutumiwa kwa kawaida katika italiki. Lebo ya HTML ya Semantic Hali Sahihi Nukuu ndefu Ufafanuzi Anwani ya waandishi (s) ya waraka Citation Kumbukumbu ya Kanuni Nakala ya Teletype Mgawanyiko wa mantiki Chombo cha kawaida cha kawaida cha mtindo Nakala iliyofutwa Nakala zilizoingizwa Mkazo Mkazo mkali Kichwa cha kwanza cha ngazi Kichwa cha pili cha ngazi Kichwa cha ngazi ya tatu Kichwa cha nne cha ngazi Kichwa cha ngazi ya tano Kiongozi wa ngazi ya sita Mapumziko ya kimapenzi Nakala ya kuingizwa na mtumiaji Nakala iliyopangwa kabla Nukuu ndogo ya inline Mfano wa pato Msajili Superscript Nakala iliyochaguliwa au mtumiaji Alike posts Vyombo vingi vya kubadilisha PDF kwa HTML Muundo wa Mtandao na Dev Tabia ya ID ni nini? Muundo wa Mtandao na Dev Wakati wa kutumia HTML5 SECTION Element Muundo wa Mtandao na Dev Kuelewa Ukurasa wa Index.html kwenye Tovuti Muundo wa Mtandao na Dev Inapakia Vitambulisho vya HTML Muundo wa Mtandao na Dev Sanduku la kitabu cha HTML Muundo wa Mtandao na Dev Ufafanuzi wa Tag ya HTML Muundo wa Mtandao na Dev Jifunze Kuhusu Dynamic HTML (DHTML) Muundo wa Mtandao na Dev Jinsi ya kubadilisha Hati ya Neno kwa HTML Muundo wa Mtandao na Dev See Newest Nguvu ya PowerPivot kwa Excel - Kuangalia kwenye Duka la Data Mpya na Ifuatayo Jinsi ya Kuandaa Kompyuta Yako kwa Simu za Kisasa Programu & Programu Nini Graphics Motion? Programu Jinsi ya kusoma Free Ebooks Google kwenye Simu yako au Kibao Android Rejea ya HTML 5 - HTML 5 Tags kwa herufi Muundo wa Mtandao na Dev App iPhone yangu App Kazi juu ya iPad yangu? Nami Ninaandika Nini? IPad Sapid posts Jinsi ya kurekebisha iPhone wakati huna chumba cha kutosha IPhone & iPod Jinsi ya Kuchukua Screenshot juu ya iOS au Android Mtandao & Utafutaji Jifunze Kupata Karibu na Mmiliki wa Maisha na Mail Server Report Hoax Antivirus Features Kuangalia katika Stereo Android Car Gari Tech Sanidi Filter ya Barua ya K9 ya Spam Barua pepe na Ujumbe Jinsi ya Kuweka Filter katika Yahoo! Barua Barua pepe na Ujumbe Michezo 8 bora zaidi ya VR 360 ya kununua kwa 2018 Viongozi wa kununua Jinsi ya Kurekebisha Icons Wii / Wii U na Kujenga Folders Wii Uchezaji Uhtasari wa Inkscape Programu Nini faili ya 7Z? Windows Hapa ni ufafanuzi wa 'YOLO' kwa wale ambao hawana mawazo Mtandao wa kijamii Vidokezo Kabla ya Kunununua PC au Kibao cha Slate Viongozi wa kununua Je, ni Voltage? (Ufafanuzi) Theater Home Kurekebisha SMC (Mdhibiti wa Udhibiti wa Mfumo) kwenye Mac yako Mac Ni mfano gani wa Barua pepe ya Spam? Barua pepe na Ujumbe Je! Hii ni New TV TV? Theater Home

	Hali
	Sahihi
	Nukuu ndefu
	Ufafanuzi
	Anwani ya waandishi (s) ya waraka
	Citation
	Kumbukumbu ya Kanuni
	Nakala ya Teletype
	Mgawanyiko wa mantiki
	Chombo cha kawaida cha kawaida cha mtindo
	Nakala iliyofutwa
	Nakala zilizoingizwa
	Mkazo
	Mkazo mkali
	Kichwa cha kwanza cha ngazi
	Kichwa cha pili cha ngazi
	Kichwa cha ngazi ya tatu
	Kichwa cha nne cha ngazi
	Kichwa cha ngazi ya tano
	Kiongozi wa ngazi ya sita
	Mapumziko ya kimapenzi
	Nakala ya kuingizwa na mtumiaji
	Nakala iliyopangwa kabla
	Nukuu ndogo ya inline
	Mfano wa pato
	Msajili
	Superscript
	Nakala iliyochaguliwa au mtumiaji