HTML Qurxiye & Yareeye

Dib u habee HTML-ka isku dhex darsamay si aad u akhrido, ama u yaree si aad u dirto — iyadoo la raaciyey hubinta ikhtiyaariga ah ee calaamadaha jabsan.

Gelinta HTML

Fogaanta xariiqda
Xaqiiji
page.html
Ku dheji ama ku qor HTML si aad u qaabayso, u yarayso ama u hubiso.

HTML-kaaga waxaa lagu qaabeeyaa, lagu yareeyaa laguna hubiyaa biraawsarkaaga dhexdiisa. Waxba looma rorayo BroBroGo.

Su'aalaha badanaa la isweydiiyo

Waa maxay ku kala duwanaanshaha u dhexeeya qurxinta (beautify) iyo yaraynta (minify)?

Qurxinta (Beautify) waxay dib u habaysaa xariiqyada iyo fogaanta calaamadaha si ay u fududaato akhriskooda iyo wax-ka-beddelkoodu. Yaraynta (Minify) waxay samaysaa caksigeeda — waxay tirtirtaa meelaha banaan iyo faallooyinka uusan biraawsarku u baahnayn, si feylku u yaraado oo uu dhakhso ugu roranto. Qurxi inta aad shaqaynayso, yareyna ka hor intaadan daabicin.

Maxay hubisaa marka la shido xaqiijinta (validation)?

Waxay calaamadisaa dhibaatooyinka qaabdhismeedka ee biraawsarku iska indho-tiri lahaa — calaamadaha aan la xirin ama aan is-lahayn, aqoonsiyada (IDs) labalaabka ah, sifooyinka soo noqnoqday iyo xarfaha aan la baxsan — iyadoo muujinaysa xariiqda iyo tiirka mid kasta. Waa hubin qaabdhismeed oo degdeg ah, ee ma aha warbixin buuxda oo waafaqsanaanta W3C.

Miyaa yarayntu beddeli doontaa sida boggeygu u muuqdo?

Maya — boggaagu wuxuu u soo baxayaa oo u shaqaynayaa si sax ah oo isku mid ah. Yarayntu waxay tirtirtaa meelaha banaan iyo faallooyinka, waxay isku-buuxisaa CSS-kaaga iyo JavaScript-kaaga dhex-yaalka ah, waxayna tuurtaa xigashooyinka sifooyinka ee ikhtiyaariga ah, iyadoo haysa kaliya waxa biraawsarku u baahan yahay si uu bogga ugu sawiro si isku mid ah. Qoraalka xasaasiga u ah meelaha banaan sida baloogyada horay loo qaabeeyey looma taabanayo.

Waxaa qortay oo dib u eegtay kooxda tafatirka ee BroBroGo.Markii ugu dambaysay ee la cusboonaysiiyay:

Farqiga u dhexeeya qurxinta iyo yaraynta HTML

Habaynta koodhka HTML waxay u qaybsantaa laba ujeeddo oo kala duwan: qurxin (beautify) iyo yareyn (minify). Qurxintu waxay dib u habaysaa fogaanta xariiqyada iyo qaabdhismeedka calaamadaha si ay u fududaato akhriskooda iyo wax-ka-beddelkoodu. Tani waxay ka caawisaa horumariyaha inuu si dhib yar u dhex maro koodhka isku dhex darsamay.

Yarayntu waxay samaysaa caksigeeda. Waxay tirtirtaa meelaha banaan iyo faallooyinka uusan biraawsarku u baahnayn si loo yareeyo xajmiga feylka, taas oo keenta in boggu uu dhakhso u roranto. Inta lagu guda jiro yaraynta, qalabku wuxuu tirtiraa meelaha banaan ee aan loo baahnayn, wuxuu isku-buuxiyaa CSS-ka iyo JavaScript-ka dhex-yaalka ah, wuxuuna tuuraa xigashooyinka sifooyinka ee ikhtiyaariga ah. Qoraalka xasaasiga u ah meelaha banaan, sida baloogyada horay loo qaabeeyey (preformatted blocks), looma taabanayo inta ay socoto yarayntu si loo hubiyo in boggu u soo baxo si isku mid ah.

Sida loo isticmaalo qalabka iyo xulashooyinka gelinta

