Alat pengembang · HTML WYSIWYG editor
Judul Bukan Teks Tebal Besar: Mengapa Tingkat Judul Penting dalam Konten Web
· Mengapa itu penting
html aksesibilitas pengeditan teks
Menjelaskan alasan h1 hingga h6 membentuk kerangka dokumen yang diandalkan oleh pengguna pembaca layar dan mesin telusur, dan cara memeriksa bahwa judul visual adalah judul sebenarnya.
Artikel tanpa judul — dibuka dengan halaman yang setiap judulnya berupa paragraf tebal
Garis yang diperbesar dan dicetak tebal dengan CSS dapat terlihat seperti judul bagian namun tetap menjadi paragraf di pohon dokumen. Pembaca yang dapat melihat dapat menyimpulkan pembagian dari tipografi, namun perangkat lunak tidak menerima elemen judul untuk diidentifikasi, dikumpulkan, atau dinavigasi. Penampilan saja tidak menciptakan hierarki.
ToolAcre menghindari kontrol gaya dan memberikan pilihan blok eksplisit untuk h1 hingga h4. Oleh karena itu, seorang penulis dapat menyandikan judul daripada mensimulasikan judul dengan teks yang kuat. Daftar yang diizinkan juga menerima sumber h5 dan h6, meskipun bilah alat tidak mengiklankan kontrol untuk level tersebut.
Fungsi elemen judul selain ukuran — menjelaskan kerangka, pintasan navigasi, dan struktur yang disediakannya
Elemen judul memberi label pada konten berikutnya dan berkontribusi pada struktur dokumen yang dapat dinavigasi. Browser mengekspos peran tersebut melalui API aksesibilitas, dan banyak alat bantu yang dapat menampilkan daftar judul atau berpindah di antara judul tersebut. Elemen tetap dapat diidentifikasi ketika stylesheet tidak ada atau diganti.
Paragraf tebal tidak memberikan sinyal struktural tersebut. Ini masih bisa menjadi prosa yang berguna, tetapi tidak boleh menjadi batasan bagian. Uji dokumen akhir dengan garis besar atau alat inspeksi aksesibilitas karena pratinjau lokal tidak melaporkan hubungan judul atau memvalidasi organisasi penulis.
Level bersifat bertingkat, bukan ukuran — menjelaskan mengapa melompati dari h2 ke h4 membingungkan pembaca dan alat
Level mengekspresikan sarang, bukan menu ukuran tipe. H2 biasanya memperkenalkan bagian di bawah konteks utama halaman; h3 memperkenalkan subbagian dari h2 itu. Memilih h4 hanya karena font defaultnya terlihat benar dapat berarti tidak ada struktur perantara.
ToolAcre akan mempertahankan h1 hingga h6 dan tidak menolak level yang dilewati. Filter ini menerapkan kosakata, bukan logika editorial. Buat kerangka di atas kertas atau di sumber, lalu gunakan CSS di tujuan untuk mengontrol tampilan tanpa mengubah level untuk mencapai skala visual yang diinginkan.
Pilih judul halaman dalam konteks; editor ini tidak menerapkan aturan satu-h1
Buku kerja menetapkan satu h1, namun penerapannya tidak memiliki aturan seperti itu dan pasal ini tidak menjadikannya sebagai hukum universal. Templat halaman, fragmen yang disematkan, dan konvensi dokumen menentukan apakah konten harus menyediakan judul utamanya atau dimulai di bawah judul yang disediakan oleh host.
Periksa tujuan keseluruhannya, bukan hanya bagiannya saja. Jika CMS sudah merender judul artikel sebagai h1, konten isi yang ditempel mungkin dimulai dengan h2. ToolAcre tidak dapat melihat template luar tersebut, jadi opsi h1-nya lebih merupakan kemampuan dan bukan rekomendasi untuk setiap draf.
Contoh praktis: bandingkan paragraf tebal dengan elemen judul di sumber
Buat `<p><strong>Installation</strong></p>` dan `<h2>Configuration</h2>`. Keduanya mungkin terlihat menonjol di kotak pasir, namun sumber mengungkapkan bahwa hanya Konfigurasi yang menjadi judulnya. Inspeksi pohon aksesibilitas pada halaman yang diterbitkan juga harus mengidentifikasi h2 saja sebagai judul.
Ubah Instalasi ke tingkat yang benar melalui pemilih blok atau mode sumber. Kemudian tinjau apakah kedua judul tersebut adalah teman sejawat atau orang tua dan anak. Sanitizer mempertahankan kedua bentuk tersebut tetapi tidak dapat memutuskan hubungan dari kata-katanya. Penilaian itu milik penulis dokumen dan konteks halaman.
Menata judul tanpa menyalahgunakan level — menjelaskan bahwa CSS, bukan pilihan level, yang harus mengontrol tampilan
Tampilan judul termasuk dalam CSS. Sebuah situs dapat membuat h2 sederhana dan h3 berbeda secara visual dengan tetap mempertahankan tingkat logis, asalkan desainnya masih mengkomunikasikan hierarki. Menata h2 yang benar lebih aman daripada mengganti h4 hanya untuk mendapatkan default browser yang lebih kecil.
Stylesheet pratinjau sengaja dibuat sederhana dan ringan. Ini bukan tema produk Anda, jadi dimensi judul defaultnya merupakan bukti buruk untuk desain tujuan. Salin fragmen semantik, terapkan gaya yang disetujui di sana, dan tinjau perilaku responsif tanpa menulis ulang kerangka untuk memenuhi satu tampilan terisolasi.
Yang tidak tercakup di sini — membagi elemen seperti <section> dan <article>, atau SEO di luar struktur
Artikel ini tidak mencakup bagian dan elemen artikel, ARIA peran judul, panduan SEO lengkap, atau setiap pembaca layar. Itu juga tidak mengklaim ToolAcre memvalidasi level yang dilewati, duplikat judul, atau kualitas teks judul. Toolbar menyediakan elemen; penulis menyediakan struktur yang koheren.
Keluaran yang disanitasi tidak secara otomatis aman untuk publikasi yang tidak tepercaya. Kotak pasir pratinjau membatasi eksekusi di dalam ToolAcre, sementara markup yang disalin meninggalkan perlindungan tersebut. Gunakan tes sanitasi dan aksesibilitas di sisi tujuan. Pohon pos yang benar adalah salah satu dimensi kualitas, bukan kontrol keamanan atau audit lengkap.
Kesimpulan: struktur pertama, gaya kedua - merangkum aturan dan caranya ToolAcre'S HTML WYSIWYG editor memungkinkan Anda mengonfirmasi apakah markup di belakang judul visual merupakan elemen judul
Struktur pertama, gaya kedua. Putuskan topik mana yang merupakan bagian dan subbagian, tetapkan level dari hubungan itu, lalu periksa elemen h aktual yang dikeluarkan ToolAcre. Judul harus tetap bermakna ketika font, warna, dan spasi hilang.
Terakhir, tempatkan fragmen di dalam templat aslinya dan tinjau hierarki gabungannya. Editor lokal tidak dapat mengetahui judul halaman luar atau shell navigasi. Nilainya adalah transparansi: format visual dan sumber terletak berdampingan, membuat judul palsu lebih mudah dideteksi sebelum dipublikasikan.