Ginagawa Mo ba ang Mga Pagkakamali sa HTML Coding na Ito sa Blogging?

Kung ikaw ay isang webpage developer, palagi mong ginagamit ang HTML coding ngunit minsan nakakaharap mo ang mga simpleng pagkakamali sa coding. Ang parehong mga bihasang coder at mag-aaral ay nagkakamali sa kanilang HTML coding dahil sa pagiging maasikaso o kawalan ng karanasan.

Ang malinis na code ay talagang mahalaga dahil hindi ka lamang nito ginagawang isang mahusay na web developer, ngunit nakakatipid din ng iyong oras dahil hindi mo na kailangang i-edit ang mga code sa susunod.

Kung ang iyong webpage ay may malinis na code, na nagpapahiwatig na ang iyong html code ay nagtataglay ng pagsasaayos na ipinahiwatig ng World Wide Web Consortium, na pinapanatili ang pamantayang dapat sundin ng mga website na nakabatay sa internet, makakatulong din ito sa pagpapalaki ng ranggo ng iyong site sa Google.

Palagi itong nakakatulong kung ikaw ay maingat sa simula pa lamang at suriin ang iyong gawa bago mag-post.

Nagagawa Mo ba itong Mga Pagkakamali sa HTML Coding sa Blogging

Narito ang isang listahan ng mga pinakakaraniwang pagkakamali sa HTML coding na madalas nating ginagawa at nakakaharap.

1) Nawawala o hindi naaangkop na DOCTYPE

DOCTYPE o Document Type Definition (DTD) hinahayaan ang iyong web browser na tukuyin kung aling bersyon ng HTML ang ginagamit ng iyong webpage. Ang HTML code ay dapat palaging magsimula sa DOCTYPE dahil isinasaad nito ang mga panuntunan para sa isang partikular na bersyon ng HTML.

Dapat kang maging maingat habang nagta-type ng DOCTYPE, dahil ito ay case sensitive at iba itong DOCTYPE ay tumutukoy sa iba't ibang bersyon ng HTML. Suriin ang video na ito: Paano ko matitiyak na ang aking HTML code ay walang mga pagkakamali dito?

 

2) Maling na-format ang HTML

Ang pinakakaraniwang error habang nagsusulat ng HTML code ay ang pag-format nito nang hindi tama, tulad ng nawawalang pansarang tag, pag-alis ng mga panipi para sa mga value ng attribute at hindi naaangkop na pagpupugad ng mga tag.

Karaniwan ang karamihan sa mga Mga tag ng HTML magkaroon ng parehong pambungad at pagsasara na tag para sa hal pati na rin ang . Kung ang isang tag ay pumapalibot sa anumang nilalaman, dapat itong sarado, kahit na mayroong ilang mga pagbubukod, tulad ng tag, ngunit palaging ipinapayong isara ang tag na iyon dahil gagawin nitong iyong pag-edit Mas madali ang HTML na dokumento.

Ito ay palaging mas mahusay na maglagay ng mga quote sa paligid ng mga halaga, kahit na ito ay hindi sapilitan sa mas lumang bersyon ng HTML, ang mga pinakabagong bersyon ay kailangan ito. Ang pagsasara ng tag ng maayos ay isa ring napakahalagang bahagi ng HTML coding at dapat itong tapusin sa kabilang direksyon kung saan ito binuksan.

3) Mga hindi sinusuportahang attribute o tag

Minsan ang mga tao ay may posibilidad na gumamit ng mga code tulad ng o na hindi bahagi ng Mga pamantayan ng HTML. Muli, marami ang gumagamit ng mga attribute na hindi wasto, gaya ng tag na nagbabago sa laki ng margin sa , para sa hal. Sinusuportahan ng iba't ibang bersyon ng HTML ang iba't ibang uri ng mga katangian at tag.

Kung gusto mong makatiyak kung aling mga katangian ang tugma sa bersyon na iyong ginagamit, dapat mong patunayan ang iyong HTML gamit ang HTML Validator.

