Michael 2016-01-10 1 HTML dan CSS 0

Bagaimana untuk mengulas kod html

Kadang-kadang terdapat keperluan untuk mengulas kod html. Mengapa ini mungkin perlu? Untuk melumpuhkan tindakannya buat seketika, tetapi tidak mengalih keluarnya sepenuhnya. Ia hanya mudah, jadi dalam artikel ini saya akan bercakap tentang bagaimana ia dilakukan.

Bagaimana untuk mengulas baris dalam html

Terdapat tag khas untuk ini -. Semua kod yang perlu diulas akan ditampal ke dalamnya. Sebagai contoh, terdapat tiga perenggan dalam html. Atas sebab tertentu, anda perlu mengalih keluar salah satu daripadanya buat sementara waktu, tetapi tidak mengeluarkannya daripada kod.

Beginilah cara teg ini digunakan untuk mengulas html. Tanda kurung sudut dibuka dahulu, diikuti dengan tanda seru dan dua sempang. Seterusnya, anda perlu menulis sesuatu yang secara langsung akan bertukar menjadi ulasan.

Dalam kes kami, ini ialah kod yang mencipta perenggan. Oleh itu, penyemak imbas akan mengabaikan kod ini, ia akan kekal kelihatan hanya dalam editor teks, dan anda tidak akan melihatnya di halaman web. Komen juga mesti ditutup dengan tanda sempang berganda dan kurungan sudut.

Anda boleh mengulas seberapa banyak baris yang anda suka dalam HTML. Tutup sahaja teg di mana anda ingin menamatkan ulasan. Jika anda menggunakan editor kod biasa, bahagian yang diulas akan diserlahkan secara berbeza. Contohnya, dalam Notepad++ ia kelihatan seperti ini:

Mengapa komen diperlukan dalam html?

Secara umum, pembangun web meninggalkan mereka semasa membuat tapak web, supaya kemudiannya lebih mudah untuk mereka dan orang lain memahami kod tersebut. Ini adalah nada pembangunan yang sangat baik, kerana walaupun orang yang kurang mahir dalam pembinaan tapak web sekurang-kurangnya boleh menavigasi kod berdasarkan ulasan yang jelas.

Juga, seperti yang telah disebutkan, anda boleh melampirkan tag lain dalam ulasan dan dengan itu melumpuhkan kesannya untuk beberapa waktu. Ini adalah teknik yang sangat baik untuk mengesan ralat dalam susun atur apabila anda perlu mencari sebab untuk paparan elemen yang salah.

Kini anda tahu cara ia berfungsi, untuk kegunaannya, dan cara mengulas html itu sendiri.

Seketika perhatian anda: Kita semua mahu mengehos laman web kami pada pengehosan yang boleh dipercayai. Saya menganalisis beratus-ratus pengehosan dan mendapati yang terbaik - HostIQ Terdapat ratusan ulasan positif mengenainya di Internet, purata rating pengguna ialah 4.8 daripada 5. Semoga laman web anda gembira.

Dalam pelajaran ini saya akan bercakap tentang cara membuat komen dalam HTML, CSS, PHP. Komen ialah teks yang tidak kelihatan pada halaman web. Ia digunakan untuk pelbagai jenis penerangan, peringatan dan penerangan untuk juruweb, yang membolehkan anda menstrukturkan dokumen. Komen amat diperlukan semasa menyahpepijat kod; ia membolehkan anda menavigasi penanda halaman web dengan cepat dan mencari blok yang dikehendaki. Komen sering digunakan untuk menyahpepijat kod HTML. Sebagai contoh, anda boleh mengulas blok kod tertentu untuk sementara waktu supaya ia tidak dilaksanakan, dan jika perlu, anda boleh memulihkannya dengan mudah.

Komen dalam HTML

Dalam HTML, komen dibentuk menggunakan aksara berikut:. Oleh itu, sebarang teks antara aksara ini adalah ulasan. Mari lihat contoh:

Contoh komen dalam HTML

Komen dalam CSS

Komen dalam CSS dibuat menggunakan aksara: /* dan */. Untuk membuat ulasan, anda hanya perlu meletakkan kod halaman web di antara aksara ini:

