Michael 2016-01-10 1 HTML at CSS 0

Paano magkomento ng html code

Minsan may pangangailangan na magkomento sa html code. Bakit maaaring kailanganin ito? Upang huwag paganahin ang pagkilos nito nang ilang sandali, ngunit hindi ito ganap na alisin. Ito ay maginhawa lamang, kaya sa artikulong ito ay pag-uusapan ko kung paano ito ginagawa.

Paano magkomento ng isang linya sa html

Mayroong isang espesyal na tag para dito -. Ang lahat ng code na kailangang i-comment out ay ilalagay dito. Halimbawa, mayroong tatlong talata sa html. Para sa ilang kadahilanan, kailangan mong pansamantalang alisin ang isa sa mga ito, ngunit huwag alisin ito sa code.

Ito ay kung paano ginagamit ang tag na ito upang magkomento sa html. Unang bubukas ang isang angle bracket, na sinusundan ng tandang padamdam at dalawang gitling. Susunod na kailangan mong magsulat ng isang bagay na direktang magiging komento.

Sa aming kaso, ito ang code na lumilikha ng talata. Kaya, babalewalain ng browser ang code na ito, mananatili itong makikita lamang sa text editor, at hindi mo ito makikita sa web page. Dapat ding sarado ang komento gamit ang double hyphen at angle bracket.

Maaari kang magkomento ng maraming linya hangga't gusto mo sa HTML. Isara lang ang tag kung saan mo gustong tapusin ang komento. Kung gumagamit ka ng isang normal na editor ng code, iba-iba ang highlight ng bahaging nagkomento. Halimbawa, sa Notepad++ parang ganito:

Bakit kailangan ng mga komento sa html?

Sa pangkalahatan, iniiwan sila ng mga web developer kapag gumagawa ng website, upang sa ibang pagkakataon ay mas madali para sa kanila at sa iba na maunawaan ang code. Ito ay isang napakahusay na tono ng pag-unlad, dahil kahit na ang mga taong hindi gaanong bihasa sa pagbuo ng website ay maaaring kahit papaano ay mag-navigate sa code batay sa malinaw na mga komento.

Gayundin, tulad ng nabanggit na, maaari mong ilakip ang iba pang mga tag sa isang komento at sa gayon ay hindi paganahin ang kanilang epekto sa loob ng ilang panahon. Ito ay isang mahusay na pamamaraan para sa pag-detect ng mga error sa layout kapag kailangan mong hanapin ang dahilan para sa hindi tamang pagpapakita ng isang elemento.

Ngayon alam mo na kung paano ito gumagana, para saan ito, at kung paano magkomento sa html mismo.

Isang sandali ng iyong atensyon: Nais nating lahat na i-host ang ating mga website sa maaasahang pagho-host. Sinuri ko ang daan-daang mga pagho-host at nakita ko ang pinakamahusay - HostIQ Mayroong daan-daang positibong review tungkol dito sa Internet, ang average na rating ng user ay 4.8 sa 5. Nawa'y maging masaya ang iyong mga site.

Sa araling ito ay pag-uusapan ko kung paano gumawa mga komento sa HTML, CSS, PHP. Ang mga komento ay text na hindi nakikita sa web page. Ginagamit ang mga ito para sa iba't ibang uri ng mga paliwanag, paalala, at paglalarawan para sa mga webmaster, na nagbibigay-daan sa iyong buuin ang dokumento. Ang mga komento ay kailangang-kailangan kapag nagde-debug ng code; Ang mga komento ay kadalasang ginagamit upang i-debug ang HTML code. Halimbawa, maaari kang pansamantalang magkomento ng isang partikular na bloke ng code upang hindi ito maisakatuparan, at kung kinakailangan, madali mo itong maibabalik.

Mga komento sa HTML

Sa HTML, ang mga komento ay nabuo gamit ang mga sumusunod na character:. Kaya, ang anumang teksto sa pagitan ng mga character na ito ay isang komento. Tingnan natin ang isang halimbawa:

Halimbawa ng mga komento sa HTML

Mga komento sa CSS

Ang mga komento sa CSS ay nilikha gamit ang mga character: /* at */. Para gumawa ng komento, kailangan mo lang ilagay ang web page code sa pagitan ng mga character na ito:

/* Simula ng block na may mga istilo para sa Body*/ body ( background: #efeded; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; ) /* End of isang bloke na may mga istilo para sa Katawan*/

Mga komento sa PHP

Ang mga komento sa PHP ay maaaring single-line o multi-line:

1) Ang mga single-line na komento sa PHP ay nilikha gamit ang mga character: //. Ilagay lamang ang karakter na ito sa harap ng linya at ito ay ikokomento ang opsyon na ito sa kaso kapag ang komento ay binubuo lamang ng isang linya.

