Komentari u HTML, CSS, JS i PHP kodu. Kako napisati html komentare u kôd? Kako objasniti u html -u

... danas ćemo u ovom kratkom, ali korisnom članku shvatiti kako se komentira različiti programski kod. Neću puno govoriti, jer ako vas ovo zanima, onda ste se već suočili sa pitanjima ovog problema i imate ideju o tome.


Došli ste na adresu ... ali nekoliko riječi radi jasnoće i koristi slučaja. Vjerojatno ste vidjeli kako se to radi s CSS kodom, jer css najviše zanima mnoge početnike, poput mene.

… Dobro!

No, imajte na umu da se komentari koriste i u html i php... Ali većina početnika se zbuni u početnoj fazi rada sa web lokacijom i ne znaju kako sebi dodati potrebna objašnjenja. Uostalom, to se događa pa, na primjer, morate deaktivirati html kod, a zatim ponovo nastaviti sa svojom funkcijom - lako je implementirati ako ste sami zapisivali na "marginama", ali nikad ne znate šta.

No, ono što treba zapamtiti o "komentarima" općenito - sve ovdje strogo ovisi o tome s kojom datotekom konkretno radite, pa je prema tome i kod aplikacije drugačiji.

Komentarisanje CSS koda

a: hover, a: focus (boja: # D5071E; dekoracija teksta: Precrtana; / * UNDERLINE UP * /)

Ovako se objašnjavate sami sebi. Ili čak možete potpuno komentirati ovu css skriptu ovako: samo prelomite

/ * KOD ovde * /

/ * a: hover, a: focus (boja: # D5071E; dekoracija teksta: podcrtano; / * UNDERLINE * /) * /

Skrećem vašu pažnju na činjenicu da - na ovaj način možete komentirati cijeli ciklus css koda, ali !! tada ćete morati ukloniti ponavljane komentare / * UNDERLINE BOTTOM * /, ili se igrati s kosom crtom, ako je objašnjenje važno))

U suprotnom će doći do greške !!

Bilješka:

Ako otvorite izvorni kod stranice - Ctrl + U i pogledate ... vidjet ćemo da je komentirani dio css koda lijepo prikazan u generiranom dokumentu! ovo je ako je css korišten (svojstva su postavljena) direktno u html -u

I, kao što znate, ako krenete od izvornog koda pozivanjem na css dokument vašeg aktivnog predloška - svi komentari se mogu promatrati i proučavati)) ako nekome zatreba. Ali to je malo vjerovatno)

Engleski prilog (riječi) bit će čitljiv. Ruska simbolika - ne.

Komentarisanje HTML koda

XML datoteka se komentira na isti način.

Važno: uvijek provjerite kôd naveden u člancima, barem vizualno) u protivnom može doći do grešaka.

Uobičajena nepažnja pri oblikovanju može oduzeti vrijeme, na primjer, gore prikazani KOMENTIRANI kod je često pogrešan: umjesto dvije kratke crtice, pojavljuje se crtica:

Za tvoju informaciju:

kao što je spomenuto u prethodnoj napomeni - tako je i komentar -out ... html kôd je prikazan u generiranom dokumentu!

Imajte ovo na umu.

I evo još jedne stvari:

pored činjenice da je komentirani kôd prikazan u izvornom kodu stranice (što znači da je u određenom smislu obrađen, iako će i na stranici biti nevidljiv!) - bolje je ukloniti neke php funkcije zajedno s html -om iz aktivnog dokumenta.

Na primjer:

bit će vidljivi u dokumentu i funkcijiodlično će odraditi svoj posao: to jest, informacije se neće vidjeti na prednjoj strani, već u izvoru - bit će jasno prikazane! a ovo je bespontovy zahtjev prema bazi podataka: sve je ovo sitnica, ali morate znati!

To je moguće učiniti ako ne želite izvaditi dio koda iz dokumenta:

dodajte prije potrebnog "dodatnog" html koda otvaranje... inline funkcija ... i zatvaranje?> ...