4) Tinatanaw ang Character Encoding

Ang bawat set ng character ay may partikular na code para dito at sinasabi ng code sa web browser kung aling set ng character ang ginagamit sa web page. Kaya, ang isang web page na binubuo ng mga English na character ay magkakaroon ng ibang set ng character kaysa sa set ng mga character na Chinese o French.

Bilang resulta, ang pag-encode ng character ay magmumungkahi sa web browser kung anong uri ng impormasyon ang babasahin at ipapakita. Sa kaso ng karamihan sa mga English na web page, ang character encoding windows-1252at ISO-8859-1nagpapahiwatig ng karakter sa Ingles.

5) Paggamit ng maramihang line break

Hindi naaangkop na gumamit ng line breaking tag upang magpasok ng agwat sa pagitan ng mga linya, dahil ito ay dapat na mahigpit na gamitin upang magdagdag lamang ng isang break na linya at hindi upang lumikha ng mga talata at espasyo sa pagitan ng mga elemento. Ang tamang paraan ng paggamit ng line break ay: Ito ay isang linya Ibang linya ito Sa halip na: Ito ay isang linya Ibang linya ito.

6) Paggamit ng hindi naaangkop na mga talahanayan

Ang mga talahanayan ay madalas na humahantong sa maling HTML coding at dahil ang karamihan sa mga browser ay hindi nagpapakita ng mensahe ng error kung ang mga talahanayan ay na-encode nang hindi naaangkop, medyo madali itong gawin. Gayunpaman, ang mga teknolohiyang pantulong ay talagang mahigpit tungkol sa tamang istraktura ng talahanayan. Ang mga sumusunod ay ang pinakakaraniwang mga pagkakamali sa talahanayan na madalas naming ginagawa:

  • Huwag tapusin ang , o mga tag o mali ang pagtatapos sa mga ito
  • Naglalagay ng mga row o table cell gamit ang mga tag na ginagamit para sa pag-format ng text.
  • Sa bawat hilera, gumagawa ng mga talahanayan na may iba't ibang bilang ng mga cell.
  • Paglikha ng mga talahanayan sa loob ng mga inline na elemento, tulad ng - o

7) Mga URL na hindi wastong na-format

Nangyayari kung minsan na makikita mo ang mga naka-link na salita at/o mga larawan ngunit hindi nakikita ng iba. Kailangan mong tiyakin na sa URL ay wala DOS type pathname, tulad ng C:\image, kung hindi, ang sinumang susunod sa link ay makakakuha ng Document Not Found Error 404. Muli, palaging kinakailangan na gamitin ang forward slash (/) at hindi ang back slash (\), kahit na kinikilala ng ilang software ng server ang pareho, mas mainam na panatilihin ang pamantayan. Sa kaso ng mga link, ang extension ay maaaring maging isang problema. Habang sinusubukan ang isang file na pinangalanang mywebpage.htm ay maaaring gumana nang perpekto ngunit ang kailangan ng server ay- mywebpage.html.

8) Tinatanaw

Ito ay mahalaga para sa anumang JavaScript na naglalabas ng data o gumaganap ng isang function ay dapat magkaroon ng a tag, na naghahatid ng alternatibo o paglalarawan ng kung ano ang ginagawa ng JavaScript.

9) Ginagamit para sa bolding at

Semantically ito ay hindi tamang gamitin ayon sa pagkakasunod-sunod para sa italicizing at bolding na mga teksto. Para sa layuning ito, angkop na gumamit ng mga katangian ng CSS para sa font-style at font-weight at kung kailangan mong gamitin ang mga istilo sa mismong dokumento, mas mainam na gamitin at gawing italics at bold ang mga teksto.

10) Nawawala ang mga katangian ng alt sa kaso ng mga tag ng larawan

