კომენტარები HTML, CSS, JS და PHP კოდში. როგორ დავწეროთ html კომენტარები კოდში? როგორ გავაკეთოთ ახსნა html– ში

... დღეს ამ მოკლე, მაგრამ სასარგებლო სტატიაში ჩვენ გავარკვევთ, თუ როგორ ხდება პროგრამის სხვადასხვა კოდის კომენტარი. ბევრს არ ვიტყვი, რადგან თუ თქვენ დაინტერესებული ხართ ამით, მაშინ უკვე შეექმნათ ამ პრობლემის კითხვები და გაქვთ წარმოდგენა მასზე.


თქვენ მიხვედით მისამართზე ... მაგრამ რამდენიმე სიტყვა სიცხადისა და საქმის სასარგებლოდ. თქვენ ალბათ გინახავთ როგორ კეთდება ეს CSS კოდით, ვინაიდან css ყველაზე მეტად დამწყებთათვისაა საინტერესო, ჩემნაირი.

… კარგი!

მაგრამ გაითვალისწინეთ, რომ კომენტარები ასევე გამოიყენება html და php... მაგრამ დამწყებთათვის უმეტესობა დაბნეულია საიტთან მუშაობის საწყის ეტაპზე და არ იცის როგორ დაამატოს საჭირო განმარტებები საკუთარი თავისთვის. ყოველივე ამის შემდეგ, ეს ხდება ასე, მაგალითად, თქვენ უნდა გამორთოთ გარკვეული დრო html კოდი, და შემდეგ კვლავ განაახლეთ მისი ფუნქცია - მისი განხორციელება ადვილია, თუ თქვენ გააკეთეთ ჩანაწერები თქვენთვის „მინდვრებში“, მაგრამ არასოდეს იცით რა.

მაგრამ რა უნდა გახსოვდეთ ზოგადად "კომენტარებში" - აქ ყველაფერი მკაცრად არის დამოკიდებული რომელ ფაილზე მუშაობთ კონკრეტულად და, შესაბამისად, განაცხადის კოდი განსხვავებულია.

CSS კოდის კომენტარი

a: hover, a: focus (ფერი: # D5071E; ტექსტის გაფორმება: გადაფარვა; / * UNDERLINE UP * /)

ასე ახსნით საკუთარ თავს საკუთარ თავს. ან შეგიძლიათ კომენტარი გააკეთოთ ამ css სკრიპტზე ასე: უბრალოდ შეფუთეთ

/ * კოდი აქ * /

/ * a: hover, a: focus (ფერი: # D5071E; ტექსტის გაფორმება: ხაზგასმა; / * UNDERLINE * /) * /

თქვენს ყურადღებას ვაქცევ იმ ფაქტს, რომ - თქვენ შეგიძლიათ კომენტარი გააკეთოთ css კოდის სრულ ციკლზე ამ გზით, მაგრამ !! შემდეგ თქვენ უნდა ამოიღოთ განმეორებითი კომენტარები / * UNDERLINE BOTTOM * /, ან ითამაშეთ დახრილობებით, თუ ახსნა მნიშვნელოვანია))

წინააღმდეგ შემთხვევაში იქნება შეცდომა !!

Შენიშვნა:

თუ გახსნით გვერდის წყაროს კოდს - Ctrl + U და დააკვირდებით ... ჩვენ დავინახავთ, რომ css კოდის გამოხმაურებული ნაწილი მშვენივრად არის ნაჩვენები გენერირებულ დოკუმენტში! ეს იმ შემთხვევაში, თუ css გამოიყენებოდა (თვისებები დაყენებული იყო) პირდაპირ html– ში

და, როგორც მოგეხსენებათ, თუ გადახვალთ წყაროს კოდიდან თქვენი აქტიური შაბლონის css დოკუმენტის მითითებით - ყველა კომენტარი შეიძლება დაკვირვებული და შესწავლილი იყოს)) თუ ვინმეს სჭირდება. მაგრამ ეს ნაკლებად სავარაუდოა)

ინგლისური ზმნიზედა (სიტყვები) იკითხება. რუსული სიმბოლიზმი - არა.

HTML კოდის კომენტირება

XML ფაილი კომენტარდება ანალოგიურად.

