Cara Tambah Komen untuk Cascading Style Sheets (CSS)

Setiap laman web terdiri daripada elemen struktur (yang ditentukan oleh HTML), berfungsi, dan gaya. Cascading Style Sheets (CSS) digunakan untuk menentukan penampilan ("rupa dan nuansa") dari laman web. Gaya ini dipisahkan dari struktur HTML untuk memudahkan kemudahan mengemaskini dan mematuhi piawaian web.

Masalah Dengan Stylesheets

Dengan saiz dan kerumitan banyak laman web hari ini, stylesheets boleh menjadi agak panjang dan rumit. Ini adalah benar terutamanya sekarang bahawa pertanyaan media untuk gaya laman web responsif adalah bahagian penting dalam reka bentuk, memastikan bahawa laman web kelihatan seperti seharusnya tanpa mengira peranti. Pertanyaan media itu sendiri boleh menambahkan sejumlah besar gaya baru kepada dokumen CSS, menjadikannya lebih sukar untuk dikerjakan. Di sinilah komen CSS boleh menjadi bantuan yang tidak ternilai kepada pereka laman web dan pemaju.

Komen Tambah Struktur dan Kejelasan

Menambah komen ke fail CSS laman web adalah cara yang baik untuk mengatur bahagian kod tersebut untuk pembaca manusia yang menyemak dokumen tersebut. Ia juga memastikan konsistensi apabila seorang profesional web mengambil tempat yang lain meninggalkan, atau apabila pasukan orang bekerja di tapak.

Komen bercetak yang baik boleh menyampaikan aspek penting dari lembaran gaya kepada ahli pasukan yang mungkin tidak biasa dengan kod itu. Komen-komen ini juga sangat berguna untuk orang-orang yang telah bekerja di laman web ini sebelum tetapi tidak baru-baru ini; Pereka web biasanya bekerja di banyak laman web, dan mengingati strategi reka bentuk dari satu ke yang berikutnya adalah sukar.

Untuk Mata Profesional Hanya

Komen CSS tidak dipaparkan apabila halaman membuat peramban web. Komen tersebut adalah maklumat sahaja, sama seperti komen HTML (walaupun sintaks adalah berbeza). Komen CSS ini tidak menjejaskan paparan visual tapak dengan cara apapun.

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 tag ini adalah kandungan komen, hanya dilihat dalam kod dan tidak diberikan oleh penyemak imbas.

Komen CSS boleh mengambil beberapa baris. Berikut adalah dua contoh:

/ * contoh sempadan merah * / div # border_red { sempadan: merah pepejal nipis; }/*******************************************************Gaya untuk teks kod*******************************************************/

Memecah Seksyen

Banyak pereka menganjurkan stylesheets dalam potongan-potongan kecil, mudah dicerna yang mudah diimbas ketika membaca. Lazimnya, anda akan melihat komen yang didahului dan diikuti dengan siri tanda hubung yang membuat rehat yang besar dan jelas dalam halaman yang mudah dilihat. Berikut adalah contohnya:

/ * ----------------------- Gaya Kepala ----------------------- ------- * /
Komen ini menunjukkan permulaan bahagian pengekodan baru.

"Mengulas Keluar" Kod

Kerana teg komen memberitahu penyemak imbas untuk mengabaikan segala-galanya di antara mereka, anda boleh menggunakannya untuk melumpuhkan sementara kod tertentu kod CSS. Ini berguna apabila menyahpepijat, atau apabila menyesuaikan pemformatan halaman web. Malah, pereka sering menggunakannya untuk "mengulas" atau "mematikan" kawasan kod untuk melihat apa yang berlaku sekiranya bahagian itu bukan sebahagian daripada halaman.

Untuk melakukan ini, cukup tambah teg komen pembuka sebelum kod yang ingin anda komen (melumpuhkan); letakkan tag tutup di mana anda mahu bahagian yang kurang upaya tamat. Tiada apa-apa di antara tag tersebut akan memberi kesan kepada paparan visual tapak, membolehkan anda menyahpasang CSS untuk melihat di mana masalah sedang 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 penyemak imbas untuk diberikan tetapi anda tidak mahu memadam sepenuhnya. Ingat untuk menghapus gaya yang tidak digunakan (berbanding dengan meninggalkan mereka mengulas) jika anda memutuskan anda tidak memerlukannya di laman web.

Gunakan komen apabila anda menulis CSS rumit untuk menambah struktur, menjelaskan keputusan reka bentuk, dan memaklumkan pemaju masa depan (atau ingatkan diri anda) tentang pertimbangan penting. Ini menjimatkan masa depan untuk semua yang terlibat.

Komen juga boleh memasukkan maklumat meta seperti:

Pengarang

Tarikh dicipta

hak cipta

Prestasi

Walaupun menambahkan terlalu banyak komen dapat mempengaruhi kelajuan dan prestasi muat turun tapak, anda tidak perlu ragu untuk menggunakannya. Ia akan mengambil banyak komen untuk mempunyai kesan negatif yang signifikan. Seperti begitu banyak aspek reka bentuk web, semuanya menjadi seimbang.