2) Upang ipatupad ang mga komento sa maraming linya, ang mga sumusunod na simbolo ay ginagamit: /* at */. Ang pagpipiliang ito ay kapaki-pakinabang kung ang komento ay sumasaklaw sa ilang linya.

Kaya natuto kaming gumawa

Bago mo matutunan kung paano gumawa ng mga komento sa HTML, kailangan mong maunawaan kung para saan ang mga ito. Kung interesado ka sa naturang impormasyon, malamang na alam mo na, kaya hindi na kami magtatagal sa isyung ito. Ang ilang mga tao ay hindi nagbibigay ng sapat na pansin sa paglalagay ng mga komento sa kanilang code. Sa mga site na may isang pahina, maaaring hindi mapansin ang naturang error. Ngunit pagdating sa malalaking portal, ang maliliit na komento ay makakatipid ng oras at magpapadali sa iyong buhay. Dagdag pa rito, pinapayagan ng mga tala ang iba pang mga developer na maunawaan ang iyong code kapag kailangan ng karagdagang paliwanag.

Target

Ang paglikha ng isang HTML na pahina ay minsan imposible nang walang nakalilitong mga code at paulit-ulit na mga tag. Mga bagong klase, tagapili, tagapagpahiwatig ng id, atbp. Ang lahat ng ito ay literal na makapagpapabaliw sa iyo. Ang mga komento sa HTML ay idinisenyo upang mapagaan ang kalagayan ng mga web developer. Pagkatapos ng lahat, kapag ang code ng site ay umaabot sa malayo, maaaring mahirap matandaan kung saan. Ito ay mga komento na tumutulong sa iyong gumawa ng maliliit na tala nang direkta sa html code na hindi makikita ng iyong mga gumagamit. Bihirang gamitin ng mga nagsisimula ang tag na ito. Ngunit binibigyang-diin ng mga nakaranasang espesyalista ang napakalaking, kapaki-pakinabang na pag-aari ng mga komento. Ang tag na ito ay lalong epektibo kapag maraming developer ang gumagawa ng code nang sabay-sabay. Sa halip na magtanong sa bawat oras at makagambala sa iyong kapareha mula sa trabaho, kailangan mo lamang tingnan ang mga komento.

Paglikha

Upang lumitaw ang isang bagong linya na may komento sa iyong code, kailangan mong idagdag ang sumusunod na entry:. Ito mismo ang hitsura ng tag na ito sa html. Anuman ang nasa loob nito ay hindi ipapakita sa screen ng mga gumagamit. Ang mga komento sa html ay hindi dapat umabot sa ilang linya at naglalaman ng anumang code (ito ay itinuturing na masamang anyo). Dapat lang silang magbigay ng ilang paglalarawan ng layunin ng developer tungkol sa paglalagay ng partikular na tag, attribute, o value na iyon. Kahit na mayroong isang opinyon sa mga high-level masters na ang code ay dapat na nakasulat sa paraang walang karagdagang mga paliwanag ang kinakailangan. Ngunit, sa kasamaang-palad, hindi lahat ay may ganoong regalo para sa pagsusulat ng mga pahina ng HTML.

Mga kakaiba

Tagay may ilang sariling katangian. Halimbawa, maaari kang magdagdag ng anumang iba pang mga tag sa loob nito, ngunit hindi ka makakagawa ng mga nested na komento. Ito ay hahantong sa isang hindi lubos na inaasahang resulta. Ang mga komento sa html ay malawakang ginagamit para sa pagsubok ng mga web page. Halimbawa, kapag kailangan mong tumingin sa isang site na walang partikular na tag, ngunit hindi mo ito matatanggal, dahil magiging mahirap na ibalik ang buong source code. Sa kasong ito, kailangan mo lamang ilagay ang kinakailangang bahagi ng pahina sa mga komento. At pagkatapos ay hindi papansinin ng browser ang tag. Ngunit ito ay nagkakahalaga ng pagpuna na ang lahat ng mga komento ay maaaring masubaybayan kung bubuksan mo ang source code ng pahina. At magagawa ito ng bawat user. Samakatuwid, hindi ka dapat maglagay ng anumang mahalagang impormasyon sa loob ng tag na ito.

Sisimulan ko ang artikulong ito kung para saan ang mga komento. Ipagpalagay natin na gumagawa ka ng isang module na may kumplikadong istraktura. O gumawa ka ng layout na may maraming nested na elemento. Sa ganitong mga kaso, ito ay pinakamahusay na markahan ang ilang mga seksyon ng code kahit papaano - iyon ang para sa mga komento.