მნიშვნელოვანია: ყოველთვის შეამოწმეთ სტატიებში მოცემული კოდი, ყოველ შემთხვევაში ვიზუალურად) წინააღმდეგ შემთხვევაში შეიძლება იყოს შეცდომები.

ფორმატირების ჩვეული დაუდევრობა შეიძლება იყოს შრომატევადი, მაგალითად, ზემოთ ნაჩვენები COMMENTED კოდი ხშირად მცდარია: ორი მოკლე დეფისის ნაცვლად ჩნდება em ტირე:

თქვენი ინფორმაციისათვის:

როგორც წინა შენიშვნაში აღვნიშნეთ - ასეა კომენტარი ... html კოდი ნაჩვენებია გენერირებულ დოკუმენტში!

გაითვალისწინეთ ეს.

და აქ არის კიდევ ერთი რამ:

გარდა იმისა, რომ გამოხმაურებული კოდი ნაჩვენებია გვერდის წყაროს კოდში (რაც იმას ნიშნავს, რომ იგი დამუშავებულია გარკვეული გაგებით, თუმცა ის ასევე უხილავი იქნება გვერდზე!) - უმჯობესია ამოიღოთ ზოგიერთი php ფუნქცია ერთობლივად html– ით აქტიური დოკუმენტიდან.

Მაგალითად:

გამოჩნდება დოკუმენტში და ფუნქციაშიის შესანიშნავად შეიმუშავებს თავის საქმეს: ანუ ინფორმაცია არ იქნება ნაჩვენები ფრონტონში, არამედ წყაროში - ის ნათლად გამოჩნდება! და ეს არის bespontovy მოთხოვნა მონაცემთა ბაზაში: ეს ყველაფერი წვრილმანია, მაგრამ თქვენ უნდა იცოდეთ!

ამის გაკეთება შესაძლებელია, თუ არ გსურთ კოდის ამოღება დოკუმენტიდან:

დაამატეთ გახსნის საჭირო "დამატებით" html კოდამდე... ჩართული ფუნქცია ... და დახურვა?> ...

ერთი სიტყვით, ასე შეგიძლიათ გააკეთოთ, თუ კოდი დიდია:


**/ ?>

მაშინ წყარო სუფთა იქნება!

ან უფრო მარტივად:

მოდით გავაკეთოთ კომენტარი თავად ფუნქციაზე html დოკუმენტში. ამ შემთხვევებში წყაროს კოდი სუფთა იქნება ფუნქციების განვითარების თვალსაზრისით!

როგორ გავაკეთოთ კომენტარი JavaScript– ზე

თუ (ნაჩვენებია || ნაჩვენებია) (// არ გამოიწვიოს ანიმაციის კვლავ დაბრუნება;) სხვაგან (// ხაზზე გამოიყენეთ ნებისმიერი კომენტარი // ხაზზე გამოიყენეთ ნებისმიერი კომენტარი // ჭეშმარიტი;

სიცხადისთვის, მე ავიღე JavaScript– ის ეს მაგალითი ქსელში, ოდნავ შევცვალე პუნქტუაციის ნიშნები. არ აქვს მნიშვნელობა ... მთავარია გავიგოთ პრინციპი ...

როგორც გესმით, დახრილი "//" ორმაგია, ეს არის კომენტარის ნიშანი ... ერთი ხაზი!

JS კოდის დანარჩენი ნაწილი განიმარტება როგორც php, უფრო დაწვრილებით ქვემოთ:

შენიშვნა:

PHP კოდის კომენტარი

... და ... აქ ერთი და იგივეა-სლაშ-სლაშ ... ერთხაზოვანი.

მაგრამ გაითვალისწინეთ, რომ მისი ანოტირება შესაძლებელია ისევე, როგორც CSS კოდი.

... ან ასე რომ თქვენ შეგიძლიათ გააკეთოთ კომენტარი - ერთი ხაზიანი ვარიანტი, როდესაც ჩვენ ვიყენებთ არა ორ სლაშს, არამედ ვიღებთ (ჰეშს) კომენტარის ხაზამდე:

... ბუნებრივია, თქვენ ფრთხილად უნდა გააკეთოთ კომენტარი კოდის მარყუჟში!

... ან ანალოგიურად - CSS– ის ზემოთ მოყვანილი მაგალითის მსგავსი ... ე.ი. ეს / * კოდი * / კომენტარის ვარიანტი იმუშავებს როგორც CSS, ასევე JS კოდებისთვის!

მაგრამ ამ გზით, თქვენ შეგიძლიათ დაწეროთ უფრო მოცულობითი ახსნა PHP კოდზე, სადღაც მის მთავარ მაგალითებს შორის ...

თქვენ ასევე შეგიძლიათ გააკეთოთ კომენტარი php მარყუჟებში, თუ კოდი შერეულია ... php და რატომღაც html

მსგავსი ზემოთ:

მაგალითად, რაიმე სახის ფუნქცია ... სადღაც ზოგად კოდში (ან მარყუჟი html- ში):- შეგიძლიათ გააკეთოთ კომენტარი, ანუ დაამატოთ თქვენი საკუთარი იარლიყი ასე:

ან ასე: ერთი ხაზის ვარიანტი ...

ინტელექტი:

php კოდი არ ჩანს არცერთ წყაროს კოდში !! მხოლოდ მისი ფუნქციური შედეგი ჩანს - მუშაობს!

საერთოდ, სულ ესაა, რისი თქმაც მინდოდა დღეს!

ახლა შეგიძლია ექსპერიმენტი ... წარმატებები.

და რა თქმა უნდა, წაიკითხეთ საიტის სტატიები და გამოიწერეთ:
მე ვიზიარებ ჩემს მწარე გამოცდილებას - გარკვეული ცოდნა, თქვენი ტკბილი კეთილდღეობისთვის))

