Bagaimana anda memasukkan komentar dalam file css?

Ada sejumlah cara untuk menerapkan gaya CSS ke halaman web, termasuk style sheet eksternal dan gaya inline menggunakan aturan @import sederhana.

Apa itu CSS: Apa itu Cascading Style Sheets?

Sebelum Anda dapat menggunakan Cascading Style Sheets, Anda perlu memahami apa itu dan bagaimana mereka digunakan dalam desain dan pengembangan situs web modern.

Font Tag Versus Cascading Style Sheets (CSS)

Bertahun-tahun yang lalu, desainer web akan benar-benar mengatur font dari halaman web mereka di dalam HTML itu sendiri. Pelajari cara menggunakan CSS untuk mengganti tag font HTML lama.

Saat ini kita akan membahas mengenai cara menggunakan sintaks dan komentar CSS untuk mengembangkan desain website interaktif. CSS akan membantu kita dalam mendesain tata letak dan tampilan sebuah website bagus.

Bagaimana Sintaks pada CSS…?

Sintaks CSS merupakan cara penulisan elemen dalam CSS. Aturan penulisan CSS terdiri dari blok selector dan blok deklarasi.

Penjelasan Sintaks CSS
contoh selector —-> h1
contoh deklarasi —> color:red;       font-size:12px;

* Selector menunjukan elemen HTML yang akan didesain.
* Blok deklarasi berisi satu atau lebih deklarasi dipisahkan oleh semicolon (titik koma).
* Setiap deklarasi terdapat nama property dan sebuah value, yang dipisahkan oleh colon (titik dua).

Contoh Sintaks pada CSS…

p {color:blue;text-align:center;}

Untuk membuat CSS lebih mudah dibaca, anda bisa menempatkan satu deklarasi pada setiap baris. Misalnya dari kode CSS diatas diubah menjadi:

p {
    color:blue;
    text-align:center;
}

Apa fungsi komentar pada CSS…?

Oke, komentar merupakan sebuah kode yang tulis namun tidak dieksekusi (diabaikan). Fungsi komentar untuk mempermudah penjelasan kode dan membantu kita ketika akan mengedit source code di masa yang akan datang.

Bagaimana cara menulis komentar pada CSS…?

Komentar CSS akan diabaikan oleh Web Browser. Untuk memulai komentar anda bisa menggunakan tanda /* dan diakhiri dengan tanda */. Komentar menggunakan tanda ini bisa single line maupun multiple line (banyak baris).

Contoh Komentar pada CSS…

    
    
    
    

    
Tutorial Belajar CSS
    
Paragraf ini didesain dengan CSS.
    
Komentar CSS tidak ditampilkan pada browser.

    

Output :

Bisa anda lihat, penggunaan komentar CSS pada bagian elemen tag , terdapat komentar single line dan multi-line. Coba jika tidak percaya!

Demikian tutorial menggunakan sintaks dan komentar CSS untuk membuat website yang interaktif. Semoga ilmu ini bermanfaat, terima kasih.

Home Programming Cara Memberi Komentar di HTML, PHP, CSS dan JavaScript

By ilham efendi

Komentar dalam pemrograman  menjadi salah satu aspek yang penting agar script yang  ditulis mudah untuk di develop kembali atau juga dalam proses debugging. untuk menulis komentar di source code itu berbeda disetiap bahasa pemrograman , jadi ada aturannya sendiri agar komentar tidak dianggap sebagai statement/perintah.

Untuk artikel ini saya hanya akan membahas tentang  cara membuat komentar di 3 bahasa utama dalam membuat sebuah website yaitu HTML , PHP dan JavaScript. oke langsung ajah berikut caranya.

Memberi Komentar di HTML

Penulisan komentar di html menggunakan tanda baca ini <!– … –> seperti contoh di bawah :

<!-- Komentar di HTML
tidak menjalankan perintah berikut
<img border="0" src="pic_mountain.jpg" alt="Mountain">
 -->

MEMBERI KOMENTAR DI PHP

Selanjutnya penulisan di PHP , ada 3 cara untuk menulis komentar di PHP berikut detailnya

