Maxay u Isticmaalaan HTML Semantic?

Mabda'a muhiimka ah ee dhaqdhaqaaqa heerarka Webka ee masuul ka ah warshadaha aan maanta haysanno waa fikrad ah in la adeegsado waxyaabaha kale ee loo yaqaan "HTML elements" wixii ay yihiin halkii ay ka muuqan lahaayeen sida ay ugu muuqan karaan browserka. Tan waxaa loo yaqaanaa sida isticmaalka HTML Semantic.

Waa maxay HTML Semantic

Calaamadaha HTML-ka ama "semantic markup" waa HTML taas oo macneheedu yahay macnaha bogga internetka halkii laga soo bandhigi lahaa. Tusaale ahaan,

tag waxay muujineysaa in qoraalka kuxiga uu yahay cutub.

Tani waa labadaba faa'iido iyo bandhig, sababtoo ah dadku waxay yaqaanaan cutubyada iyo dookhiyeyaashu waxay yaqaanaan sida loo soo bandhigo.

Dhinaca garabka ee isbarbar dhigga, tags sida iyo ma aha mid caqligal ah, sababtoo ah waxay qeexayaan oo kaliya sida qoraalku u egyahay (calaamad ama caleemo) oo aan macno dheeri ah u lahayn calaamadda.

Tusaalooyinka ereyada 'semantic HTML tags' waxaa ka mid ah cinwaanka cinwaanka

illaa

,
, iyo . Waxaa jira waxyaabo badan oo akhtam ah oo HTML ah oo la isticmaali karo marka aad dhisi karto website-yo heerar ah.

Waa maxay sababta aad u daryeesho semantics

Faa'iidada qorista HTML-ka ee semantic wuxuu ka kooban yahay waxa looga baahan yahay ujeedada darawalnimo ee bogga internetka - rabitaanka isgaarsiinta. Adiga oo ku daraya dukumiintiyada muhiimka ah ee dukumeentigaaga, waxaad ku siineysaa macluumaad dheeraad ah oo ku saabsan dukumiintigan, kaas oo caawiya isgaarsiinta. Gaar ahaan, tagsyaha semantic waxay u caddeeyaan browserka waxa macnaha bogga iyo waxyaabaha uu yahay.

Caddayntaas ayaa sidoo kale lagu wargeliyaa makiinadaha raadinta, iyagoo hubinaya in bogagga saxda ah loo keeno su'aalaha saxda ah.

Calaamadaha HTML-yada Semantic waxay bixiyaan macluumaad ku saabsan waxyaabaha ka mid ah tagsyada ka baxsan sida ay u eegaan bogga. Qoraalka kuxirsan qoraalka waxaa isla markiiba lagu aqoonsanayaa browser ka ah nooc ka mid ah luqadda codka.

Intii aad isku deyeysid inaad sameysid koodhka, browserka wuxuu fahamsan yahay in aad isticmaashid qoraalkaas oo ah tusaala ah xeerka loogu talagalay ulajeedyada maqaal ama tababbar internet ah oo nooc ah.

Isticmaalidda astaanta caanka ah waxay ku siinaysaa wax badan oo aad u badan oo aad ku dhajin kartid waxyaabaha aad ka kooban tahay. Waxaa laga yaabaa in maanta aad doorbideyso in aad sameysid shaybaarkaaga koodhka ee muuqaalka browserka caadiga ah, laakiin berrito, waxaad dooneysaa inaad iyaga ku soo wacdo midab cirro leh, ka dibna waxaad dooneysaa inaad qeexdo saxda ah font-font ama font stack si ay u isticmaalaan shaybaarkaaga. Waxaad si fudud u samayn kartaa dhammaan waxyaabahan adoo isticmaalaya calaamad caan ah oo si caqligal ah u adeegsanaya CSS.

Isticmaal Calaamadaha Semantic si sax ah