... ვებოსტატების ქალაქი Mikhalika.ru© - ადვილად WordPress– ით

მაიკლ 2016-05-05 1 HTML და CSS 2

როგორ დავწეროთ html კომენტარები კოდში?

დღეს მე გეტყვით, თუ როგორ უნდა გააკეთოთ კომენტარები html კოდში. კომენტარები ძალიან სასარგებლო რამაა. ისინი არანაირად არ იმოქმედებენ კოდის შესრულებაზე და გვერდების გარეგნობაზე და მათი ნახვა არ შეიძლება გვერდის წყაროს კოდში. ფაქტობრივად, კომენტარების ნახვა შესაძლებელია მხოლოდ ფაილის რედაქტორში გახსნით. ჩემს Notepad ++ - ში ისინი მონიშნულია მწვანედ.

როგორ დავტოვო კომენტარები html– ში?

ძალიან ადვილია. მარკირების ენაზე კომენტარის სინტაქსი ასეთია:

ამრიგად, თქვენ შეგიძლიათ გააკეთოთ კომენტარი არა მხოლოდ ერთი სტრიქონის, არამედ რამოდენიმე. მთავარია დაიმახსოვრო ის- დახურვა. ასეთი კონსტრუქციის შიგნით შეგიძლიათ გამოიყენოთ როგორც განმარტებითი ტექსტი, ასევე ტეგები კუთხის ფრჩხილებში, ბრაუზერი არ წაიკითხავს მათ.

როგორც ვთქვი, კომენტარს აქვს შემდეგი მახასიათებლები:

  1. ეს არ ჩანს გვერდზე
  2. ასევე კოდში, არა, მაგრამ მხოლოდ ფაილის რედაქტირებისას
  3. ყველა ტეგი, რომელიც მოთავსებულია მასში, ბრაუზერის მიერ არანაირად არ დამუშავდება

Რისთვის არის

კომენტარების მთავარი მიზანია სხვა დეველოპერების დახმარება. განლაგების დროს შეგიძლიათ პირდაპირ მიუთითოთ კოდის რომელი ნაწილი ქმნის სათაურს და რომელი ნაწილი წარმოადგენს მთავარ ნაწილს. რასაკვირველია, გამოცდილი დამშიფრებლები მიხვდებოდნენ ამის გარეშე, მაგრამ კოდის კითხვა და გაგება მაინც უმჯობესდება. და ასევე კომენტარები ეხმარება ადამიანებს, რომლებსაც კარგად არ ესმით html, ბოლოს და ბოლოს, ცოტათი მაინც გაიგონ რა წერია. აქ არის მათი გამოყენების მაგალითი:

