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

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

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

კომენტარების მაგალითი HTML-ში

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

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

/* ბლოკის დასაწყისი სტილებით Body*/ body ( ფონი: #efeded; font-family: Verdana, Helvetica, sans-serif; შრიფტის ზომა: 12px; ზღვარი: 0px; padding: 0px; ) /* ბლოკის დასასრული სხეულის სტილებით*/

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

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

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

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

ასე ვისწავლეთ

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

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

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

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

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

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

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

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

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

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

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

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

მეორე ტიპი:

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

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

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

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

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

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

მეორე ტიპი:

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

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

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

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

Შენიშვნა!

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

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

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

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

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

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

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

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

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

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

Რისთვის არის

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

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

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

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

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

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

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

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

სინამდვილეში, ეს ასე გამოიყურება:

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

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

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

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

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

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

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

პატივისცემით, დიმიტრი კოსტინი.