Qaab dhismeedka nuxurka HTML: hage dhamaystiran oo lagu dhisayo bogag adag

Bogga Hore » Python » Qaab dhismeedka nuxurka HTML: hage dhamaystiran oo lagu dhisayo bogag adag

Barashada sida loo qaabeeyo nuxurka HTML waa faraqa u dhexeeya bogga si fudud "wax ugu muujiya shaashadda" iyo bog si fudud loo dhex mari karo, la heli karo, iyo SEO-saaxiibtinimo. Marka HTML kaaga lagu habeeyo kala sareyn cad, daalacashada, makiinadaha raadinta, iyo tignoolajiyada caawinta waxay isla markiiba fahmayaan waxa qayb kastaa ka dhigan yahay iyo sida ay dhammaantood isugu habboon yihiin.

Halkii aad ka fikiri lahayd HTML sida kaliya ee lagu tuuro tags bogga, waxay kaa caawineysaa inaad u aragto naqshadda dukumeentigaaga. Qaab dhismeed adag waxaad ku qeexdaa halka nuxurkaagu ku nool yahay, sida ciwaanadu u xidhiidhsan yihiin, waa maxay navigation, waa maxay macluumaadka labaad, iyo qaybaha ay qeexayaan dukumeentiga laftiisa ee madaxa. Hagahan waxaan si qoto dheer ugu gali doonaa qaab dhismeedka HTML: laga soo bilaabo qalfoofka caalamiga ah ee bogga, ciwaanada, semantics, helitaanka, iyo qaababka qaabaynta la taaban karo ee boggaga aduunka dhabta ah.

1. Qalfoofka caalamiga ah ee dukumeentiga HTML

Dukumeenti kasta oo HTML ah wuxuu ku bilaabmaa isla qaab dhismeed heer sare ah: doctype, html, madaxa iyo jirka. Tani waxay u ekaan kartaa biyo kululeeyaha, laakiin qayb kastaa waxay door muhiim ah ka ciyaartaa sida browserku u kala saaro oo u bixiyo macluumaadkaaga iyo sida makiinadaha goobuhu u fasiraan boggaaga.

Sadarka ugu horreeya waa caddaynta doctype, oo loo qoray sida HTML5. Tilmaamahani ma soo saarayaan wax soo saar muuqda; waxay u sheegaysaa browserka inuu isticmaalo qaabka halbeegyada halkii aad ka isticmaali lahayd qaabka quirks, isaga oo iska ilaalinaya dabeecadaha dhaxal-galka ah ee si buuxda u jebin kara qaabkaaga ama CSS.

Isla markiiba ka dib doctype ayaa yimaada curiyaha xididka , kaas oo soo koobaya dhammaan dukumeentiga. Ku dhawaad ​​wax walba-labadaba xogta badan ee dukumeentiga iyo bogga muuqda-ba waxay ku nool yihiin gudaha … . Tani sidoo kale waa meesha aad ku dhawaaqdo luqadda bini'aadamka ee dukumeentiga leh sifada lang, tusaale ahaan Ingiriisi ama Isbaanishka ka yimid Isbaanishka.

Ku dhawaaqida luqadda lang waxay lama huraan u tahay gelitaanka, SEO iyo aaladaha tarjumaada. Akhristayaasha shaashadda waxay u isticmaalaan inay doortaan xeerarka ku dhawaaqida saxda ah, makiinadaha raadinta iyo turjumaanada tooska ah waxay u isticmaalaan inay fahmaan luqadda aasaasiga ah, CSS waxay xitaa bartilmaameedsan kartaa qaabaynta luqadda gaarka ah iyadoo la adeegsanayo xulashooyinka sida [lang|=”fr”] ama :lang(en).

Gudaha curiyaha html waxaad had iyo jeer ku leedahay laba caruur ah oo toos ah: iyo . Madaxu wuxuu ka kooban yahay dhammaan xogta badan iyo agabka loo baahan yahay si loo tarjumo oo loo soo bandhigo bogga (encoding, title, CSS, icons, URLs canonical, iwm.), halka jirku ka kooban yahay isticmaalayaasha macluumaadka dhabta ah ee ku dhex jira daaqada browserka.

2. Maxaa iska leh (iyo sababta ay muhiim u tahay)

Qaybta madaxa waa mid aan la arki karin booqdayaasha arka, laakiin aad bay muhiim ugu tahay sida boggaagu u dhaqmo, u shaqeeyo iyo darajooyinka. Macluumaadka aad halkan dhigto waxay hagtaa makiinadaha raadinta, goobaha bulshada, daalacashada iyo aaladaha sida loo maamulo loona soo bandhigo boggaaga.