Ngayon ay ipapakita ko nang detalyado ang apat na uri ng mga komento, o sa halip, ang lahat ng kanilang mga uri para sa apat na magkakaibang mga code.

Mga komento sa HTML markup

Upang magdagdag ng komento sa HTML markup, gamitin ang:

Lahat ng lumalabas sa mga tag na ito ay hindi nakikita sa screen, ngunit available para tingnan sa source code.

Mga komento sa mga istilo ng CSS

Upang magdagdag ng komento sa mga istilo ng CSS, gamitin ang:

Ang lahat ng lumalabas sa mga tag na ito ay hindi isinasaalang-alang kapag lumilikha ng mga istilo, ngunit magagamit para sa pagtingin sa mismong file ng mga estilo.

Mga komento sa JavaScript code

Upang magdagdag ng mga komento sa JavaScript mayroong dalawang uri.

Unang uri:

// Text, code o iba pa

Pangalawang uri:

/* Text, code o iba pang */

Anuman sa mga tag na ito ay hindi isinasaalang-alang kapag ang script ay naisakatuparan, ngunit ito ay magagamit para sa pagtingin sa JavaScript file mismo.

Mga komento sa PHP code

Ang programming language na ito, hindi katulad ng mga nauna, ay mayroon 3 uri ng komento.

Unang uri:

// Text, code o iba pa

Pangalawang uri:

/* Text, code o iba pang */

At ang pangatlong uri:

# Teksto, code o iba pa

Ang lahat ng lumalabas sa mga tag na ito ay hindi isinasaalang-alang kapag ang script ay naisakatuparan at makikita lamang sa PHP file mismo.

pansinin mo!

/* /* Ang code ko */ */

ay magbibigay sa iyo ng isang error.

... ngayon sa maikli ngunit kapaki-pakinabang na artikulong ito ay malalaman natin kung paano nagkomento ang iba't ibang mga code ng programa. Hindi ako magsasabi ng marami, dahil kung interesado ka dito, nakatagpo ka na ng mga isyu ng problemang ito at mayroon kang ideya tungkol dito.

Dumating ka sa tamang lugar... ngunit ilang salita para sa kalinawan at pakinabang ng usapin. Marahil ay nakita mo na kung paano ito ginagawa gamit ang CSS code, dahil ang CSS ang pinaka-interesado ng maraming baguhan, tulad ko.

… Ayos!

Ngunit tandaan na ang mga komento ay ginagamit din sa html at php... Ngunit karamihan sa mga nagsisimula ay nalilito sa paunang yugto ng kanilang trabaho sa site at hindi alam kung paano magdagdag ng mga kinakailangang paliwanag sa kanilang sarili. Pagkatapos ng lahat, nangyayari na, halimbawa, kailangan mong i-deactivate nang ilang oras html code, at pagkatapos ay ipagpatuloy muli ang paggana nito - madali itong ipatupad kung nakagawa ka ng mga tala sa "mga margin", ngunit hindi mo alam.

Ngunit kung ano ang dapat mong tandaan tungkol sa "mga komento" sa pangkalahatan ay ang lahat ay mahigpit na nakasalalay sa kung aling file ang partikular na pinagtatrabahuhan mo, at samakatuwid ang code ng aplikasyon ay naiiba.

Pagkomento sa CSS code

a:hover, a:focus ( kulay: #D5071E; text-decoration: Overline; /*UNDERLINE TOP*/ )

Sa ganitong paraan binibigyan mo ng paliwanag ang iyong sarili. O maaari mo ring ikomento ang css script na ito tulad nito: balutin lang

/* CODE dito */

/*a:hover, a:focus ( color: #D5071E; text-decoration: underline; /*UNDERLINE BELOW*/ ​​​​)*/

Iginuhit ko ang iyong pansin sa katotohanan na maaari kang magkomento sa buong cycle ng css code sa ganitong paraan, ngunit!! pagkatapos ay kailangan mong tanggalin ang mga paulit-ulit na komento /*UNDERLINE SA IBABA*/, o maglaro ng mga slash kung ang paliwanag ay mahalaga))

Kung hindi, magkakaroon ng error!!

Tandaan:

Kung bubuksan mo ang source code ng page - Ctrl+U at tingnan mo... makikita mo na ang nagkomento na piraso ng css code ay perpektong ipinapakita sa nabuong dokumento! ito ay kung ginamit ang css (naitakda ang mga katangian) nang direkta sa html

At, tulad ng naiintindihan mo, kung pupunta ka mula sa source code sa pamamagitan ng isang link sa css na dokumento ng iyong aktibong template, ang lahat ng mga komento ay maaaring obserbahan at pag-aralan)) kung may nangangailangan nito. Ngunit ito ay hindi malamang)