Jednom riječju, ovo možete učiniti ako je kod velik:


**/ ?>

onda će izvor biti čist!

Ili jednostavnije:

Komentirajmo samu funkciju u html dokumentu. Izvorni kod u ovim slučajevima bit će čist u odnosu na razvoj funkcija!

kako komentirati JavaScript

if (beingShown || prikazano) (// ne aktiviraj animaciju ponovo return;) else (// na liniji primijeni BILO KOMENTAR // na liniji primijeni BILO KOMENTAR // true;

Radi jasnoće, zgrabio sam ovaj primjer JavaScript koda na mreži, malo prilagodivši interpunkciju. Nije važno ... Glavna stvar je razumjeti princip ...

Kako razumijete kosa crta "//" je dvostruka, ovo je ZNAK komentara ... JEDAN LINIJA!

Ostatak JS koda komentiran je poput php, više o tome ispod:

primedba:

Komentarisanje PHP koda

... i ... ovdje je isto-kosa crta ... jednored.

Ali imajte na umu da se može označiti baš kao i CSS kod.

... ili tako možete komentirati - opcija u jednom retku, kada ne koristimo NI DVE KASE, već BECAR (raspršivanje) prije komentiranog retka:

... Naravno, morate pažljivo komentirati u petlji koda!

... ili na isti način - slično gornjem primjeru za CSS ... tj. ova / * kod * / opcija komentiranja će raditi i za CSS i za JS kodove!

Ali na ovaj način možete komentirati opsežnije objašnjenje PHP koda, negdje između njegovih glavnih primjera ...

Takođe možete komentirati u php petljama poput ove, ako je kod pomiješan ... php i nekako html

Slično gore navedenom:

Na primjer, neka vrsta funkcije ... negdje u općem kodu (ili petlja u html -u):- možete komentirati, odnosno dodati svoju oznaku ovako:

otprilike: jednoredna opcija ...

Inteligencija:

php kod nije vidljiv ni u jednom izvornom kodu !! vidljiv je samo njegov funkcionalni rezultat - radi!

Općenito, to je sve što sam htio prijaviti danas!

Sada možete eksperimentirati ... Sretno.

I naravno, pročitajte članke web stranice i pretplatite se:
Prenosim svoje gorko iskustvo - malo znanja, za vašu slatku dobrobit))

... grad webmastera Mikhalika.ru© - Lako uz WordPress

Michael 2016-05-05 1 HTML i CSS 2

Kako napisati html komentare u kôd?

Danas ću vam reći kako ostavljati komentare u kodu u html -u. Komentari su vrlo korisna stvar. Oni ni na koji način ne utječu na izvršavanje koda i izgled stranica, a i dalje se ne mogu vidjeti u izvornom kodu stranice. Zapravo, komentari se mogu vidjeti samo otvaranjem datoteke u uređivaču. U mom Notepadu ++ označeni su zelenom bojom.

Kako ostaviti komentare u html -u?

Vrlo jednostavno. Sintaksa komentara u markup jeziku je sljedeća:

Tako možete komentirati ne samo jedan redak, već nekoliko. Glavna stvar koju treba zapamtiti je da- zatvaranje. Unutar takve konstrukcije možete koristiti i samo objašnjenje i oznake u uglastim zagradama, preglednik ih neće čitati.

Kao što sam rekao, komentar ima sljedeće karakteristike:

  1. nije vidljivo na stranici
  2. iu izvornom kodu također ne, ali samo pri uređivanju datoteke
  3. sve oznake koje se u njega postave neće pregledavati na bilo koji način

Čemu služi

Glavna svrha komentara je pomoći drugim programerima. Prilikom kodiranja možete izričito naznačiti koji dio koda čini zaglavlje, a koji dio čini glavni dio. Naravno, iskusni koderi bi to shvatili bez toga, ali čitanje i razumijevanje koda se i dalje poboljšava. A i komentari pomažu ljudima koji ne razumiju dobro html, uostalom, barem malo da shvate napisano. Evo primjera njihove upotrebe:

Druga moguća upotreba komentara je učiniti neko djelo koda neko vrijeme neaktivnim, kada ga ne želite izbrisati, ali morate nekako učiniti njegovo izvršenje neaktivnim. Usput, ovo može pomoći u identifikaciji različitih grešaka u izgledu.

Općenito, jedna od dobrih osobina svakog web programera je sposobnost pisanja lijepo dizajniranog i razumljivog koda. To znači da morate koristiti uvlačenje, prikazujući ugniježđenje elemenata, također ostaviti komentare ako je potrebno, odvojiti glavne dijelove dokumenta prijelomima redaka itd. Sve to pomaže onima koji će kôd uređivati ​​u budućnosti, kao i samom autoru, koji se neće izgubiti u vlastitoj kreaciji.

Započet ću ovaj članak čemu služe komentari. Pretpostavimo da razvijate modul sa složenom strukturom. Ili napravite izgled s mnogo dodataka elemenata. U takvim slučajevima najbolje je nekako označiti neke dijelove koda - za to postoje komentari.

Sada ću detaljno prikazati četiri vrste komentara, tačnije, sve njihove vrste za četiri različita koda.

HTML Komentari

Da biste dodali komentar HTML oznaci, upotrijebite:

Sve što se nalazi u ovim oznakama nije vidljivo na ekranu, ali je dostupno za pregled u izvornom kodu.

Komentari u CSS stilovima

Da biste dodali komentar CSS stilovima, koristite:

Sve što se nalazi u ovim oznakama ne uzima se u obzir pri oblikovanju stilova, ali je dostupno za pregled u samoj datoteci stilova.

JavaScript Komentari

Za dodavanje komentara u JavaScript postoje njihove dve vrste.

Prva vrsta:

// Tekst, kôd ili drugo

Druga vrsta:

/ * Tekst, kôd ili drugo * /

Sve što se nalazi u ovim oznakama ne uzima se u obzir prilikom izvršavanja skripte, već je dostupno za pregled u samoj JavaScript datoteci.

Komentari u PHP kodu

Ovaj programski jezik, za razliku od prethodnih, ima 3 vrste komentara.

Prva vrsta:

// Tekst, kôd ili drugo

Druga vrsta:

/ * Tekst, kôd ili drugo * /

I treći tip:

# Tekst, kôd ili drugo

Sve što se nalazi u ovim oznakama ne uzima se u obzir pri izvršavanju skripte i vidljivo je samo u samoj PHP datoteci.

Bilješka!

/ * / * Moj kod * / * /

će vam dati grešku.

U ovoj lekciji ću govoriti o tome kako se pravi komentari u HTML, CSS, PHP... Komentari su tekst koji nije vidljiv na web stranici. Koriste se za sve vrste objašnjenja, podsjetnika, opisa za webmastere, što vam omogućuje strukturiranje dokumenta. Komentari su neophodni pri otklanjanju grešaka u kodu, omogućuju vam brzo kretanje po oznakama web stranice i pronalaženje bloka koji vam je potreban. Često se komentari koriste za otklanjanje grešaka u HTML kodu. Na primjer, možete privremeno komentirati određeni blok koda tako da se ne pokreće, a ako je potrebno, može se lako vratiti.

HTML komentari

U HTML -u komentari se formiraju pomoću simbola:... Dakle, svaki tekst između ovih simbola je komentar. Razmotrimo primjer:

Komentari u CSS -u

CSS komentari se stvaraju pomoću simbola: / * i * /. Da biste stvorili komentar, samo trebate postaviti kôd web stranice između ovih simbola:

/ * Početak bloka sa stilovima za Body * / body (pozadina: #efeded; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px;) / * Kraj bloka sa stilovima za Body * /

PHP Komentari

PHP komentari mogu biti jednoredni ili višeredni:

1) Komentari u jednom redu u PHP -u ​​kreiraju se pomoću simbola: //. Samo trebate staviti ovaj simbol ispred retka i on će biti komentiran.Ova opcija se koristi u slučaju kada se komentar sastoji od samo jednog retka.