Mid ka mid ah waxyaabaha ugu horreeya ee gudaha waa in ay ahaataa cadeynta codaynta dabeecada la isticmaalayo . UTF-8 waa halbeegga HTML5, waxa ay taageertaa ku dhawaad ​​jilaa kasta iyo emoji, waxayna hubisaa in ciwaankaaga, qoraalka, CSS iyo JavaScript si sax ah loo turjumay iyada oo aan loo eegin luqadda ama calaamadaha aad isticmaasho.

Bog kastaa waa inuu sidoo kale qeexaa mid gaar ah oo sharraxaya curiye. Waxa ku jira gudaha … ka muuqda tab browserka, bookmarks, taariikhda browserka iyo, tan ugu muhiimsan, sida ciwaanka aasaasiga ah ee la riixi karo ee bogga natiijada raadinta mooyaane haddii aan lagu dul qorin meta tags gaar ah. Marka loo eego SEO, tani waa mid ka mid ah qoraallada ugu qiimaha sarreeya ee dukumeentigaaga.

Cunsurka meta ee ku dhow ee qasabka ah ee qaabaynta casriga ah waa ku dhawaaqida daawashada. Isticmaalka waxaad u sheegaysaa daalacashada mobaylada inay cabbiraan nashqadaynta ballaca aaladda intii aad ku dumin lahayd nashqada desktop-ka shaashad yar, taas oo muhiim u ah nakhshad jawaab celin leh iyo gudbinta mobilada aasaasiga ah iyo xisaab xidhka gelitaanka.

Marka laga soo tago charset, cinwaanka iyo aragtida, madaxu waa meesha aad ku qeexdo inta badan xogtaada badan, qaababka iyo xiriiriyeyaasha muhiimka ah. Tan waxaa ka mid ah sharraxaadaha meta ee ku jihaysan SEO, faylasha CSS, astaanta goobta, noocyada luqadaha kale, URL-yada canonical, muujinta shabakadda, isku xidhka hore iyo wax ka badan. Dhammaan qaybahan waxay si dadban wax ugu biiriyaan sida qaab dhismeedka macluumaadkaaga loo fahmay iyo sida goobtaadu dareemayso in la isticmaali karo.

Xogta muhiimka ah iyo ilaha dhismaha

CSS waxay caadi ahaan ku xidhan tahay gudaha isticmaalaya . Qaababka dibeddu waxay ka dhigaan soo jeedinta mid ka duwan qaab dhismeedka, waxaa lagu kaydin karaa boggaga oo dhan si loo helo waxqabad wanaagsan, oo waxay gacan ka geystaan ​​ilaalinta hal il oo runta ah ee nidaamka naqshadaynta.

Waxa kale oo aad ku dari kartaa CSS a block within , or even import additional stylesheets from there. Tusaale ahaan, horumariyayaashu mararka qaarkood waxay isticmaalaan @import gudaha astaanta qaabka si ay xaashida qaab-dhismeedka u dhigaan lakab cascade gaar ah, ama ku dhawaaqaan guryaha CSS ee gaarka ah (kala duwanaanshaha) ee: heerka xididka ka hor inta aan la tixraacin goobta oo dhan.

The element waxa uu u adeegaa ujeedooyin ka badan kaliya stylesheets. Beddelidda sifada rel waxaad ku tilmaami kartaa favicon leh rel=”icon”, qeex luqadaha kale ee rel=“kale” iyo hreflang, cadee URL canonical oo leh rel=”canonical”, ama app tixraaca iyo daalacashada kale ee daalacashada iyo gurguurta waa inay wax ka ogaadaan.

Qeexida astaamaha leh Waxay hubisaa in summadaadu tahay mid lagu aqoonsan karo tabka browserka iyo bookmarks. Waxaad cayimi kartaa cabbirro ama noocyo kala duwan (sida PNG ama SVG), oo xitaa waxaad siisaa astaamo gaar ah aaladaha sida iOS oo leh rel=”apple-touch-icon” ama calaamado maaskaro ah oo loogu talagalay tabs-ku-xidhan ee Safari.

Xidhiidhada kale ayaa muhiim u ah habaynta luuqadaha badan ama nuxurka isku xidhka. Markaad isticmaasho , tusaale ahaan, waxaad u sheegaysaa matoorada raadinta in nooc Faransiis ah oo isla bogga ah uu jiro iyo waxa la isku daro luqadda/gobolka ay beegsanayso. Sidoo kale, xiriiriyeyaasha kale waxay tilmaami karaan quudinta RSS ama noocyada PDF haddii aad sheegto nooca ku habboon.