კომენტარის მეორე შესაძლო გამოყენება არის გარკვეული ნაწილის კოდის არააქტიური გაშვება, როდესაც არ გსურთ მისი წაშლა, მაგრამ როგორმე მისი შესრულება არააქტიური გახადოთ. სხვათა შორის, ეს ხელს შეუწყობს განლაგების სხვადასხვა შეცდომების იდენტიფიცირებას.

ზოგადად, ნებისმიერი ვებ დეველოპერის ერთ -ერთი კარგი თვისებაა ლამაზად შემუშავებული და გასაგები კოდის წერის უნარი. ეს ნიშნავს, რომ თქვენ უნდა გამოიყენოთ ჩაღრმავება, ელემენტების ბუდეების ჩვენება, ასევე საჭიროების შემთხვევაში დატოვეთ კომენტარები, გამოყოთ დოკუმენტის ძირითადი ნაწილები ხაზების წყვეტით და ა.შ. ეს ყველაფერი ეხმარება მათ, ვინც მომავალში შეასწორებს კოდს, ასევე თავად ავტორს, რომელიც არ დაიკარგება საკუთარ შემოქმედებაში.

ამ სტატიას დავიწყებ იმით, თუ რისთვის არის განკუთვნილი კომენტარები. დავუშვათ, თქვენ ავითარებთ მოდულს რთული სტრუქტურის მქონე. ან გააკეთებთ განლაგებას ელემენტების მრავალი დანართით. ასეთ შემთხვევებში, უმჯობესია კოდის ზოგიერთი ნაწილი როგორმე მონიშნოთ - ამისათვის არის კომენტარები.

ახლა მე დეტალურად ვაჩვენებ ოთხი სახის კომენტარს, უფრო ზუსტად, ყველა მათგანს ოთხი განსხვავებული კოდისთვის.

HTML კომენტარები

HTML მარკირებაზე კომენტარის დასამატებლად გამოიყენეთ:

ყველაფერი, რაც ამ ტეგებშია, არ ჩანს ეკრანზე, მაგრამ ხელმისაწვდომია საწყისი კოდის სანახავად.

კომენტარები CSS სტილში

CSS სტილში კომენტარის დასამატებლად გამოიყენეთ:

ყველაფერი, რაც ამ ტეგებშია, არ არის გათვალისწინებული სტილის ფორმირებისას, მაგრამ ხელმისაწვდომია თავად სტილის ფაილში სანახავად.

JavaScript კომენტარები

JavaScript– ში კომენტარების დასამატებლად არსებობს მათი ორი ტიპი.

პირველი ტიპი:

// ტექსტი, კოდი ან სხვა

მეორე ტიპი:

/ * ტექსტი, კოდი ან სხვა * /

ყველაფერი, რაც ამ ტეგებშია, მხედველობაში არ მიიღება სკრიპტის შესრულებისას, მაგრამ ხელმისაწვდომია თვით JavaScript ფაილში სანახავად.

კომენტარები PHP კოდში

ამ პროგრამირების ენას, განსხვავებით წინა ენებისა, აქვს 3 სახის კომენტარი.

პირველი ტიპი:

// ტექსტი, კოდი ან სხვა

მეორე ტიპი:

/ * ტექსტი, კოდი ან სხვა * /

და მესამე ტიპი:

# ტექსტი, კოდი ან სხვა

ყველაფერი, რაც ამ ტეგებშია, არ არის გათვალისწინებული სკრიპტის შესრულებისას და ჩანს მხოლოდ თავად PHP ფაილში.

Შენიშვნა!

/ * / * ჩემი კოდი * / * /

მოგცემთ შეცდომას

ამ გაკვეთილზე მე ვისაუბრებ იმაზე, თუ როგორ კომენტარები HTML, CSS, PHP... კომენტარები არის ტექსტი, რომელიც არ ჩანს ვებ გვერდზე. ისინი გამოიყენება ვებმასტერების ყველა სახის ახსნის, შეხსენების, აღწერისთვის, რაც საშუალებას გაძლევთ შექმნათ დოკუმენტი. კომენტარები შეუცვლელია კოდის გამართვისას, ისინი საშუალებას გაძლევთ სწრაფად ნავიგაცია მოახდინოთ ვებ – გვერდის მარკირებაზე და იპოვოთ თქვენთვის საჭირო ბლოკი. ხშირად, კომენტარები გამოიყენება HTML კოდის გამოსწორების მიზნით. მაგალითად, თქვენ შეგიძლიათ დროებით გააკეთოთ კომენტარი კოდის კონკრეტულ ბლოკზე ისე, რომ ის არ გაუშვას და საჭიროების შემთხვევაში ადვილად აღდგეს.