/* Mula blok dengan gaya untuk Body*/ body ( latar belakang: #efeded; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; ) /* End of blok dengan gaya untuk Badan*/

Komen dalam PHP

Komen dalam PHP boleh menjadi satu baris atau berbilang baris:

1) Komen satu baris dalam PHP dibuat menggunakan aksara: //. Hanya letakkan aksara ini di hadapan baris dan ia akan diulas keluar. Pilihan ini digunakan dalam kes apabila ulasan hanya terdiri daripada satu baris.

2) Untuk melaksanakan komen berbilang baris, simbol berikut digunakan: /* dan */. Pilihan ini berguna jika ulasan merangkumi beberapa baris.

Jadi kami belajar buat

Sebelum anda belajar cara membuat ulasan dalam HTML, anda perlu memahami kegunaannya. Jika anda berminat dengan maklumat sedemikian, maka anda mungkin sudah tahu, jadi kami tidak akan membincangkan isu ini. Sesetengah orang tidak memberi perhatian yang cukup kepada peletakan ulasan dalam kod mereka. Dalam tapak satu halaman, ralat sedemikian mungkin tidak disedari. Tetapi apabila ia berkaitan dengan portal besar, komen kecil akan menjimatkan masa dan menjadikan hidup anda lebih mudah. Selain itu, nota membenarkan pembangun lain memahami kod anda apabila penjelasan tambahan diperlukan.

Sasaran

Membuat halaman HTML kadangkala mustahil tanpa kod yang mengelirukan dan teg yang sentiasa berulang. Kelas baharu, pemilih, penunjuk id, dsb. Semua ini benar-benar boleh membuat anda gila. Komen HTML direka untuk meringankan nasib pembangun web. Lagipun, apabila kod tapak terbentang jauh ke bawah, mungkin sukar untuk mengingati di mana. Ia adalah ulasan yang membantu anda membuat nota kecil terus dalam kod html yang tidak akan kelihatan kepada pengguna anda. Pemula jarang menggunakan tag ini. Tetapi pakar yang berpengalaman menyerlahkan sifat komen yang besar dan berguna. Teg ini amat berkesan apabila beberapa pembangun mengusahakan kod tersebut sekaligus. Daripada bertanya soalan setiap kali dan mengganggu pasangan anda dari kerja, anda hanya perlu melihat ulasan.

Ciptaan

Untuk membolehkan baris baharu dengan ulasan muncul dalam kod anda, anda perlu menambah entri berikut:. Beginilah rupa teg ini dalam html. Apa sahaja yang ada di dalamnya tidak akan dipaparkan pada skrin pengguna. Komen html tidak boleh meregangkan beberapa baris dan mengandungi sebarang kod (ini dianggap bentuk buruk). Mereka hanya perlu memberikan beberapa perihalan tentang niat pembangun berkenaan dengan sisipan teg, atribut atau nilai tertentu itu. Walaupun terdapat pendapat di kalangan sarjana peringkat tinggi bahawa kod itu harus ditulis sedemikian rupa sehingga tiada penjelasan tambahan diperlukan. Tetapi, malangnya, tidak semua orang mempunyai hadiah sedemikian untuk menulis halaman HTML.

Keanehan

Tagmempunyai beberapa ciri tersendiri. Sebagai contoh, anda boleh menambah sebarang teg lain di dalamnya, tetapi anda tidak boleh membuat ulasan bersarang. Ini akan membawa kepada hasil yang tidak dijangka sepenuhnya. Komen dalam html digunakan secara meluas untuk menguji halaman web. Contohnya, apabila anda perlu melihat tapak tanpa teg tertentu, tetapi anda tidak boleh memadamkannya, kerana sukar untuk memulihkan keseluruhan kod sumber. Dalam kes ini, anda hanya perlu meletakkan bahagian halaman yang diperlukan dalam ulasan. Dan kemudian teg akan diabaikan oleh penyemak imbas. Tetapi perlu diingat bahawa semua komen boleh dikesan jika anda membuka kod sumber halaman. Dan setiap pengguna boleh melakukan ini. Oleh itu, anda tidak seharusnya meletakkan sebarang maklumat penting di dalam teg ini.

Saya akan mulakan artikel ini dengan komen untuk apa. Katakan anda sedang membangunkan modul dengan struktur yang kompleks. Atau anda membuat reka letak dengan banyak elemen bersarang. Dalam kes sedemikian, adalah lebih baik untuk menandakan beberapa bahagian kod entah bagaimana - untuk itulah ulasan.

Sekarang saya akan menunjukkan secara terperinci empat jenis komen, atau sebaliknya, semua jenisnya untuk empat kod yang berbeza.