// garis miring untuk menulis komentar dalam satu baris

#pagar juga dalam satu baris

/*
 Sedangkan garis miring dan bintang 
 digunakan untuk menulis komentar dalam
 Beberapa baris
 */

Memberi komentar di CSS

untuk penullisan di CSS menggunakan tanda baca garis miring dengan bintang /* … */ , seperti contoh di bawah

Setiap situs web terdiri dari elemen struktural (yang ditentukan oleh HTML) serta gaya visual atau "tampilan dan rasa" dari situs tersebut. Cascading Style Sheets (CSS) adalah apa yang digunakan untuk mendikte tampilan visual situs web. Gaya ini disimpan terpisah dari struktur HTML untuk memungkinkan kemudahan memperbarui dan kepatuhan terhadap standar Web.

Dengan ukuran kerumitan banyak situs web saat ini, style sheet dapat dengan cepat menjadi sangat panjang dan sangat tidak praktis untuk digunakan. Ini terutama berlaku saat Anda mulai menambahkan kueri media untuk gaya situs web responsif . Pertanyaan media itu sendiri dapat menambahkan sejumlah besar gaya baru ke dokumen CSS dan membuatnya lebih sulit untuk diajak bekerja sama. Di sinilah komentar CSS dapat menjadi bantuan yang tak ternilai di situs web.

Menambahkan komentar ke file CSS situs web adalah cara yang bagus untuk menambahkan struktur ke bagian kode itu untuk pembaca manusia yang sedang meninjau dokumen. Ini juga merupakan metode yang bagus untuk menjelaskan gaya-gaya tersebut bagi seorang profesional web yang mungkin harus bekerja di situs ini di masa depan - termasuk Anda sendiri!

Pada akhirnya, komentar CSS yang ditambahkan dengan cerdas akan membuat lembar gaya lebih mudah untuk diproses. Ini memang penting untuk style sheet yang akan diedit oleh tim. Komentar dapat digunakan untuk mengomunikasikan aspek-aspek penting dari style sheet ke anggota tim yang berbeda yang mungkin belum terbiasa dengan kode tersebut. Komentar-komentar ini juga bisa sangat membantu bagi orang yang pernah bekerja di situs sebelumnya jika mereka kembali ke kode setelah jauh dari itu untuk beberapa waktu. Saya sering harus mengedit situs web yang saya buat berbulan-bulan atau bahkan bertahun-tahun yang lalu dan memiliki komentar yang diformat dengan baik di HTML dan CSS sangat membantu! Ingat, hanya karena Anda membangun sebuah situs tidak berarti Anda akan mengingat mengapa Anda melakukan hal-hal yang Anda lakukan ketika Anda kembali ke situs itu di masa depan! Komentar dapat membuat niat Anda jelas dan menjernihkan kesalahpahaman apa pun sebelum itu terjadi.

Satu hal yang perlu dipahami tentang komentar CSS adalah bahwa mereka tidak ditampilkan ketika halaman dirender di browser web. Komentar tersebut hanya bersifat informatif, sama seperti komentar HTML (meskipun sintaksnya berbeda antara keduanya). Komentar CSS ini tidak mempengaruhi tampilan visual situs dengan cara apa pun dan hanya ada di kode itu sendiri.

Menambahkan Komentar CSS

Menambahkan komentar CSS cukup mudah. Anda cukup membukukan komentar Anda dengan tag komentar pembuka dan penutup yang benar:

• Mulai komentar Anda dengan menambahkan / *
• Tutup komentar Anda dengan menambahkan * /

Apa pun yang muncul di antara dua tag ini akan menjadi konten komentar, hanya terlihat di kode dan tidak dirender oleh browser.

Komentar CSS dapat berupa satu baris, atau dapat mengambil beberapa baris. Berikut adalah contoh satu baris:

Dan contoh multiline:

Memecah Bagian