Si aad u bilowdo, waxaad koodhkaaga HTML ku dhejin kartaa ama ku qori kartaa sanduuqa qoraalka ee loogu talagalay Gelinta HTML. Qalabkani wuxuu awood u leeyahay inuu fuliyo koodh gaaraya ilaa 500,000 oo xarfo ah. Isticmaaluhu wuxuu dooran karaa xulashooyinka soo socda ka hor inta uusan fulin koodhka:

  • Fogaanta xariiqda: Markaad rabto inaad qurxiso koodhka, waxaad dooran kartaa fogaanta u dhaxeysa "2/4 spaces ama Tab" si aad u go'aamiso qaabka indentation-ka.
  • Xaqiiji: Waxaad dooran kartaa inaad xaqiijinta ka dhigto "Shid" ama "Dami" si aad u hubiso khaladaadka qaabdhismeedka koodhka.

Markaad doorato habka aad rabto, waxaad riixaysaa badhanka "Qurxi" ama "Yaree". Waxaad sidoo kale isticmaali kartaa badhanka "Masax" si aad u tirtirto koodhka ku jira sanduuqa, ama "Soo dejiso" si aad u kaydsato natiijada.

Xaqiijinta khaladaadka qaabdhismeedka HTML

Marka xaqiijinta la shido, qalabku wuxuu sameeyaa hubin qaabdhismeed oo degdeg ah si uu u ogaado dhibaatooyinka caanka ah ee ku dhex jira koodhka. Hubintani ma aha warbixin buuxda oo waafaqsanaanta W3C, laakiin waxay si dhakhso ah u aqoonsataa khaladaadka saameyn kara sida boggu u muuqdo ama u shaqeeyo. Khaladaadka la baaro waxaa ka mid ah:

  • Calaamadaha (tags) aan la xirin ama aan is-lahayn.
  • Aqoonsiyada (IDs) labalaabka ah ee ku dhex jira hal bog.
  • Sifooyinka (attributes) soo noqnoqday ee lagu dhex qoray hal calaamad.
  • Xarfaha aan la baxsan (unescaped characters) ee u baahan in loo beddelo HTML entities.

Haddii dhibaatooyin la helo, qalabku wuxuu muujinayaa goobta saxda ah ee khaladaadkaas isagoo isticmaalaya qaabka Xariiqda {line}:{col} si aad si fudud ugu saxdo.

Natiijooyinka iyo farriimaha xaaladda

Marka uu qalabku dhameeyo shaqada, wuxuu soo bandhigayaa xogta tirakoobka ee koodhka la fuliyey iyo farriimaha xaaladda ee ku habboon. Waxaad arki doontaa xogtan soo socota:

  • Xariiqyo: Tirada xariiqyada uu ka kooban yahay HTML-ka la fuliyey.
  • Xarfo: Tirada guud ee xarfaha ku jira koodha.
  • Xajmiga: Baaxadda feylka oo lagu cabiray bytes.

Farriimaha xaaladda ee soo baxaya waxay ku xidhan yihiin ficilka aad samaysay iyo natiijada ka dhalatay:

  • Markaad qurxiso koodhka, waxaa soo baxaya farriinta "Waa la qurxiyey.".
  • Markaad yareyso koodhka, waxaa soo baxaya "Waa la yareeyey." ama "Waa la yareeyey — {pct}% ka yar." iyadoo la muujinayo boqolleyda xajmiga ee la badbaadiyey.
  • Haddii aad masaxdo sanduuqa gelinta, waxaa soo baxaya "Waa la masaxay.".
  • Marka ay xaqiijintu socoto, waxaa muuqanaya "La hubinayo…".
  • Haddii aan wax dhibaato ah laga helin koodhka, qaybta Xaqiijinta waxay muujinaysaa "Wax dhibaato ah lama helin.".
  • Haddii khaladaad la helo, waxay muujinaysaa "{count} dhibaato ayaa la helay.".

Haddii dukumentiga aad gelisay uu ka weyn yahay xadka la oggol yahay, qalabku wuxuu muujinayaa farriinta khaldan ee ah: "Dukumentigan aad buu u weyn yahay in la fuliyo. Isku day mid ka yar.". Haddii koodhka HTML uu kharriban yahay oo la fulin waayo, waxaa soo baxaya farriinta: "Waa la fulin waayey HTML-kan.".

Badbaadada xogta iyo habka shaqada

HTML-kaaga waxaa lagu qaabeeyaa, lagu yareeyaa laguna hubiyaa biraawsarkaaga dhexdiisa. Waxba looma rorayo BroBroGo. Tani waxay ka dhigan tahay in koodhkaaga iyo xogtaada gaarka ah ay ku dhex haraan kombuyuutarkaaga ama aaladda aad isticmaalayso, iyadoo aan loo dirin wax server dibadda ah inta ay socoto habayntu.