Komen dalam penanda HTML

Untuk menambah ulasan pada penanda HTML, gunakan:

Semua yang muncul dalam teg ini tidak kelihatan pada skrin, tetapi tersedia untuk dilihat dalam kod sumber.

Komen dalam gaya CSS

Untuk menambah ulasan pada gaya CSS, gunakan:

Semua yang muncul dalam teg ini tidak diambil kira semasa membuat gaya, tetapi tersedia untuk dilihat dalam fail gaya itu sendiri.

Komen dalam kod JavaScript

Untuk menambah komen dalam JavaScript ada dua jenis.

Jenis pertama:

// Teks, kod atau lain-lain

Jenis kedua:

/* Teks, kod atau lain-lain */

Apa-apa sahaja dalam teg ini tidak diambil kira apabila skrip dilaksanakan, tetapi tersedia untuk dilihat dalam fail JavaScript itu sendiri.

Komen dalam kod PHP

Bahasa pengaturcaraan ini, tidak seperti yang sebelumnya, mempunyai 3 jenis komen.

Jenis pertama:

// Teks, kod atau lain-lain

Jenis kedua:

/* Teks, kod atau lain-lain */

Dan jenis ketiga:

# Teks, kod atau lain-lain

Semua yang muncul dalam teg ini tidak diambil kira apabila skrip dilaksanakan dan hanya kelihatan dalam fail PHP itu sendiri.

Catatan!

/* /* Kod saya */ */

akan memberi anda ralat.

... hari ini dalam artikel pendek tetapi berguna ini kita akan memikirkan bagaimana pelbagai kod program diulas. Saya tidak akan bercakap banyak, kerana jika anda berminat dengan ini, maka anda telah menghadapi isu-isu masalah ini dan mempunyai idea mengenainya.

Anda telah datang ke tempat yang betul... tetapi beberapa perkataan untuk kejelasan dan manfaat perkara itu. Anda mungkin telah melihat bagaimana ini dilakukan dengan kod CSS, kerana CSS adalah yang paling diminati oleh ramai pemula, seperti saya.

… Baiklah!

Tetapi ambil perhatian bahawa ulasan juga digunakan dalam html dan php... Tetapi kebanyakan pemula menjadi keliru pada peringkat awal kerja mereka dengan tapak dan tidak tahu bagaimana untuk menambah penjelasan yang diperlukan kepada diri mereka sendiri. Lagipun, ia berlaku, sebagai contoh, anda perlu menyahaktifkan untuk beberapa waktu kod html, dan kemudian menyambung semula fungsinya - ini mudah dilaksanakan jika anda telah membuat nota dalam "margin", tetapi anda tidak pernah tahu.

Tetapi apa yang anda harus ingat tentang "komen" secara amnya ialah segala-galanya bergantung pada fail yang anda gunakan secara khusus, dan oleh itu kod aplikasi adalah berbeza.

Mengulas kod CSS

a:hover, a:focus ( warna: #D5071E; hiasan teks: Garis atas; /*BAWAH BARIS ATAS*/ )

Dengan cara ini anda memberi penjelasan kepada diri sendiri. Atau anda juga boleh mengulas skrip css ini seperti ini: hanya bungkus

/* KOD di sini */

/*a:hover, a:focus ( warna: #D5071E; hiasan teks: garis bawah; /*BAWAH BAWAH*/ ​​)*/

Saya menarik perhatian anda kepada fakta bahawa anda boleh mengulas keseluruhan kitaran kod css dengan cara ini, tetapi!! maka anda perlu mengalih keluar komen berulang /*BAWAH BAWAH*/, atau bermain dengan garis miring jika penjelasan itu penting))

Jika tidak akan ada ralat!!

Catatan:

Jika anda membuka kod sumber halaman - Ctrl+U dan lihat... anda akan melihat bahawa sekeping kod css yang dikomen dipaparkan dengan sempurna dalam dokumen yang dijana! ini adalah jika css digunakan (sifat telah ditetapkan) secara langsung dalam html

Dan, seperti yang anda faham, jika anda pergi dari kod sumber melalui pautan ke dokumen css templat aktif anda, semua komen boleh diperhatikan dan dikaji)) jika sesiapa memerlukannya. Tetapi ini tidak mungkin)

Kata keterangan bahasa Inggeris (perkataan) boleh dibaca. Simbol Rusia - tidak.

Mengulas kod HTML