Markaad rabto in aad isticmaasho tago macquul ah si aad u gudbiso macnaha halkii aad ujeedo soojeedin, waxaad u baahan tahay inaad ka taxaddarto inaadan si sax ah u isticmaalin sifooyinka muuqaalka guud. Qaar ka mid ah qoraalka semantic ee caadiga ah waxaa ka mid ah:

  • blockquote - Dadka qaarkood waxay isticmaalaan qoraalka
    ee loogu talagalay qoraalka aan qoraalka ahayn. Tani waa sababta oo ah baqshiishadu waxay ku dhejin waayaan default. Haddii aad rabto inaad ka faa'iidaysato wax-qabadka, laakiin qoraalka ma ahan xargo, adeegso CSS khadka.
  • p - Qaar ka mid ah tifaftireyaasha shabakada waxay isticmaalaan

    & nbsp; (meel bannaan oo jajab ah oo ku jira barafka) si loogu daro boos dheeraad ah oo u dhexeeya jajabyada bogga, halkii lagu qeexi lahaa cutubyada saxda ah ee qoraalka boggaas. Sida tusaale ahaan hore loo soo sheegey, waa inaad isticmaashaa hantida qaabka marinka ama haraaga qaabaynta si aad ugu darto meel.

  • Ujeedo - sida blockquote, oo ku dhexjiraya qoraalka dhexdiisa
      tag indents ee qoraalka badiyaa shabakadaha. Tani waa labadaba si khalad ah oo aan sax ahayn HTML, maaddaama kaliya
    • tags ay ku shaqeynayaan
        tag. Mar labaad, isticmaal marxalad ama dabacsanaan si aad u qorto qoraalka.
      • h1-h6 - Cinwaanada cinwaanada ayaa loo isticmaali karaa inay sameeyaan xarfaha waawayn oo adag, laakiin haddii qoraalka uusan ahayn mid madaxbannaan, waa inuusan ku dhex jirin qoraalka. Isticmaal xarfaha miisaanka iyo miisaanka CSS-ka halkii aad rabto inaad bedesho baaxadda ama miisaanka qoraalka gaarka ah ee boggaaga.

      Adigoo isticmaalaya HTML tags oo macno leh, waxaad abuureysaa bogag kuwaas oo macluumaad badan u gudbiya marka loo eego wax kasta oo ku wareegsan wax walba oo leh 'div> tags.

      Waa kuwee HTML-yada ah Semantic?

      Inkasta oo ku dhawaad ​​dhammaan astaanta HTML4 iyo dhamaan astaanta HTML5 waxay leeyihiin macnaha erayga, qaar ka mid ah astaanta ayaa ugu muhiimsan dabeecadda.

      Tusaale ahaan, HTML5 ayaa dib loo qeexay macnaha iyo tags in ay noqdaan mid faa'iido leh. tagu ma soo saarin muhiima dheeri ah, laakiin halkii qoraal ah oo caadi ahaan lagu dhajiyay cad. tag sidoo kale ma sheegin muhiimada dheeraadka ah ama xoogga la saaro, laakiin waxa ay qeexaysaa qoraalka sida caadiga ah loo yaqaan 'italics'.

      HTML Semantic Tags

      Soo gaabinta
      Keenbax
      Hadal Long
      Qeexitaan
      Cinwaanka qoraaga (qoraallada)
      Xaqso
      Tixraaca Xeerka
      Qoraalka telefoonka
      Iskudhin muuqaal ah
      Weelka caadiga ah ee qashinka ah
      Qoraalka la tirtiray
      Qoraalka galmada
      Xooga saar
      Fikradda xoogan

      Mawduuc heer sare ah

      Heerka labaad ee heer-sare

      Madaxa saddexaad ee heerka

      Heerka afaraad ee heerka hoose
      Heerka shanaad ee heer-madaxeedka
      Heerka lixaad ee heer-madaxeedka

      Fasax kulul
      Qoraal uu soo galo user
       
      Qoraalka hore loo qaabeeyey
      Hadal gaaban oo gaaban
      Waxyaabaha soo saaraya
      Abuuris
      Superscript
      Qoraalka isbeddelka ama isticmaalka qoraalka