Ang Ingles na pang-abay (mga salita) ay mababasa. Mga simbolo ng Ruso - hindi.

Pagkomento sa HTML code

Ang XML file ay nagkomento sa parehong paraan

Mahalaga: palaging suriin ang code na inaalok sa mga artikulo, kahit man lang sa paningin) kung hindi, maaaring may mga error.

Ang simpleng kawalang-ingat kapag ang pag-format ay maaaring magastos ng oras, halimbawa, ang nagkomento na code na ipinapakita sa itaas ay kadalasang mali: Sa halip na dalawang maikling gitling, isang mahabang gitling ang lalabas:

Para sa iyong kaalaman:

tulad ng nabanggit sa nakaraang pangungusap, gayundin ang nagkomento-out... html code ay ipinapakita sa nabuong dokumento!

Isaisip ito.

At narito ang isa pang bagay:

Bilang karagdagan sa katotohanan na ang nagkomento na code ay ipinapakita sa source code ng pahina (at samakatuwid ay naproseso sa ilang kahulugan, kahit na ito ay hindi makikita sa pahina!) - mas mahusay na alisin ang ilang mga function ng PHP kasabay ng html mula sa aktibong dokumento.

Halimbawa:

ay makikita sa dokumento at sa functiongagawin ang trabaho nito nang kamangha-mangha: iyon ay, ang impormasyon ay hindi na makikita sa frontend, ngunit sa source code ito ay malinaw na ipapakita! at ito ay isang walang kabuluhang query sa database: ang lahat ng ito ay isang maliit na bagay, ngunit kailangan mong malaman!

Posibleng gawin ito kung ayaw mong mag-alis ng isang piraso ng code mula sa dokumento:

idagdag bago ang kinakailangang "dagdag" na html code ang pambungad... built-in na function ... at pagsasara?> ...

Sa madaling salita, ito ang magagawa mo kung malaki ang code:

**/ ?>

tapos malinis ang source!

O mas simple:

Magkomento tayo sa mismong function sa html na dokumento. Ang source code sa mga kasong ito tungkol sa pagbuo ng mga function ay magiging malinis!

paano magkomento sa javascript

if (beingShown || ipinapakita) ( // don"t trigger the animation again return; ) else ( // apply ANY COMMENT in the line // apply ANY COMMENT in the line // true;

Para sa kalinawan, kinuha ko ang halimbawang JavaScript code na ito mula sa internet, bahagyang itinatama ang bantas. Hindi mahalaga... Ang pangunahing bagay ay upang maunawaan ang prinsipyo...

Sa pagkakaintindi mo, ang double slash na “//” ay isang komento SIGN... SINGLE LINE!

Ang natitirang bahagi ng JS code ay nagkomento tulad ng php, higit pa sa ibaba:

puna:

Pagkomento sa PHP code

...at...katulad ito dito - slash-slash...one-line.

Ngunit tandaan na maaari itong magkomento tulad ng CSS code.

...o maaari mo itong ikomento tulad nito - isang bersyon ng isang linya, kapag gumamit kami ng HINDI DALAWANG Slashes, ngunit BECAR (hash) bago ang komentong linya:

...Natural, kailangan mong magkomento nang mabuti sa code loop!

...o sa ganitong paraan - katulad ng halimbawang ipinakita sa itaas para sa CSS... i.e. ang /* code */ opsyon sa pagkomento ay angkop para sa parehong CSS at JS code!

Ngunit sa ganitong paraan maaari kang magkomento ng isang mas malaking paliwanag ng PHP code, sa isang lugar sa pagitan ng mga pangunahing halimbawa nito...

Maaari ka ring magkomento sa mga loop ng PHP sa ganitong paraan, kung ang code ay halo-halong... php at kahit papaano ay html

Pareho sa inilarawan sa itaas:

Halimbawa, ilang uri ng function... sa isang lugar sa pangkalahatang code (o isang loop sa html):— maaari mo itong ikomento, ibig sabihin, idagdag ang iyong sariling label tulad nito:

o tulad nito: one-line na opsyon...

Katalinuhan:

Ang php code ay hindi nakikita sa anumang source code!! Tanging ang functional na resulta nito ang nakikita - nag-eehersisyo!

Iyon lang talaga ang gusto kong iulat ngayon!

Ngayon ay maaari kang mag-eksperimento... Good luck.

At siyempre, basahin ang mga artikulo sa site at mag-subscribe:
Ibinabahagi ko ang aking mapait na karanasan - ilang kaalaman, para sa iyong matamis na kapakanan))

...lungsod ng mga web master Mihalika.ru© - madali gamit ang WordPress