Mengapa CSS boleh menggunakan elemen palsu?
Sebagai pembangun bahagian hadapan, anda harus biasa dengan elemen pseudo CSS, termasuk fungsinya dan pelbagai aplikasi pembentangan dan struktur. Pemilih CSS asas dan banyak sifatnya menyeronokkan untuk digunakan, tetapi memahami kelas pseudo dan elemen pseudo ialah langkah seterusnya untuk menjadi pakar CSS.
Selain elemen pseudo CSS, terdapat beberapa elemen HTML yang sering dipanggil elemen pseudo. CSS kadangkala digunakan untuk memudahkan pemprosesan dan membenarkan pembangun mencipta elemen tersuai dalam halaman web. Walau bagaimanapun, ia tidak diseragamkan dan oleh itu tidak boleh digunakan secara global.
Dalam artikel ini, kita akan membincangkan mengapa CSS boleh digunakan dengan elemen palsu? Artikel ini bermula dengan menerangkan apakah unsur palsu, sebab kami menggunakannya, cara ia berfungsi dan banyak lagi aspek asas unsur palsu yang lain.
Apakah unsur palsu?
Elemen HTML yang tidak ditakrifkan dalam dokumen HTML dipanggil elemen palsu. Adalah mungkin untuk mencipta komponen palsu. Anda boleh memberikan elemen apa-apa nama yang anda pilih, tetapi ini tidak disyorkan. HTML membolehkan pembangun menggunakan elemen tersuai dalam halaman web. Elemen ini akan berjalan lancar dalam halaman anda.
Contoh
Lihat contoh berikut untuk melihat cara menggunakan elemen Palsu dalam dokumen HTML.
<!DOCTYPE html>
<html>
<head>
<title> Fake Elements </title>
<style>
*{
background-color: grey;
margin: 5px;
letter-spacing: 1px;
}
.para{
font-family: cursive;
}
</style>
</head>
<body>
<section>
<heading> Programming Languages </heading>
<p class= "para"> To communicate with computers, programmers (developers) use a programming language, which is a computer language. It is a set of instructions written in a specific language (such as C, C++, Java, or Python), built to do a certain task. </p>
<example> Some of the most popular programming languages are: </example> <br>
<p>
<ol>
<li> <h1> C/C++ </h1> </li>
<li> <h1> Java </h1> </li>
<li id= "demo"> <h1> Python </h1> </li>
<li> <h1> JavaScript </h1> </li>
<li> <h1> PHP </h1> </li>
</ol>
</p>
</section>
</body>
</html>
Seperti yang dapat kita lihat dalam contoh di atas, kita menggunakan elemen kita sendiri seperti
Contoh
Dalam contoh ini, kami telah mengisytiharkan sifat CSS tertentu kepada unsur pseudo
<!DOCTYPE html>
<html>
<head>
<title> Fake Elements </title>
<style>
*{
background-color: yellow;
margin: 5px;
letter-spacing: 1px;
}
heading{
color: black;
text-decoration: underline;
text-shadow: 4px 4px 4px grey;
font-size: 28px;
}
.para{
font-family: cursive;
}
example{
color: red;
font-weight: 900;
}
</style>
</head>
<body>
<section>
<heading> <h1 class= "head"> Programming Languages </h1> </heading>
<p class= "para"> Programmers (developers) utilise a programming language, which is a computer language, to communicate with computers. It is a set of guidelines created in any particular language (C, C++, Java, Python), developed to carry out a certain task. </p>
<example> Some of the most popular programming languages are: </example> <br>
<p>
<ol>
<li> <h1> C/C++ </h1> </li>
<li> <h1> Java </h1> </li>
<li id= "demo"> <h1> Python </h1> </li>
<li> <h1> JavaScript </h1> </li>
<li> <h1> PHP </h1> </li>
</ol>
</p>
</section>
</body>
</html>
Kami telah menambah gaya CSS pada elemen palsu. Kod dilaksanakan dengan lancar dan tiada masalah dengan gaya. Masalahnya ialah bagaimana elemen palsu ini berfungsi dalam dokumen HTML.
Jawapannya ialah: Memandangkan fungsi HTML telah bertambah baik dari hari ke hari, kebanyakan penyemak imbas moden telah menjadi serasi dengan banyak perubahan atau penambahan pada fungsinya. Oleh itu, elemen yang tidak dikenali dihuraikan terus ke dalam pepohon DOM. Walau bagaimanapun, mereka tidak mempunyai sebarang fungsi atau ciri khas.
Kenapa kita tidak boleh menggunakan unsur palsu?
Walaupun elemen palsu boleh berfungsi dengan baik dalam halaman web, adalah amat disyorkan untuk tidak menggunakan elemen palsu dalam dokumen HTML. Berikut ialah beberapa sebab mengapa kita tidak sepatutnya menggunakan unsur palsu -
Spesifikasi HTML tidak menyokong dan mengiktiraf elemen palsu ini.
Elemen ini tidak mempunyai fungsi tertentu. Sama seperti teks dalam
mempunyai saiz fon yang dipratentukan, elemen palsu tidak mempunyai akses kepada fungsi sedemikian. Mereka mungkin menghalang kefungsian elemen standard masa hadapan (jika dibangunkan) yang mempunyai nama yang sama dengan elemen palsu.
Dengan versi HTML yang berubah dengan cepat, mungkin terdapat elemen standard tertentu dalam DOM yang paling sesuai untuk fungsi khusus tersebut.
Teg ini mungkin menyebabkan isu keserasian dalam penyemak imbas yang berbeza. Selain itu, penyemak imbas menjadikan elemen standard lebih pantas. Dengan cara ini, halaman web anda akan berjalan dengan lancar.
Elemen HTML standard memberikan pelbagai faedah seperti SEO (Search Engine Optimization) dan kelajuan. Mereka lebih disukai oleh pelayar popular seperti Google.
Menggunakan elemen palsu menunjukkan kekurangan profesionalisme (bagi sesetengah pembangun). Komponen standard mudah diselenggara. Selain itu, ia membenarkan pengubahsuaian lanjut jika diperlukan.
Menggunakan elemen HTML standard akan memudahkan penyahpepijatan. Ini kerana alat penyahpepijatan boleh mengakses elemen standard dengan mudah.
KESIMPULAN
Anda boleh mencipta elemen anda sendiri dalam dokumen HTML. Walau bagaimanapun, mereka tidak mempunyai sebarang semantik atau fungsi tambahan. Tambahan pula, elemen ini tidak boleh difahami atau digunakan secara global oleh semua pembangun. Oleh itu, lebih baik menggunakan elemen HTML standard, yang mempunyai beberapa kelebihan berbanding elemen palsu.
Atas ialah kandungan terperinci Mengapa CSS boleh menggunakan elemen palsu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1377
52
Bekerja dengan Caching Graphql
Mar 19, 2025 am 09:36 AM
Sekiranya anda baru -baru ini mula bekerja dengan GraphQL, atau mengkaji semula kebaikan dan keburukannya, anda tidak akan ragu -ragu mendengar perkara seperti "Graphql tidak menyokong caching" atau
Menjadikan Peralihan Svelte Khas pertama anda
Mar 15, 2025 am 11:08 AM
API Peralihan Svelte menyediakan cara untuk menghidupkan komponen apabila mereka memasuki atau meninggalkan dokumen, termasuk peralihan svelte adat.
Tunjukkan, jangan beritahu
Mar 16, 2025 am 11:49 AM
Berapa banyak masa yang anda habiskan untuk merancang persembahan kandungan untuk laman web anda? Semasa anda menulis catatan blog baru atau membuat halaman baru, adakah anda memikirkan
Membina aplikasi Ethereum menggunakan redwood.js dan fauna
Mar 28, 2025 am 09:18 AM
Dengan pendakian harga bitcoin baru -baru ini lebih dari 20k $ USD, dan baru -baru ini melanggar 30k, saya fikir ia patut mengambil menyelam yang mendalam kembali ke dalam mewujudkan Ethereum
Bagaimana anda menggunakan CSS untuk membuat kesan teks, seperti bayang -bayang teks dan kecerunan?
Mar 14, 2025 am 11:10 AM
Artikel ini membincangkan menggunakan CSS untuk kesan teks seperti bayang -bayang dan kecerunan, mengoptimumkannya untuk prestasi, dan meningkatkan pengalaman pengguna. Ia juga menyenaraikan sumber untuk pemula. (159 aksara)
Apa yang ada perintah npm?
Mar 15, 2025 am 11:36 AM
Perintah NPM menjalankan pelbagai tugas untuk anda, sama ada sebagai satu-satunya atau proses berjalan terus untuk perkara seperti memulakan pelayan atau menyusun kod.
Membuat Bragdoc anda sendiri dengan sebelas
Mar 18, 2025 am 11:23 AM
Tidak kira tahap tahap anda sebagai pemaju, tugas yang kami selesaikan -sama ada besar atau kecil -membuat kesan besar dalam pertumbuhan peribadi dan profesional kami.
Mari kita gunakan (x, x, x, x) untuk bercakap mengenai kekhususan
Mar 24, 2025 am 10:37 AM
Saya hanya berbual dengan Eric Meyer pada hari yang lain dan saya teringat cerita Eric Meyer dari tahun -tahun pembentukan saya. Saya menulis catatan blog mengenai kekhususan CSS, dan
