Alat pembangun · HTML WYSIWYG editor
strong vs b dan em vs i: Mengapa Semantik Sebaris HTML Penting untuk Editor
· Mengapa ia penting
html kebolehcapaian boleh diedit kandungan
Terangkan perbezaan praktikal antara elemen sebaris semantik dan pembentangan, perkara yang dilakukan oleh teknologi bantuan dan enjin carian dengannya, dan cara menyemak perkara yang dipancarkan oleh editor anda.
Tebal tidak selalunya penting — pilih makna sebelum penampilan
Kod produk mungkin tebal sahaja supaya pembaca boleh menemuinya dengan cepat; amaran mungkin kuat kerana kepentingannya tergolong dalam maksud ayat. Kedua-dua niat tersebut boleh kelihatan sama dalam helaian gaya lalai. Memilih semata-mata daripada rupa menjadikan penanda samar-samar apabila CSS berubah atau pembaca lain menggunakan struktur tersebut.
Bar alat ToolAcre melabelkan tindakannya Bold dan Italic, manakala sanitizer menormalkan elemen b dan i warisan kepada kuat dan em. Itu adalah lalai yang berguna untuk prosa yang ditekankan, tetapi seorang editor mesti memutuskan sama ada perkataan yang dipilih benar-benar membawa kepentingan atau tekanan dan bukannya hiasan.
Apa yang dinyatakan oleh spesifikasi HTML hari ini — meringkaskan maksud semasa kuat, em, b dan i
Kuat mewakili kepentingan yang kuat, kesungguhan atau segera; em mewakili penekanan tekanan yang penempatannya boleh menjejaskan tafsiran. Unsur b boleh menarik perhatian tanpa menambah kepentingan, manakala saya boleh menandakan teks mengimbangi daripada prosa sekeliling, seperti istilah, suara atau konvensyen, tanpa menegaskan penekanan.
Pengajaran praktikal bukanlah dua tag dilarang. Ia adalah bahawa kesamaan visual tidak memadamkan perbezaan semantik. Output sempit ToolAcre memilih kuat dan em, jadi kandungan yang memerlukan pengimbangan gaya semata-mata mungkin memerlukan semakan atau aliran kerja destinasi yang berbeza dan bukannya keupayaan bar alat yang dicipta.
Teknologi bantuan mungkin mendedahkan semantik secara berbeza; repositori ini tidak membuktikan sebarang pengumuman
Teknologi bantuan boleh menggunakan semantik elemen, tetapi rawatan pertuturan yang tepat berbeza mengikut produk, mod dan konfigurasi pengguna. Repositori tidak mengandungi suite keserasian pembaca skrin, jadi artikel ini tidak menjanjikan kuat akan sentiasa diumumkan dengan suara tertentu atau b akan sentiasa senyap.
Struktur masih penting kerana ia memberikan maklumat perisian yang tidak mempunyai rentang gaya. Uji halaman perwakilan dengan teknologi bantuan dalam dasar sokongan anda. Unsur semantik mewujudkan peluang untuk tafsiran yang bermakna; ia tidak menjamin satu kesan boleh didengar universal merentasi setiap persekitaran.
Kesan carian adalah di luar bukti editor ini; semantik masih menambah baik struktur dokumen
Enjin carian boleh menghuraikan struktur dokumen, namun tiada sumber tempatan membuktikan perubahan kedudukan daripada menukar b kepada kuat. Elakkan menukar semantik HTML kepada formula SEO. Keterlihatan carian bergantung pada kandungan, pautan, kebolehcapaian teknikal dan banyak sistem di luar editor ini.
Sebab yang boleh dipertahankan untuk menggunakan semantik adalah kejelasan dan kebolehoperasian. Pengarang, pelayar dan perubahan hiliran boleh mengenal pasti kepentingan atau penekanan yang dimaksudkan tanpa merekayasa balik perisytiharan gaya. Sebarang akibat carian hendaklah diterangkan sahaja dengan bukti daripada platform yang berkaitan, bukan disimpulkan daripada butang pemformatan tempatan.
Senarai yang benar-benar senarai — memanjangkan hujah kepada <ul> dan <ol> berbanding sempang dan penomboran manual
Prinsip yang sama meliputi senarai. Tiga baris yang bermula dengan tanda sempang ialah teks biasa, manakala ul dan li mewakili koleksi item rakan sebaya. Aksara nombor yang ditaip sebelum perenggan tidak bersamaan dengan ol, yang urutan dan nilai mula pilihannya adalah sebahagian daripada struktur.
ToolAcre mendedahkan arahan senarai bertitik tumpu dan bernombor dan membenarkan ul, ol dan li melalui penapisnya. Tingkah laku arahan pelayar boleh berbeza-beza, terutamanya untuk bersarang, jadi periksa sumber selepas membina senarai. Semantik senarai yang betul tidak membenarkan label hilang, susunan mengelirukan atau kedalaman yang tidak disokong di destinasi.
Contoh berfungsi: ToolAcre memetakan b kepada kuat dan i kepada em semasa penapisan
Taip "Hentikan penggunaan sebelum menukar skema," pilih "Hentikan penggunaan," dan tekan Bold. Perintah pelayar pada mulanya mungkin mencipta b, tetapi peta alias pembersih memancarkan kuat. Italic mengikut corak yang sama dari i ke em. Mod sumber mendedahkan hasil normal.
Sekarang pilih label produk yang sahaja diserlahkan secara visual. ToolAcre tidak mempunyai kawalan perhatian b-sahaja atau berasaskan kelas, dan tanda dibenarkan sahaja melalui pengeditan sumber langsung dan bukannya tuntutan bar alat. Tentukan sama ada kuat adalah tepat; jika tidak, gunakan penggayaan khusus destinasi di luar aliran kerja yang dikekang ini.
Perkara ini tidak meliputi — atribut ARIA, audit kebolehaksesan penuh atau struktur tajuk, yang diliputi secara berasingan
Artikel ini tidak merangkumi ARIA, pengauditan kebolehcapaian lengkap, hierarki tajuk atau gelagat enjin carian yang tepat. Ia juga tidak mendakwa setiap elemen sebaris yang dibenarkan mempunyai kawalan bar alat. Mod sumber boleh mengekalkan u, s, sub, sup, mark, small, code, kbd, samp, var dan abbr apabila sah, tetapi arahan visual mendedahkan lebih sedikit pilihan.
Penapisan tag semantik tidak membersihkan HTML yang bermusuhan sewenang-wenangnya untuk penerbitan. Tokenizer ToolAcre mempunyai had pembezaan parser yang jelas. Pelayan yang memberikan penyerahan yang tidak dipercayai memerlukan pembersih dan dasar berasaskan parser yang sesuai, manakala semakan kebolehaksesan mesti memeriksa destinasi akhir dan bukannya pratonton terpencil ini sahaja.
Bawa pulang: format untuk makna, kemudian semak — meringkaskan tabiat dan cara editor ToolAcre HTML WYSIWYG mendedahkan elemen tepat yang dihasilkan
Format untuk makna, kemudian periksa. Strong dan em adalah berharga apabila prosa itu benar-benar mengandungi kepentingan dan tekanan; ia bukan pengganti universal untuk setiap visual tebal atau condong. ToolAcre membuat pilihannya kelihatan dengan mendedahkan HTML yang ditapis selepas setiap tindakan.
Gunakan kawalan visual untuk penggubalan, mod sumber untuk pengesahan dan destinasi CSS untuk penampilan. Apabila persembahan yang diingini tidak mempunyai unsur semantik yang tepat, jangan paksa tag yang mengelirukan semata-mata kerana ia menyerupai reka bentuk. Kekalkan niat pengarang dalam sistem yang mampu mewakilinya.