Kinakailangan para sa mga tag ng larawan na magkaroon ng mga alt attribute, dahil ipinapaliwanag nito ang konteksto ng larawan. Kung gagamitin mo ang alt attribute, mas mahusay na uuriin ng mga web crawler ang mga nilalaman at pinapadali din nito ang mga user na magpasya kung mahalaga ang larawan o hindi.

Maaaring magpatuloy ang listahang ito magpakailanman ngunit ang lahat ng mga puntong ito ay sapat na upang mapagtanto mo kung ano ang dapat mong pag-ingatan habang gumagamit ng mga HTML code.

Dapat mo ring i-validate ang iyong pahina upang maging pamilyar sa mga error sa HTML coding na iyong ginagawa, upang madali mong maiwasan ang mga iyon upang magkaroon ng malinis na coding.

Anong uri ng mga pagkakamali ang ginawa mo sa pagba-blog

Jitendra Vaswani
Ang may-akda na ito ay napatunayan sa BloggersIdeas.com

Si Jitendra Vaswani ay isang Digital Marketing Practitioner at kilalang international keynote speaker na yumakap sa digital nomad lifestyle habang naglalakbay siya sa buong mundo. Nagtatag siya ng dalawang matagumpay na website, BloggersIdeas.com & Digital Marketing Agency na DigiExe kung saan ang kanyang mga kwento ng tagumpay ay lumawak sa pag-akda ng "Inside A Hustler's Brain : In Pursuit of Financial Freedom" (20,000 kopya ang naibenta sa buong mundo) at nag-ambag sa "International Best Selling Author of Growth Hacking Book 2". Dinisenyo ni Jitendra ang mga workshop para sa mahigit 10000+ na propesyonal sa Digital marketing sa buong kontinente; na may mga intensyon sa huli na naka-angkla sa paglikha ng isang naaapektuhang pagkakaiba sa pamamagitan ng pagtulong sa mga tao na bumuo ng kanilang pangarap na negosyo online. Si Jitendra Vaswani ay isang high-powered investor na may kahanga-hangang portfolio na kinabibilangan Imahestation. Upang matuto nang higit pa tungkol sa kanyang mga pamumuhunan, Hanapin siya sa LinkedIn, kaba, & Facebook.

Pagbubunyag ng kaakibat: Sa ganap na transparency – ang ilan sa mga link sa aming website ay mga affiliate na link, kung gagamitin mo ang mga ito para bumili, kikita kami ng komisyon nang walang karagdagang gastos para sa iyo (wala kahit ano pa man!).

Mga Komento (2)

  1. Hello Jitendra,

    Natutunan ko sa html na dapat itong tama. Kadalasan kapag may problema ako kadalasan ay dahil nagkamali ako sa coding. Kinailangan kong matuto ng html dahil bilang isang blogger kailangan mong ma-edit ang iyong site. Sa una ay medyo natakot akong gamitin ito noong una akong nagsimula dahil wala akong alam tungkol dito ngunit natuto lang ako habang nagpapatuloy ako at talagang nakatulong iyon sa akin.

    Salamat sa pagbabahagi nito sa amin!

  2. Hi Jitendra,
    Ang mga pagkakamali at pagkakamali ng tao ay hindi maaaring ganap na maalis. Kami ay umunlad lamang para sa pagiging perpekto bilang mga mag-aaral o eksperto.

    Nakatutulong ang pagpapaalala sa mga pagkakamaling ito sa coding. Kahit na hindi ako sa programming ngunit sa tingin ko ang mga webmaster at blogger ay dapat mahanap ang post na ito kapaki-pakinabang.

    May mga pagkakataon na kakailanganing maglapat ng kaunting kasanayan sa pag-coding upang mai-tweak at mapabuti ang pagganap ng isang blog o website.

    Salamat sa pagbabahagi nito. Sa palagay ko ay magiging maingat tayo para sa mga ito kung sakaling ang blog o website ay magdusa mula sa mga error sa coding. Alam na natin kung ano ang dapat itama at abangan!

    Ang post na ito ay natagpuan sa kingged kung saan ito ibinahagi at na-upvote.

Mag-iwan ng komento