Su'aalaha badanaa la isweydiiyo (FAQ)

Waa maxay ku kala duwanaanshaha u dhexeeya qurxinta (beautify) iyo yaraynta (minify)?

Qurxinta (Beautify) waxay dib u habaysaa xariiqyada iyo fogaanta calaamadaha si ay u fududaato akhriskooda iyo wax-ka-beddelkoodu. Yaraynta (Minify) waxay samaysaa caksigeeda — waxay tirtirtaa meelaha banaan iyo faallooyinka uusan biraawsarku u baahnayn, si feylku u yaraado oo uu dhakhso ugu roranto. Qurxi inta aad shaqaynayso, yareyna ka hor intaadan daabicin.

Maxay hubisaa marka la shido xaqiijinta (validation)?

Waxay calaamadisaa dhibaatooyinka qaabdhismeedka ee biraawsarku iska indho-tiri lahaa — calaamadaha aan la xirin ama aan is-lahayn, aqoonsiyada (IDs) labalaabka ah, sifooyinka soo noqnoqday iyo xarfaha aan la baxsan — iyadoo muujinaysa xariiqda iyo tiirka mid kasta. Waa hubin qaabdhismeed oo degdeg ah, ee ma aha warbixin buuxda oo waafaqsanaanta W3C.

Miyaa yarayntu beddeli doontaa sida boggeygu u muuqdo?

Maya — boggaagu wuxuu u soo baxayaa oo u shaqaynayaa si sax ah oo isku mid ah. Yarayntu waxay tirtirtaa meelaha banaan iyo faallooyinka, waxay isku-buuxisaa CSS-kaaga iyo JavaScript-kaaga dhex-yaalka ah, waxayna tuurtaa xigashooyinka sifooyinka ee ikhtiyaariga ah, iyadoo haysa kaliya waxa biraawsarku u baahan yahay si uu bogga ugu sawiro si isku mid ah. Qoraalka xasaasiga u ah meelaha banaan sida baloogyada horay loo qaabeeyey looma taabanayo.

Maxaa dhacaya haddii koodhka aan geliyey uu aad u weyn yahay?

Qalabku wuxuu pprocess-gari karaa koodh gaaraya ilaa 500,000 oo xarfo ah. Haddii koodhkaagu uu ka weyn yahay xadkaas, qalabku ma fulin doono wuxuuna ku tusi doonaa farriinta khaldan ee ah: "Dukumentigan aad buu u weyn yahay in la fuliyo. Isku day mid ka yar.".

Kood-gareeyaha/Kala-furaha URL + Unugyada HTMLKood gareey URL-yada, kala fur baxsashada boqolleyda, oo u samee escape unugyada HTML.Sifeeyaha Tags-ka HTMLKa saar tags-ka HTML oo soo saar qoraal caadi ah oo nadiif ah.Qaabeeyaha / Xaqiijiyaha XMLQaabee, soo koob oo ka hubi qaab-dhismeedka XML biraawsarkaaga dhexdiisa.SVG HagaajiyeNadiifi koodka SVG oo yaree adigoon beddelin garaafka.Tijaabiyaha XPathTijaabi weedhaha XPath ee ku dhex jira XML ama HTML oo baar node kasta, qiime kasta iyo dhabar kasta oo ku habboon.CSS Qurxiye & YareeyeDib u habee CSS-ka qasan si aad u akhrido, ama u yaree si aad u dirto — adoo adeegsanaya hab badbaado leh oo aan marna dib u habayn ku samaynayn xeerarkaaga.JavaScript Qurxiye & YareeyeDib u habee JavaScript-ka la yareeyey ama la qariyey si aad u akhrido, ama u yaree koodkaaga si aad u dirto isagoo ka yar.Qaabeeyaha JSONQaabee, xaqiiji oo si degdeg ah u soo koob JSON.SQL QaabeeyeKu qurxi SQL oo dib u akhri weedh-weedh af-Ingiriisi fudud ah.Markdown u beddel Word / HTMLU beddel Markdown dukumenti Word ah ama HTML nadiif ah.Tijaabiyaha RegexTijaabi JavaScript regular expressions qoraal tusaale ah, si toos ah biraawsarkaaga dhexdiisa.Sameeyaha saxeexa iimaylkaMagaca, jagada, faahfaahinta xiriirka iyo xiriiriyeyaasha ka samee saxeex iimayl oo shaashadda la qabsada, dabadeed nuqul ka samee HTML.