Salah satu cara saya sering menggunakan komentar CSS adalah mengatur style sheet saya dalam potongan yang lebih kecil, lebih mudah disembuhkan. Saya ingin dapat dengan mudah melihat bagian ini ketika saya membaca dengan teliti file nanti. Untuk melakukan ini, saya sering menambahkan komentar dengan banyak tanda hubung di dalamnya sehingga mereka memberikan jeda besar dan jelas di halaman yang mudah dilihat saat saya dengan cepat menggulir kode. Berikut ini contohnya:

Ketika saya melihat salah satu komentar ini dalam kode saya, saya tahu ini adalah awal dari bagian baru dari dokumen itu, memungkinkan saya untuk lebih mudah memproses dan menggunakan kode.

& # 34; Mengomentari & # 34; Kode

Tag komentar juga dapat berguna dalam proses aktual pengkodean dan debug laman. Komentar dapat digunakan untuk "mengomentari" atau "mematikan" area kode itu untuk melihat apa yang terjadi jika bagian itu bukan bagian dari halaman.

Jadi bagaimana cara kerjanya? Yah, karena tag komentar memberitahu browser untuk mengabaikan semuanya di antara mereka, Anda dapat menggunakannya untuk sementara menonaktifkan bagian-bagian tertentu dari kode CSS. Ini dapat berguna saat melakukan debug, atau saat menyesuaikan pemformatan halaman Web.

Untuk melakukan ini, Anda cukup menambahkan tag komentar pembuka di mana Anda ingin kode tersebut mulai dinonaktifkan dan kemudian menempatkan tag penutup itu di mana Anda ingin bagian yang dinonaktifkan itu berakhir. Segala sesuatu di antara tag tersebut tidak akan memengaruhi tampilan visual situs, memungkinkan Anda untuk men-debug CSS untuk melihat di mana masalah mungkin terjadi. Anda kemudian dapat masuk dan memperbaiki masalah itu dan menghapus komentar dari kode.

Kiat Mengomentari CSS

Sebagai rekap, berikut adalah beberapa kiat yang harus diingat untuk menggunakan komentar di CSS Anda:

1. Komentar dapat menjangkau banyak baris.
2. Komentar dapat menyertakan elemen CSS yang tidak Anda inginkan yang diberikan oleh browser, tetapi tidak ingin dihapus sepenuhnya. Ini adalah cara yang bagus untuk men-debug lembar gaya situs web - pastikan untuk menghapus gaya yang tidak digunakan (sebagai lawan dari membiarkan mereka berkomentar) jika Anda memutuskan Anda tidak membutuhkannya di situs web
3. Gunakan komentar setiap kali Anda menulis CSS yang rumit untuk menambahkan klarifikasi dan untuk menginformasikan pengembang masa depan, atau diri Anda sendiri di masa depan, tentang hal-hal penting yang harus mereka ketahui. Ini akan menghemat waktu pengembangan di masa depan untuk semua yang terlibat.
4. Komentar juga dapat menyertakan informasi meta seperti:
   • penulis
   • Tanggal Diciptakan
   • informasi hak cipta

Kinerja

Komentar tentu saja bisa membantu, tetapi ketahuilah bahwa semakin banyak komentar yang Anda tambahkan ke lembar gaya, semakin tinggi itu akan menjadi, yang akan mempengaruhi kecepatan unduh dan kinerja situs. Ini adalah masalah nyata, tetapi Anda tidak perlu ragu untuk menambahkan komentar yang bermanfaat dan sah karena takut bahwa kinerja akan menderita. Baris CSS tidak menambah ukuran besar pada dokumen. Anda perlu menambahkan TONS baris komentar untuk membuat dampak yang signifikan pada ukuran file CSS. Menambahkan beberapa komentar bermanfaat ke dalam CSS Anda seharusnya tidak memberi Anda dampak negatif bersih pada kecepatan halaman.

Pada akhirnya, Anda akan ingin menemukan keseimbangan antara komentar yang membantu dan terlalu banyak komentar untuk mendapatkan manfaat dari keduanya dalam dokumen CSS Anda.

Bagaimana Anda bisa menambahkan komentar di javascript?

Jika ingin menambahkan komentar pada script harus menggunakan simbol apa?

Syarat penulisan kode CSS harus berada di tag apa?

Jelaskan apa yang dimaksud dengan CSS?