URL-yada canonical, qoraallada iyo kuwa dhifka ah ee la isticmaalo

Xiriirinta canonical ee leh rel="canonical" waxay gacan ka geysataa xalinta xaaladaha nuqul ka kooban iyagoo tilmaamaya URL-kee yahay isha awoodda leh. Haddii isla maqaalkan uu ka jiro wadooyin badan, ama lagu dhajiyay meelo kale, URL-ka canonical wuxuu xoojiyaa calaamadaha darajada wuxuuna ka fogaanayaa mashiinka raadinta inuu qiyaaso nooca loo tusinayo.

JavaScript waxaa lagu lifaaqay iyadoo la isticmaalayo element, which can either embed inline code or reference an external file through the src attribute. Sababtoo ah JavaScript-ka ayaa si caadi ah u xannibaya, horumariyayaal badan ayaa dhig calaamado qoraal ah dhammaadka jidhka ama waxay isticmaalaan dib-u-dhigista ama sifooyinka sifada HTML waxay u bixin kartaa ka hor intaan qoraallada la fulin.

Sifada dib u dhigista waxay u sheegaysaa browserka inuu soo dejiyo qoraalka iyada oo aan la xannibin samaynta iyo inuu fuliyo ka dib marka HTML si buuxda loo kala saaro. Taas bedelkeeda, async waxay sidoo kale ka fogaataa xannibaadda inta lagu jiro soo dejinta, laakiin waxay socodsiisaa qoraalka isla marka ay diyaar tahay, taasoo suurtogal ah in ay carqaladeyso socodka qulqulka, taas oo noqon karta dhibaato marka qoraalku ku xiran yahay walxaha DOM ee lagu qeexay dambe ee dukumeentiga.

The element, kaas oo ka muuqda madaxa oo kaliya, ayaa qeexaya URL-ka aasaasiga ah iyo bartilmaameedka caadiga ah ee dhammaan xiriirada qaraabada ah. By dejinta si wax ku ool ah u sheeg browserka in URL kasta oo qaraabo ah oo bogga ku yaal waa in laga xalliyo xididkaas oo, ikhtiyaari ahaan, lagu furo macnaha guud ee wax raadinta sida daaqad cusub ama qaabka heerka sare.

Inkastoo waxay noqon kartaa mid xoog badan, waxay leedahay waxyeelooyin soo raaca, gaar ahaan barroosinnada bogga iyo waddooyinka kheyraadka qaraabo. Kaliya hal shay oo sal ah ayaa loo ogol yahay dukumeenti kasta, waa inay ka soo hormuuqataa URL-yada qaraabada ah, waxayna u beddeshaa barroosinno fudud sida codsiyo URL buuxa oo leh jajab ku lifaaqan href salka.

3. Lakabka nuxurka muuqda: iyo qaabka semantic

Wax kasta oo isticmaalayaashu runtii arkaan oo la falgalaan nolosha gudaha curiye. Tani waa meesha aad u qaabayso nuxurkaaga xubno semantic ah oo qeexaya doorka qayb kasta oo ka mid ah bogga: navigation, nuxurka ugu muhiimsan, maqaallada, dhinacyada, cagaha iyo wax ka badan.

HTML5 waxay soo bandhigtay qaybo qaabaynta semantic ah oo bedelay guud ahaan weelasha xaalado badan. Waxyaabaha ay ka midka yihiin , , , , , iyo sharax macnaha halkii aad ka ahaan lahayd muuqaal kaliya, kaas oo caawiya tignoolajiyada caawinta iyo makiinadaha raadinta inay dhisaan khariidad maskaxeed ee boggaaga.

sida caadiga ah waxa uu ka kooban yahay hordhac ama hagitaan bogga ama qayb gaar ah. Tan waxaa ku jiri kara calaamad, cinwaan goobta, liiska aasaasiga ah ama ciwaanka geesiga ah. Waxaad yeelan kartaa madax heer-bog ah oo u dhow xagga sare ee jidhka, iyo madaxyo dheeraad ah oo ku jira qaybaha ama maqaallada marka aad u baahan tahay horudhac-hoosaadyo.

waxay u heellan tahay blocks navigation waxaana badanaa loo isticmaalaa menu-yada waaweyn ama kooxaha xiriiriyeyaasha muhiimka ah. Waxa laga yaabaa inaad geliso navigation-ka ugu muhiimsan gudaha madaxa, laakiin nav waxa kale oo uu ka soo muuqan karaa meelo kale, tusaale ahaan bar-side ama footer, ilaa iyo inta loo isticmaalo navigation oo aan ahayn ururinta guud ee xidhiidhada aan la xidhiidhin.

