Beberapa HTML adalah 'Pilihan'

HTML menawarkan fleksibiliti yang mengejutkan. Unsur -unsur dan atribut tertentu, sementara pilihan secara teknikal, secara automatik dikendalikan oleh pelayar, menghasilkan markup yang sah. Ini boleh membawa kepada kod yang tidak lengkap yang masih menjadikannya betul.

Pertimbangkan contoh ini:

<p> Perenggan satu.
</p><p>Perenggan dua.
</p><p>Perenggan tiga.</p>

Sementara tidak biasa, penutupan yang hilang

Tag boleh diterima. Penyemak imbas secara tersirat menambahnya semasa pembinaan DOM. Ini sering berlaku tanpa pengetahuan pemaju. Contoh lain:

Ini kelihatan lengkap, namun penyemak imbas memasukkan a<tbody> elemen di sekitar<code><tr> . Begitu juga,<code><tbody> sendiri sering pilihan. Walaupun<code><link> Tags boleh menghilangkan tag penutup mereka, seperti yang ditunjukkan oleh Jens Oliver Meiert:

<link href="default.css" rel="stylesheet">

Sesetengah atribut juga mempunyai nilai lalai, menjadikannya pilihan yang boleh diabaikan. Sebagai contoh, a<button></button> elemen secara automatik a<button type="submit"></button> .

Walaupun ketinggalan ini mungkin dilihat sebagai pengoptimuman (mengurangkan saiz fail dan meningkatkan masa beban), saya lebih suka HTML yang lebih jelas. Potensi untuk kesilapan dalam senario kompleks melebihi keuntungan prestasi kecil. Sebagai contoh, nama fail yang tidak disebutkan boleh menyebabkan masalah. Menghilangkan tag penutupan secara tidak disangka boleh menjejaskan unsur -unsur saudara. Saya mengutamakan kejelasan kod dan penyelenggaraan. Perbezaan prestasi biasanya diabaikan, sama seperti perdebatan di sekitar pengoptimuman pemilih CSS.

Ketegangan JSX dalam menguatkuasakan HTML yang lengkap adalah menarik, meningkatkan kebolehbacaan kod dan memudahkan alat pemformatan seperti Prettier. Walau bagaimanapun, alat automatik seperti HTMLMinifier boleh menangani ini, mengoptimumkan output yang disusun tanpa mengorbankan kejelasan kod di sumber.

Atas ialah kandungan terperinci Beberapa HTML adalah 'Pilihan'. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!