HTML კომენტარები

HTML- ში კომენტარები იქმნება სიმბოლოების გამოყენებით:... ამრიგად, ნებისმიერი სიმბოლო ამ სიმბოლოებს შორის არის კომენტარი. განვიხილოთ მაგალითი:

კომენტარები CSS– ში

CSS კომენტარები იქმნება სიმბოლოების გამოყენებით: / * და * /. კომენტარის შესაქმნელად, თქვენ უბრალოდ უნდა განათავსოთ ვებ გვერდის კოდი ამ სიმბოლოებს შორის:

/ * ბლოკის დასაწყისი სტილისთვის სხეულისთვის * / სხეული (ფონი: #დაცული; შრიფტი-ოჯახი: ვერდანა, ჰელვეტიკა, sans-serif; შრიფტის ზომა: 12px; ზღვარი: 0px; padding: 0px;) / * ბლოკის დასასრული სხეულის სტილისთვის * /

PHP კომენტარები

PHP კომენტარები შეიძლება იყოს ერთ ხაზზე ან მრავალ ხაზზე:

1) PHP– ში ერთი ხაზის კომენტარები იქმნება სიმბოლოების გამოყენებით: //. თქვენ უბრალოდ უნდა დააყენოთ ეს სიმბოლო ხაზის წინ და ის იქნება კომენტარი. ეს ვარიანტი გამოიყენება იმ შემთხვევაში, როდესაც კომენტარი შედგება მხოლოდ ერთი სტრიქონისგან.

2) მრავალხაზოვანი კომენტარების განსახორციელებლად გამოიყენება შემდეგი სიმბოლოები: / * და * /. ეს ვარიანტი სასარგებლოა იმ შემთხვევაში, თუ კომენტარი რამდენიმე ხაზს მოიცავს.

ამრიგად, ჩვენ ვისწავლეთ გაკეთება

პროგრამისტის მუშაობაში, თქვენ მუდმივად უნდა გააკეთოთ შენიშვნები კომენტარების სახით, რათა აღწეროთ კოდის ნაწილი ან ნიშნები მომავლისთვის. თითოეულ ენას აქვს საკუთარი სინტაქსი, რის გამოც ვებ გვერდების შემუშავებისას, საერთო პრობლემაა არ ვიცოდეთ როგორ გავაკეთოთ კომენტარი HTML- ში ან უბრალოდ მცირე ბლოკში.

HTML კომენტარები

ვებ გვერდის შემუშავებისას, ზოგჯერ საჭიროა კოდის ნაწილის დამალვა გარკვეული ხნით ან შენიშვნის გაკეთება პროგრამისტისთვის. იმისათვის, რომ არ გამოიყენოთ დამატებითი პროგრამები, მაგალითად, კოდის ნაწილის სხვა ფაილში გადატანა, თქვენ უნდა იცოდეთ როგორ გააკეთოთ კომენტარი HTML- ში.

პროგრამირების ენების უმეტესობისგან განსხვავებით, HTML– ს არ გააჩნია სპეციალური ფუნქცია ან ტეგი ერთი ხაზის კომენტარის შესაქმნელად. თუ საჭიროა მხოლოდ ერთი სტრიქონის ან მისი ნაწილის "დამალვა", უნდა გამოიყენოთ კლასიკური ენის ინსტრუმენტარიუმი. თუმცა, ამის რამდენიმე გზა არსებობს.

სტანდარტული კომენტარი

HTML– ში, კოდის ნაწილის კომენტარის გაკეთების უმარტივესი გზაა სპეციალური სიმბოლოების წყვილების გამოყენება. კომენტარის დაწყებამდე უნდა მიუთითოთ "". ამრიგად, ყველაფერი ამ სტრუქტურის შიგნით დაიმალება მომხმარებლისთვის, როდესაც გვერდი იტვირთება.