waxay calaamadisaa nuxurka gaarka ah, udub dhexaadka ee bogga waana inay soo baxaan hal mar dukumeenti kasta. Gudaha gudaha waxaad sida caadiga ah u habayn doontaa macluumaadkaaga adiga oo isticmaalaya loogu talagalay blocks mawduucyada, qaybo madax banaan sida qoraalada blogka ama wararka, iyo macluumaadka la xidhiidha laakiin labaad sida qoraalada dhinaca, xayeysiisyada ama navigation dhamaystiran.

Qaybaha, maqaallada, asides iyo footers

waxay ka dhigan tahay mawduuc ahaan mawduuc kala duwan, oo badanaa leh cinwaan u gaar ah. Tani waxay noqon kartaa cutub ka mid ah maqaal dheer, "Features" block ee bogga alaabta, ama qayb ka mid ah boggaaga sida "Markhaati" ama "Qiimeyn". Qaybuhu waxay caawiyaan in dukumentiyada adag loo kala jebiyo qaybo macquul ah.

waxa loo istcimaalay tusmooyin iskood isu taagi kara oo ka baxsan macnaha ku xeeran. Tusaalooyinka waxaa ka mid ah qoraalada blogka, qoraalada dukumeentiyada, faallooyinka isticmaalaha, sheekooyinka wararka ama farriimaha golaha. Maqaalka inta badan waxaa ku jira madax u gaar ah (oo leh cinwaan, qoraa iyo taariikh) iyo footer (oo leh calaamado, wadaag xiriiriye ama xog badan).

waxaa loo habeeyay tusmooyin si gaar ah ula xiriira socodka ugu weyn, sida garabyada, xigashooyinka, xiriirinta laxiriirta ama blocks advertising. Sababtoo ah ujeeddadeedu waa dheeri, akhristayaasha shaashadda iyo qalabyada kale ayaa u daaweyn kara si ku habboon, isticmaalayaashuna waxay si sahlan u kala saari karaan sheekada asaasiga ah iyo kuwa dheeraadka ah.

waxay ka muuqataa dhamaadka qayb ama xagga hoose ee bogga oo dhan. Heerka-boggu wuxuu ka kooban yahay ogeysiisyo xuquuqda daabacaadda, macluumaadka xiriirka, hagitaan sare, xiriirinta sharciga ama dhibcaha goobta, halka heerka-maqaalka laga yaabo inuu hayo taariikh nololeedka qoraaga, qaybaha, cusbooneysiinta taariikhaha ama qoraallada la xiriira.

Dabacsanaanta walxahan waxay ka dhigan tahay inaad isku dari karto oo aad buul u dhigi karto si ay ugu habboonaato naqshadayntaada, laakiin ku dhegganaanta macnaha loogu talagalay waxay ilaalinaysaa HTML kaaga mid la qaadi karo oo la fahmi karo. Tusaale ahaan, waxaad si sharci ah u dhigi kartaa nav gudaha madaxa ama meel kale oo jirka ah, laakiin waa inaadan u isticmaalin nav xirmooyinka random ee xiriiriyeyaasha aan ka mid ahayn navigation, ama isticmaal dhowr jeer bog kasta.

4. Hoggaanka sareynta iyo qaab-dhismeedka qoraalka

Ciwaanadu waa laf-dhabarta qaab dhismeedka nuxurkaaga, iyaga oo qeexaya kala sareynta mawduucyada iyo mawduucyada hoose ee dukumeentiga oo dhan. HTML waxay bixisaa lix heer oo cinwaan ah, laga bilaabo (ugu muhiimsan) ilaa (ugu yaraan), iyo sidaad u habayn lahayd waxay saamaynaysaa akhristayaasha bini'aadamka iyo makiinadaha raadinta labadaba.

Caadi ahaan waxaa jira hal taas oo qeexaysa mawduuca ugu muhiimsan ee bogga, oo ay ku xigto qaybaha aasaasiga ah iyo - ee qaybaha hoose. Marka labada ciwaan ay wadaagaan isku heer, waxay matalaan qaybaha walaalaha, halka cinwaanka heerka hoose uu soo bandhigayo qayb hoosaadyo hoose oo heerkii hore ee sare ah.

