Როგორ ჩასვათ CSS კომენტარი

თქვენი CSS კოდის შენიშვნებიც სასარგებლოა და რეკომენდირებულია.

ყველა საიტი შედგება სტრუქტურული ელემენტებისგან (რომლებიც HTML- ით ნაკარნახევი არიან), ასევე ვიზუალური სტილის ან "ნახვა და გრძნობენ". Cascading Style Sheets (CSS) არის ის, რაც გამოიყენება, რათა უკარნახოს ნახვა ვიზუალური გამოჩენა ნახვა. ეს სტილი დაცულია HTML სტრუქტურისაგან, რათა მოხდეს ვებ-სტანდარტების განახლებისა და ერთგულება.

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

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

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

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

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

CSS- ის კომენტარის დამატება საკმაოდ მარტივია. თქვენ უბრალოდ გააფრთხილეთ თქვენი კომენტარი სწორი გახსნისა და დახურვის კომენტარების ტეგით:

• დასაწყისი თქვენი კომენტარი დასძინა / *
• დახურეთ თქვენი კომენტარი დასძინა * /

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

CSS კომენტარის შეიძლება იყოს ერთი ხაზი, ან შეიძლება მიიღოს მრავალი ხაზები. აქ არის ერთი ხაზი მაგალითი:

div # border_red {border: თხელი მყარი წითელი; } / * წითელი საზღვრის მაგალითი * /

და მრავალი მაგალითი:

/ *************************** ********************** ****** სტილი კოდი ტექსტი **************************** ************ *************** /

გაწყვეტის სექციები

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

/ * ----------------------- ჰედერის სტილები ----------------------- ------- * /

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

& # 34; კომენტირებისას Out & # 34; კოდექსი

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

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

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

CSS კომენტირებისას რჩევები

როგორც recap, აქ არის რამოდენიმე რჩევა უნდა გვახსოვდეს გამოყენებით კომენტარები თქვენი CSS:

1. კომენტარებს შეუძლია მრავალ ხაზს.
2. კომენტარები შეგიძლიათ შეიცავდეთ CSS ელემენტებს, რომლებიც არ გსურთ ბრაუზერის მიერ გაწეული, მაგრამ არ გსურთ მთლიანად წაშლა. ეს არის სასიამოვნო გზა, რომ ვებ-გვერდის სტილების წაშლა - უბრალოდ დარწმუნდით, რომ წაშალოთ გამოუყენებელი სტილები (როგორც ეწინააღმდეგებოდა მათ დატოვებას), თუ გადაწყვეტთ, მათ არ სჭირდებათ ვებ-გვერდზე
3. გამოიყენეთ კომენტარი, როდესაც წერს რთული CSS, რათა დაამატოთ განმარტება და აცნობოს მომავალ დეველოპერებს, ან საკუთარ თავს მომავალში, მნიშვნელოვანი რამ, რაც მათ უნდა იცოდნენ. ეს ხელს შეუწყობს მომავალი განვითარების დრო ყველა ჩართული.
4. კომენტარები ასევე შეიძლება შეიცავდეს მეტა ინფორმაციას, როგორიცაა:
   • ავტორი
   • შექმნის თარიღი
   • საავტორო უფლებები

შესრულება

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

საბოლოო ჯამში, თქვენ გსურთ იპოვოთ ბალანსი სასარგებლო კომენტარები და ძალიან ბევრი კომენტარები მიიღოთ სარგებელი როგორც თქვენი CSS დოკუმენტები.

ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირებულია Jeremy Girard on 7/5/17