Termasuk komen dalam kod CSS anda adalah berguna dan sangat disyorkan.
Setiap laman web terdiri daripada unsur-unsur struktur (yang ditentukan oleh HTML) serta gaya visual atau "melihat dan merasakan" laman web tersebut. Cascading Style Sheets (CSS) adalah apa yang digunakan untuk menentukan penampilan visual laman web. Gaya-gaya ini disimpan berasingan dari struktur HTML untuk membolehkan kemudahan mengemaskini dan mematuhi piawaian Web.
Dengan saiz kerumitan banyak laman web hari ini, lembaran gaya dengan cepat dapat menjadi sangat panjang dan sangat rumit untuk bekerja dengan. Ini benar terutama apabila anda mula menambah pertanyaan media untuk gaya laman web responsif . Pertanyaan media itu sendiri boleh menambahkan sejumlah besar gaya baru kepada dokumen CSS dan menjadikannya lebih sukar untuk bekerja dengan. Di sinilah komen CSS boleh menjadi bantuan yang tidak ternilai di laman web.
Menambah komen ke fail CSS laman web merupakan cara terbaik untuk menambah struktur pada bahagian kod itu untuk pembaca manusia yang menyemak dokumen tersebut. Ia juga merupakan kaedah yang baik untuk menerangkan gaya-gaya untuk seorang profesional web yang mungkin perlu bekerja di laman web ini pada masa akan datang - termasuk diri anda!
Akhirnya, komen CSS dengan ceria akan menjadikan lembaran gaya lebih mudah diproses. Ini, sememangnya penting untuk helaian gaya yang akan diedit oleh pasukan. Komen boleh digunakan untuk mengomunikasikan aspek penting helaian gaya kepada anggota pasukan yang berbeza yang mungkin tidak biasa dengan kod tersebut. Komen-komen ini juga boleh sangat membantu orang-orang yang telah bekerja di laman web tersebut sebelum ini jika mereka kembali ke kod tersebut setelah berada jauh dari situ untuk beberapa waktu. Saya sering terpaksa mengedit laman web yang saya bina bulan atau bahkan tahun lalu dan komen yang diformatkan dengan baik di HTML dan CSS sangat membantu! Ingat, hanya kerana anda membina sebuah laman web tidak bermakna anda akan ingat mengapa anda melakukan perkara-perkara yang anda lakukan ketika anda kembali ke laman web itu pada masa akan datang! Komen boleh membuat niat anda jelas dan jelas apa-apa salah faham sebelum ia berlaku.
Satu perkara yang perlu difahami tentang komen CSS adalah bahawa mereka tidak dipaparkan apabila halaman itu membuat peramban web. Komen tersebut adalah maklumat sahaja, sama seperti komen HTML (walaupun sintaks adalah berbeza antara kedua-dua). Komen CSS ini tidak menjejaskan paparan visual laman web dengan apa cara sekalipun dan hanya hadir dalam kod itu sendiri.
Menambah Komen CSS
Menambah komen CSS agak mudah. Anda hanya menyimpan ulasan anda dengan pembentangan pembuka dan penutup ulasan yang betul:
- Mulakan komen anda dengan menambah / *
- Tutup ulasan anda dengan menambah * /
Apa-apa sahaja yang muncul di antara kedua-dua teg ini akan menjadi kandungan komen, hanya boleh dilihat dalam kod dan tidak diberikan oleh penyemak imbas.
Komen CSS boleh menjadi satu baris, atau ia boleh mengambil beberapa baris. Berikut adalah contoh garis tunggal:
div # border_red {border: red solid solid; } / * contoh sempadan merah * /Dan contoh multiline:
/ *************************** ********************** ****** Gaya untuk teks kod **************************** ************ *************** /Memecah Seksyen
Salah satu cara saya sering menggunakan komen CSS ialah menyusun lembar gaya saya dengan lebih kecil, lebih mudah ketinggalan potongan. Saya suka dapat melihat bahagian ini dengan mudah apabila saya membaca fail ini kemudian. Untuk melakukan ini, saya sering menambah komen dengan banyak tanda hubung di dalamnya supaya mereka memberikan rehat yang besar dan nyata di halaman yang mudah dilihat ketika saya dengan cepat melayar kod. Berikut adalah contohnya:
/ * ----------------------- Gaya Kepala ----------------------- ------- * /Apabila saya melihat salah satu komen di dalam kod saya, saya tahu ia adalah permulaan bahagian baru dalam dokumen itu, yang membolehkan saya memproses dan menggunakan kod dengan lebih mudah.
& # 34; Mengomen & # 34; Kod
Tag komen juga boleh berguna dalam proses pengekodan dan debugging halaman sebenar. Komen boleh digunakan untuk "mengulas" atau "matikan" kawasan kod tersebut untuk melihat apa yang berlaku sekiranya bahagian itu bukan sebahagian daripada halaman.
Jadi bagaimana kerja ini? Nah, kerana teg komen memberitahu penyemak imbas untuk mengabaikan segala-galanya di antara mereka, anda boleh menggunakannya untuk melumpuhkan sementara bahagian tertentu kod CSS. Ini boleh berguna apabila menyahpepijat, atau apabila menyesuaikan pemformatan halaman Web.
Untuk melakukan ini, anda hanya akan menambah tag komen pembuka di mana anda ingin kod mula dimatikan dan kemudian letakkan tag yang berakhir di mana anda mahu bahagian kurang upaya tamat. Segala-galanya di antara tag tersebut tidak akan menjejaskan paparan visual laman web, membolehkan anda menyahpasang CSS untuk melihat masalah di mana masalahnya berlaku. Anda kemudiannya boleh masuk dan membetulkan isu itu dan mengeluarkan komen daripada kod tersebut.
Tips Mengomentari CSS
Sebagai rekap, berikut adalah beberapa petua yang perlu diingat untuk menggunakan ulasan dalam CSS anda:
- Komen boleh merangkumi pelbagai baris.
- Komen boleh memasukkan elemen CSS yang anda tidak mahu diberikan oleh penyemak imbas, tetapi tidak mahu memadam sepenuhnya. Ini adalah cara yang baik untuk debug lembaran gaya laman web - pastikan anda menghapus gaya yang tidak digunakan (yang bertentangan dengan meninggalkan komen) jika anda membuat keputusan anda tidak memerlukannya di laman web
- Gunakan komen setiap kali anda menulis CSS rumit untuk menambah penjelasan dan memaklumkan pemaju masa depan, atau diri anda pada masa akan datang, mengenai perkara-perkara penting yang harus mereka ketahui. Ini akan menjimatkan masa depan pembangunan untuk semua yang terlibat.
- Komen juga boleh memasukkan maklumat meta seperti:
- pengarang
- tarikh dibuat
- maklumat hak cipta
Prestasi
Komen pasti boleh membantu, tetapi sedar bahawa lebih banyak komen yang anda tambahkan pada helaian gaya, akan menjadi lebih tinggi, yang akan mempengaruhi kelajuan dan prestasi muat turun tapak. Ini adalah kebimbangan sebenar, tetapi anda tidak perlu teragak-agak untuk menambah komen yang bermanfaat dan sah kerana takut prestasi akan menderita. Garis CSS tidak menambah saiz besar ke dokumen. Anda perlu menambah TONS baris komen untuk memberi impak yang besar ke atas saiz fail CSS. Menambah segelintir komen berguna ke dalam CSS anda tidak sepatutnya memberi anda kesan negatif bersih pada kelajuan halaman.
Akhirnya, anda akan dapat mencari keseimbangan antara komen yang berguna dan terlalu banyak komen untuk mendapatkan faedah kedua-duanya dalam dokumen CSS anda.
Artikel asal oleh Jennifer Krynin. Diedit oleh Jeremy Girard pada 7/5/17