Fail XML diulas dengan cara yang sama

Penting: sentiasa semak kod yang ditawarkan dalam artikel, sekurang-kurangnya secara visual) jika tidak, mungkin terdapat ralat.

Kecuaian mudah apabila pemformatan boleh memakan masa, contohnya, kod ulasan yang ditunjukkan di atas selalunya salah: Daripada dua sempang pendek, sempang panjang muncul:

Untuk pengetahuan anda:

seperti yang dinyatakan dalam teguran sebelum ini, perkara yang sama berlaku untuk komen... kod html dipaparkan dalam dokumen yang dijana!

Simpan ini dalam fikiran.

Dan inilah perkara lain:

Sebagai tambahan kepada fakta bahawa kod yang dikomen dipaparkan dalam kod sumber halaman (dan oleh itu diproses dalam beberapa segi, walaupun ia tidak akan kelihatan pada halaman!) - adalah lebih baik untuk mengalih keluar beberapa fungsi PHP bersama-sama dengan html daripada dokumen aktif.

Sebagai contoh:

akan kelihatan dalam dokumen dan fungsiakan melakukan tugasnya dengan hebat: iaitu, maklumat tidak lagi akan kelihatan di bahagian hadapan, tetapi dalam kod sumber ia akan dipaparkan dengan jelas! dan ini adalah pertanyaan sia-sia kepada pangkalan data: semua ini adalah perkara kecil, tetapi anda perlu tahu!

Anda boleh melakukan ini jika anda tidak mahu mengalih keluar sekeping kod daripada dokumen:

tambah sebelum kod html "tambahan" yang diperlukan pembukaan... fungsi terbina dalam ... dan menutup?> ...

Ringkasnya, inilah yang boleh anda lakukan jika kod itu besar:

**/ ?>

maka sumbernya akan bersih!

Atau lebih mudah:

Mari kita ulas fungsi itu sendiri dalam dokumen html. Kod sumber dalam kes ini mengenai pembangunan fungsi akan bersih!

bagaimana untuk mengulas javascript

if (beingShown || shown) ( // jangan cetuskan animasi semula kembali; ) else ( // gunakan SEBARANG ULASAN dalam baris // gunakan SEBARANG ULASAN dalam baris // benar;

Untuk kejelasan, saya mengambil contoh kod JavaScript ini dari internet, membetulkan sedikit tanda baca. Tidak mengapa... Perkara utama ialah memahami prinsip...

Seperti yang anda fahami, garis miring berganda “//” ialah ulasan TANDA... BARISAN TUNGGAL!

Selebihnya kod JS diulas seperti php, lebih lanjut mengenainya di bawah:

teguran:

Mengulas kod PHP

... dan ... ia serupa di sini - garis miring...satu baris.

Tetapi ambil perhatian bahawa ia boleh diulas sama seperti kod CSS.

...atau anda boleh mengulasnya seperti ini - versi satu baris, apabila kami menggunakan BUKAN DUA Slashes, tetapi BECAR (cincang) sebelum baris ulasan:

... Sememangnya, anda perlu mengulas dengan teliti dalam gelung kod!

...atau dengan cara ini - serupa dengan contoh yang ditunjukkan di atas untuk CSS... i.e. pilihan /* kod */ mengulas ini sesuai untuk kedua-dua kod CSS dan JS!

Tetapi dengan cara ini anda boleh mengulas penjelasan yang lebih banyak tentang kod PHP, di antara contoh utamanya...

Anda juga boleh mengulas dalam gelung PHP dengan cara ini, jika kod bercampur... php dan entah bagaimana html

Sama seperti yang diterangkan di atas:

Sebagai contoh, beberapa fungsi sedemikian ... di suatu tempat dalam kod umum (atau gelung dalam html):— anda boleh mengulasnya, iaitu menambah label anda sendiri seperti ini:

atau seperti ini: pilihan satu baris...

Kepintaran:

kod php tidak kelihatan dalam mana-mana kod sumber!! Hanya hasil fungsinya yang kelihatan - bersenam!

Itu sahaja yang saya ingin laporkan hari ini!

Sekarang anda boleh mencuba... Semoga berjaya.

Dan sudah tentu, baca artikel di tapak dan langgan:
Saya berkongsi pengalaman pahit saya - sedikit pengetahuan, untuk kesejahteraan manis anda))

... bandar tuan web Mihalika.ru© - dengan mudah dengan WordPress