უნდა აღინიშნოს, რომ კომენტართან მუშაობისას ძალიან ფრთხილად უნდა იყოთ. მისი საზღვრების განსაზღვრისას თქვენ უნდა შეამოწმოთ მოხვდა თუ არა მასში რაიმე გახსნის ან დახურვის ნიშანი, რომლის მეორე ნაწილი დარჩა მის გარეთ - ამ შემთხვევაში გვერდის დატვირთვა არასწორი იქნება. ასევე, თქვენ არ შეგიძლიათ შექმნათ კიდევ რამოდენიმე ერთი კომენტარის შიგნით - ამ წერისას, პირველი სიგნალი კომენტარის ნაწილის ბოლომდე გახსნის ფარული ტექსტის მთელ შემდგომ ნაწილს.

ქვემოთ მოცემულია სწორი მართლწერის მაგალითი:

ეს არის კომენტარი.

წარწერა

HTML- ში ასევე შეგიძლიათ გააკეთოთ კომენტარი ხაზებზე სპეციალური წყვილი ტეგების გამოყენებით - ... იგი სპეციალურად შედის ენის სინტაქსში ამ მიზნით, მაგრამ ყველაზე პოპულარული ბრაუზერები არ უჭერენ მხარს, გარდა Internet Explorer 8.0. წარწერა სასარგებლოა, როდესაც ზოგიერთი ინფორმაცია უნდა დაიმალოს მხოლოდ IE 8.0, 4.0 და უფრო ადრე, ან როგორც დროებითი გადაწყვეტა განვითარების დროს. აქ სპეციფიკურია ის, რომ თქვენ შეგიძლიათ გააკეთოთ კომენტარი კოდის ნაწილზე მხოლოდ გვერდის მთავარ ნაწილში, ანუ ტეგის შიგნით .

ქვემოთ მოყვანილ მაგალითში, როდესაც გვერდი იტვირთება მითითებულ ბრაუზერებში, გამოჩნდება თეთრი ფურცელი, სხვა პროგრამებში კი გვერდი დაიწერება:

ეს არის კომენტარი

.

არატრადიციული მიდგომა

კლასიკური მეთოდების გარდა, თქვენ შეგიძლიათ დაწეროთ კოდი HTML– ში კონკრეტული მეთოდების გამოყენებით. გარდა ძირითადი ენის ენობრივი სტრუქტურებისა, სკრიპტის ტეგები და სტილის ფურცლები ხშირად არის მითითებული გვერდის მთავარ ნაწილში. თითოეულ მათგანს ასევე აქვს საკუთარი კომენტარის განმარტება.

ამრიგად, თუ თქვენ ჩაამატებთ კოდის აუცილებელ ნაწილს ერთ – ერთ მითითებულ ტეგში, მაშინ შიგნით შეგიძლიათ გამოიყენოთ სხვა მეთოდები HTML გვერდზე კოდის ნაწილის გამოსაქვეყნებლად. ასეთი მეთოდები პრაქტიკულად არ გამოიყენება თანამედროვე პრაქტიკაში, თუმცა მათი თვითგანვითარებისთვის ან, საჭიროების შემთხვევაში, გვერდის ტექსტის შესაძლო გამოჩენის გამორიცხვის მიზნით, მათი გამოყენება შესაძლებელია.

სკრიპტის ტეგის ან სტილის ფურცლის გამოყენებისას კომენტარები შეიძლება იყოს ერთ სტრიქონიანი ან მრავალ სტრიქონიანი. პირველი განისაზღვრება "//" კონსტრუქციით, რომელიც ამ პერსონაჟების დაწერის მომენტიდან კომენტარს აკეთებს სტრიქონის დანარჩენ ნაწილზე. კოდის ნაწილის დასამალად გამოიყენეთ სინტაქსის აღწერილობა " / *" გასახსნელად და " * /" კომენტარის დასასრულებლად. თუ დახურვის კონსტრუქცია არ არის დაწერილი "/ *" სიმბოლოების შემდეგ, მთელი დარჩენილი HTML კოდი იქნება კომენტარი.

წარმოდგენილი მაგალითი გვიჩვენებს არასტანდარტული კომენტარის გაკეთების გზას:

/*

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

*/