2) Za implementaciju višerednih komentara koriste se sljedeći simboli: / * i * /. Ova je opcija korisna ako komentar obuhvaća više redaka.

Tako smo naučili da radimo

U radu programera morate stalno bilježiti neke komentare u obliku komentara kako biste opisali dio koda ili oznake za budućnost. Svaki jezik ima svoju sintaksu, zbog čega je pri razvoju web stranica uobičajen problem ne znati kako komentirati redak u HTML -u ili samo mali blok odjednom.

HTML komentari

Prilikom razvoja web stranice ponekad je potrebno sakriti dio koda na neko vrijeme ili napraviti bilješku za programera. Da ne biste koristili dodatne aplikacije, na primjer, prijenos koda u drugu datoteku, morate znati komentirati redak u HTML -u.

Za razliku od većine programskih jezika, HTML nema posebnu funkciju ili oznaku za kreiranje jednorednog komentara. Ako trebate "sakriti" samo jedan redak ili njegov dio, morate upotrijebiti alat za klasični jezik. Međutim, postoji nekoliko načina za to.

Standardni komentar

U HTML -u najjednostavniji način komentiranja dijela koda je korištenje posebnih parova znakova. Prije nego što započnete komentar, morate navesti "". Dakle, sve unutar ove strukture bit će skriveno od korisnika kada se stranica učita.

Treba napomenuti da pri radu s komentarom morate biti izuzetno oprezni. Prilikom definiranja njezinih granica morate provjeriti je li u nju upala bilo koja početna ili zatvarajuća oznaka, čiji je drugi dio ostao izvan nje - u ovom slučaju učitavanje stranice neće biti pravilno. Također, ne možete stvoriti još nekoliko unutar jednog komentara - ovim pisanjem, prvi signal do kraja dijela za komentiranje otvorit će cijeli sljedeći dio skrivenog teksta.

Ispod je primjer ispravnog pravopisa:

Ovo je komentar.

Tag

U HTML -u možete komentirati i redove koristeći poseban par oznaka - ... U tu je svrhu posebno uključen u jezičku sintaksu, ali većina popularnih preglednika to ne podržava, s izuzetkom Internet Explorera 8.0. Tag Korisno kada neke informacije treba sakriti samo za IE 8.0, 4.0 i starije verzije ili kao privremeno rješenje tokom razvoja. Ovdje je specifično da dio koda možete komentirati samo u tijelu stranice, odnosno unutar oznake .

U donjem primjeru, kada se stranica učita u navedene preglednike, prikazat će se bijeli list, u drugim programima stranica će biti napisana:

Ovo je komentar

.

Nekonvencionalan pristup

Osim klasičnih metoda, možete komentirati kôd u HTML -u koristeći posebne metode. Osim osnovnih HTML jezičnih struktura, oznake skripte i oznake stilskih listova često su navedene u tijelu stranice. Svaki od njih također ima svoje definicije komentara.

Dakle, ako potreban dio koda ugradite u jednu od navedenih oznaka, tada možete koristiti druge metode za komentiranje dijela koda na HTML stranici. Takve se metode praktički ne koriste u suvremenoj praksi, međutim, za samorazvoj ili, ako je potrebno, kako bi se isključio mogući izgled teksta na stranici, mogu se primijeniti.

Kada koristite oznaku skripte ili opis stila, komentari mogu biti jednoredni ili višeredni. Prvi su definirani konstrukcijom "//", koja od trenutka pisanja ovih znakova komentira ostatak retka. Da biste sakrili dio koda, upotrijebite opis sintakse " / *" za otvaranje i " * /" za zatvaranje komentara. Ako završna konstrukcija nije napisana iza simbola "/ *", cijeli preostali HTML kôd će biti komentiran.

Predstavljeni primjer prikazuje način nestandardnog komentiranja:

/*

Это комментарий.

*/