Baaragaraafyada iyo waxyaabaha kale ee la socda ciwaanka ayaa iska leh qaybta lagu qeexay ciwaanka. Marka cinwaan cusub oo isku heer ah soo baxo, qaybta hore waxaa loo arkaa mid xiran oo mid cusub ayaa bilaabmaya. Qaab dhismeedkan daahsoon ayaa ah waxa tignoolajiyada caawinta ay isticmaalaan si ay u dhisaan dulmar ay isticmaalayaashu si degdeg ah uga dhex boodi karaan.

Heerarka u boodboodka si aan kala sooc lahayn-sida si toos ah uga boodda h1 una gudubta h4-waxay jahawareerin karaan qalabka iyo akhristayaasha labadaba. Talada guud waa in tallaabo-tallaabo loogu dhaqaaqo kala sarreynta: laga bilaabo h1 ilaa h2 ee qaybaha hoose, ka dib ikhtiyaari ahaan ilaa h3, iyo wixii la mid ah, oo hoos u dhacaya hal heer oo keliya mar marka nuxurku qoto dheer yahay.

Browser-yadu badanaa waxay adeegsadaan qaababka caadiga ah cinwaannada: cabbirada farta waaweyn, culeyska geesinimada leh iyo fogaan toosan oo dheeri ah. Qaababkaan la dhisay ayaa durba qaab-dhismeedka ka dhigaya mid muuqda, laakiin waxaad ku sifayn kartaa bandhigga CSS adigoo ilaalinaya kala sareynta semantic ee hoose.

Baaragaraafyada, liisaska iyo micnaha khadka tooska ah

Qoraalka caadiga ah ayaa galaya curiyayaasha, mid kastaa wuxuu matalaa cutub gaar ah. Haysashada hal fikrad oo muhiim ah cutubkiiba waxay wanaajisaa akhrinta waxayna la jaanqaaddaa sida tignoolajiyada caawinta u ogolaato isticmaaleyaasha inay dhex maraan blocks qoraalka.

Liisaska la dalbaday ( iyo liisaska aan la dalban ( ) leh Alaabtu waxay ku fiican yihiin macluumaadka kooxaysan sida tillaabooyinka, sifooyinka ama FAQs. Liisaska la dalbaday waxay soo gudbiyaan taxanaha ama mudnaanta, halka liisaska aan la dalbana ay si fudud u kooxaysan yihiin walxaha la xidhiidha iyaga oo aan tilmaamin amar; Labaduba aad bay waxtar ugu leeyihiin qaabaynta sharraxaadaha adag.

Cutubyada khadka dhexda sida , , , iyo kuwa kale waxay kobciyaan nuxurka iyaga oo aan jebin socodka cutubka. wuxuu sheegaa muhiimad xoog leh (oo inta badan u muuqata geesinimo), waxay xooga saartaa qoraalka (badanaa farta ku fiiqan), oo abuuraa xiriiriye sare oo ku xira dukumeentiyada goobtaada ama ilaha dibadda.

Sawiro leh waxa loo tixgaliyaa in la bedelo oo aanay ku duubin nuxurka, laakiin wali waxay ka qaybqaataan qaab-dhismeedka semantiga iyada oo loo marayo sifooyin sida alt. Sifada alt waxay si gaar ah muhiim ugu tahay helitaanka iyo SEO, maadaama ay u sharaxdo sawirka isticmaalayaasha aan arki karin iyo in la raadiyo matoorada kaliya ee kala saara qoraalka.

Isku darka walxaha xannibaadda iyo kuwa khadka tooska ah ayaa si feker leh kuu ogolaanaya inaad ku muujiso kala sareynta, cilaaqaadka iyo xoogga saarista HTML oo keliya, taasoo ka tagaysa faahfaahinta muuqaalka sida midabada, xarfaha iyo kala dheereynta CSS. Kala soocida welwelka waxay ilaalinaysaa calaamadayntaada nadiif waxayna ka dhigaysaa isbeddelada naqshadaynta hadhow.

5. Helitaanka iyo luqadda qaabdhismeedka nuxurka

Dukumeenti HTML ah oo si wanaagsan loo habeeyay maaha kaliya in la eego nadaafadda; waa shardi u ah helitaanka. Dadka ku tiirsan akhristayaasha shaashadda, kombuyuutarrada kiiboodhka ama tignoolajiyada kale ee caawinta waxay ku xiran yihiin semantiga HTML si ay u fahmaan oo ay ugu gudbaan nuxurka si hufan.

Ku dhawaaqida luqadda dukumeentiga iyadoo lang on the element waa mid ka mid ah tallaabooyinka gelitaanka ee ugu horreeya. Marka afku cad yahay, akhristayaasha shaashadu waxay doortaan ku dhawaaqida saxda ah iyo qaamuusyada, iyo qalabka turjumaada tooska ah ayaa si sax ah u maamula macluumaadkaaga gobolada iyo lahjadaha.

Waxa kale oo aad calaamadin kartaa isbeddellada luqadda gudaha jidhka adiga oo isticmaalaya lang on curiyeyaasha sida ama . Marka jajabku u wareego luqad kale, dejinta lang="fr-CA" ama lang="pt-BR" ee calaamadaas jajabka ah ee qalabka caawinta ee ku dhawaaqida iyo xeerarka akhrinta waa inay u beddelaan qaybtaas.

Marka laga reebo luqadda, cinwaannada, calaamadaha taariikhiga ah iyo qoraalka kale ayaa ah xudunta qaabdhismeedka la heli karo. Nadiifi kala sareynta ciwaanka, isticmaalka saxda ah ee muhiimka ah, nav, header, footer, section and side, oo lagu daray sifooyinka alt ee sawirada, awood tignoolajiyada caawinta si ay u dhisto dulmar oo ay bixiso hagitaan taariikhi ah sida "u gudub nuxurka muhiimka ah" ama "tag navigation".

Midabka iyo qaabaynta aragga oo keliya waa in aanay noqon habka keliya ee lagu gudbiyo macluumaadka muhiimka ah. Kala duwanaansho sare, cabbirada farta la akhriyi karo, gobolada diiradda saaraya walxaha isdhexgalka iyo qoraallada sharraxaadda sida "Wax badan ka akhri ka-hortagga dabka" halkii "guji halkan" dhammaan waa qayb ka mid ah samaynta macluumaadkaaga habaysan loo isticmaali karo dad badan intii suurtagal ah.

Xaqiijinta HTML-kaaga iyo socodsiinta hubinta gelitaannada iyadoo la adeegsanayo qalab toos ah iyo imtixaannada gacanta waxay caawisaa daaha ka qaadida arrimaha qaabdhismeedka goor hore. Aaladuhu waxay ogaan karaan sifooyinka alt ee maqan, buul aan ansax ahayn, taxanaha ciwaanada jaban ama isticmaalka calaamada calaamadeed ee khaldan, kuwaas oo dhamaantood si toos ah loogu hagaajin karo calaamadayntaada kahor intaanay saamaynin isticmaalayaasha dhabta ah.

6. Qorshaynta qaab-dhismeedka mareegaha

Kahor intaadan qorin hal calaamad, waxay ku bixinaysaa inaad qorsheyso qaab dhismeedka macquulka ah ee boggaaga iyo boggaga. Ka fekerida qaybaha, mudnaanta macluumaadka iyo socodka socodka waxay keenaysaa HTML taas oo sahlan in la ilaaliyo, la ballaariyo oo la hagaajiyo matoorada raadinta.

Bar bilawga guud waa in la sawiro khariidad goobeedka ama jaantuska qaab dhismeedka shabakada. Tan inta badan waxaa ku jira bogag heer sare ah sida Guriga, Ku saabsan, Adeegyada, Blog, Contact, iyo wixii ka dambeeya bogag-hoosaadyada ama qaybaha ka baxsan kuwan, oo muujinaya sida isticmaalayaashu u dhex mari doonaan dhexdooda.

Hal bog gudaheed, waxaad ku sawiri kartaa qaab dhismeedka HTML mustaqbalkaaga oo ah taxane semantic blocks. Tusaale ahaan, waxaad qeexi kartaa madax leh sumad iyo nav, aag weyn oo leh qaybo badan (halyeey, astaamo, markhaatiyaal, qiimee), dhinac u ah nuxurka labaad, iyo cag ka kooban macluumaadka xidhiidhka iyo xidhiidhada sharciga ah.

Ku meelaynta cinwaannada baloogyadaas goor hore waxay ilaalinaysaa kala sarreyntaada h1-h6 mid isku xiran. Adiga ayaa go'aan ka sii gaari doona waxa hal h1 noqon doono, qaybaha u qalma cinwaanada h2, iyo meelaha ciwaanada hoose ee qoto dheer sida h3 ama h4 ay lagama maarmaan u yihiin in lagu sharaxo mawduucyo adag iyada oo aan laga adkaan akhristaha.

Marka laga eego aragtida SEO iyo UX, way caqli badan tahay in la dhigo nuxurka muhiimka ah iyo qaybaha muhiimka ah goor hore DOM. Matoorada raadinta guud ahaan waxay fiiro gaar ah siiyaan waxa ku jira meel sare ee dukumeentiga, isticmaalayaashuna waxay ku qanacsan yihiin helista macluumaadka aasaasiga ah si dhakhso ah halkii ay ka rogi lahaayeen hordhacyo dheer ama walxaha qurxinta.

Hababka ugu wanaagsan ee qaab dhismeedka HTML la joogteyn karo

Adeegso magacyada fasalka iyo aqoonsiga si aad ugu calaamadiso qaybaha qaabdhismeedka marka loo baahdo, laakiin iska ilaali waxyaalaha buulka badan. Fasalada sida .main-nav, .site-header ama .sidebar waxay kuu sheegayaan jaleeco waxa qaybtu qabato, taasoo ka dhigaysa HTML-kaaga iyo CSS-gaaga mid aad u fudud in la akhriyo bilo ka dib.

HTML kaaga u dhig mid siman intii suurtagal ah adigoo weli muujinaya kala sareyn dhab ah. Weelasha qoto dheer ee buulkooda leh ee u jira qaabaynta oo kaliya waxaa badanaa lagu bedeli karaa CSS ka fikir badan, taasoo keenta calaamad nadiif ah oo fudud oo u fudud qof kasta inuu ku shaqeeyo.

Mawduuca la xidhiidha kooxda ee ku jira walxaha semantic halkii ay ku kala firdhi lahaayeen bogga oo dhan. Tusaale ahaan, boostada baloogga waa in ay ku dhex noolaato maqaal, iyada oo cinwaankeeda, taariikhda, qoraaga iyo nuxurka wadajirka ah, halka qoraallada la xidhiidha ama qoraaga bio ay ku noolaan karaan gees ama gees maqaal, oo si cad uga soocaya sheekada ugu weyn.

Dib u eeg qaab dhismeedkaaga mar kasta oo aad bog kordhiso ama dib u habaynayso qayb. Way u fududahay dukumentiyada HTML inay ururiyaan duubab hal-off ah iyo walxaha ad-hoc waqti ka dib, markaa dib-u-soo-celinta iyaga oo dib ugu noqda qaab semantic ah oo isku xidhan waxay ku bixinaysaa joogteynta, waxqabadka iyo helitaanka.

Diiwaangelinta qaababkaaga qaab-dhismeed-sida sida aad u dhisto madaxyada, qaybaha, maqaallada iyo cagaha-waxay kaa caawinaysaa in kooxaha waaweyni ay joogto yihiin. Tilmaan yar oo gudaha ah oo sharxaysa walxaha loo isticmaalo hagidda, sida loo habeeyo ciwaannada iyo sida loo calaamadeeyo qaybaha soo noqnoqda waxay ka ilaalin kartaa codebase-kaaga inuu isu beddelo qalab dhismeed.

7. Hababka qaab dhismeedka wax ku oolka ah ee noocyada boggaga caadiga ah

Noocyada bogaggu waxay u janjeeraan inay wadaagaan qaababka qaabdhismeedka oo aad dib u isticmaali karto oo aad la qabsan karto dhammaan mashaariicda. Aqoonsiga qaababkan ayaa kaa caawin doona inaad qaabayso qaab-dhismeedka nuxurka ee dareemaya dabiiciga isticmaalayaasha oo si toos ah u hirgelinaya HTML.

Bog-guriyeedka caadiga ah wuxuu ku bilaaban karaa mid caalami ah oo ka kooban calaamad iyo astaan . Tan waxaa badanaa ku xiga a oo leh tiro badan blocks: qayb geesi ah oo leh h1 iyo wicitaan ficil, qayb sifooyin ah, malaha qayb marag-kac ah, iyo qaybta u dambaysa ee ku martiqaadaysa isticmaalayaasha inay la xidhiidhaan ama is-diiwaangeliyaan.

Hoosta nuxurka ugu muhiimsan, a badiyaa waxay bixisaa macluumaad caalami ah iyo hagitaan dheeri ah. Xidhiidhada siyaasadaha khaaska ah, shuruudaha adeega, fursadaha xidhiidhka, shabakadaha bulshada iyo menu-yada sare ayaa halkan ku nool, taas oo ka dhigaysa inay fududahay in la helo iyada oo aan laga jeedin nuxurka hoose ee sare.

Bogga boostada ee blogku waa musharax ku habboon curiye. Maqaalku wuxuu inta badan ka koobnaan doonaa madax u gaar ah oo leh ciwaanka boostada (badanaa bogga h1), taariikhda daabacaadda iyo faahfaahinta qoraaga, oo ay ku xigto jidhka boostada, oo loo jajabiyo qaybo leh cinwaanada h2/h3, iyo ugu dambeyntii maqaal hoose oo ka kooban calaamado, badhamada wadaaga ama xiriirinta nuxurka.

Dabaqyada dhinac-yada ama dabaqyada sare ayaa si dabiici ah loo matalo curiyayaasha. Waxa laga yaabaa inay ku jiraan liisaska qoraaladii dhawaa, filtarrada qaybta, foomamka saxeexa warsidaha ama caawimada macnaha guud. Sababtoo ah marka laga reebo si macno ahaan loo calaamadeeyay inay tahay nuxur dhammaystiran, tignoolajiyada caawinta ayaa u soo bandhigi kara isticmaalayaasha.

Bogagga xiriirka iyo bogagga adeegga waxay dib u isticmaalaan dhismooyin isku mid ah laakiin waxay xoogga saaraan caddaynta iyo sahlanaanta isdhexgalka. Nadiifi ciwaanada, cutubyada kooban, kontaroolada qaabka saxda ah iyo amarka akhriska macquulka ah ayaa hubiya in isticmaalayaashu ay heli karaan sida ay kuula soo xiriiraan ama ay u fahmi karaan dalabkaaga iyada oo aan la malaynayn.

8. Curiyayaasha HTML, sifooyinka iyo doorkooda qaabdhismeedka

Dhammaan qaababkan hoostooda, wax kasta oo HTML ku jira waxay hoos ugu dhacaan curiyayaasha, tags iyo sifooyinka. Fahmida sida ay u wada shaqeeyaan waxay ku siinaysaa koontarool wanaagsan oo ku saabsan qaab-dhismeedkaaga nuxurka, soo-bandhigidda iyo hab-dhaqankaaga.

Cunsurka HTML wuxuu ka kooban yahay summada furitaanka, sifooyinka ikhtiyaariga ah, nuxurka qaar iyo, inta badan, summada xidhitaanka. Tusaale ahaan, Tani waa cutubka. waxaa ku jira summada bilawga ah , noodhka qoraalka, iyo summada dhamaadka , kuwaas oo dhamaantood wada matala cutubka cutubka.

Sifooyinku waxay ka muuqdaan gudaha summada furitaanka waxayna bixiyaan macluumaad dheeraad ah oo ku saabsan curiyaha. Waxay u yimaadaan sida magac = "qiimaha" lammaane, sida class="highlight", id="intro" ama href="/xiriir". Sifooyinka qaarkood waa caalami waxayna ka soo muuqan karaan shay kasta (sida fasalka, id, lang), halka kuwa kale ay gaar u yihiin tags gaar ah (sida src ee img ama nooca gelinta).

Fasalada ayaa si gaar ah muhiim ugu ah qaabeynta iyo qaabeynta dukumentiyada waaweyn. Adiga oo ku meeleeya isla fasalka xubno badan - dheh, fasalka = "muhiim" - waxaad ku dabaqi kartaa xeerarka CSS ee caadiga ah ama waxaad ku beegsan kartaa JavaScript, adoo ilaalinaya qaab dhismeedkaaga mid dabacsan inta wali la maareyn karo.

Dhammaan curiyayaasha oo dhan uma baahna xidhidh; Qaarkood waa faaruq (wax madhan) oo aan lahayn nuxur. Qaybaha sida , , iyo ku dhaca qaybtan. Weli way ka qaybqaataan qaab-dhismeedkaaga, laakiin kaliya iyada oo loo marayo sifooyinkooda, maadaama aysan ku duubin wax qoraal gudaha ah ama carruur ah.

Isbahaysiga Shabakadda Caalamiga ah (W3C) waxay ilaalinaysaa qeexidda qeexaysa sida dhammaan walxahan iyo sifooyinkan ay u wada shaqeeyaan. Raacitaanka heerarkaas waxay ka dhigaysaa boggaga kuwo ka wada shaqayn kara daalacashada iyo aaladaha oo dhan, waxayna hubisaa in qaabka taxadarka leh ee loo qaabeeyey uu u dhaqmo si la saadaalin karo booqde kasta.

Ku dhaqangelinta waxaas oo dhan waxay ka dhigan tahay in HTML loola dhaqmo sida laf dhabarta macnaha ee boggaaga: dulmar dukumeenti cad ah, isticmaalka saxda ah ee cinwaannada, qaabaynta fikirka leh ee ugu muhiimsan, qaybta, maqaalka, gees iyo lugaha, xogta la heli karo ee madaxa iyo sifooyinka macnaha leh ee shay kasta si wada jir ah u samee nuxurkaaga sahlan in la akhriyo, dhex socdo oo si fiican ugu darajo matoorada raadinta.