Alat pengembang · HTML WYSIWYG editor
Dari <font> Tag hingga CSS: Bagaimana Pemformatan Web Dipindahkan dari Markup
· Latar belakang
html css pembersihan teks
Menceritakan bagaimana presentasi HTML seperti atribut font, center, dan align digantikan oleh CSS, dan mengapa sejarah tersebut menjelaskan perdebatan gaya inline di editor saat ini.
Presentasi HTML di halaman lama — tidak ada klaim tanggal yang bersumber di sini
Fragmen halaman lama sering kali mengekspresikan tampilan secara langsung melalui elemen seperti font dan tengah atau atribut seperti bgcolor dan align. Buku kerja ini melampirkan kronologi pertengahan tahun 1990an, namun tidak ada sumber repositori yang memverifikasi tanggal tersebut. Implementasinya hanya dapat menunjukkan bagaimana editor ini memperlakukan markup tersebut saat ini.
ToolAcre tidak mengizinkan font atau pusat, dan tidak mempertahankan atribut presentasi. Pembungkus biasa yang tidak didukung akan dibuka bungkusnya, sehingga kata-kata yang terlihat mungkin tetap ada saat instruksi pemformatan hilang. Outputnya adalah draf yang sudah dibersihkan, bukan restorasi setia halaman lama.
font, center dan bgcolor: presentasi dalam tag — menjelaskan elemen dan atribut yang ditambahkan browser untuk tampilan
Ketika presentasi berada dalam tag dan atribut, konten dan desain menjadi sulit untuk diubah secara independen. Pilihan warna yang diulang di seluruh artikel harus diedit di setiap fragmen, dan judul yang berada di tengah tidak memiliki makna struktural yang melekat. Menyalin konstruksi tersebut juga mengimpor asumsi dari tata letak yang sudah usang.
Peran nama markup semantik seperti judul, paragraf, daftar, dan kutipan. Stylesheet tujuan dapat menyajikan semua kejadian secara konsisten. ToolAcre mendukung kosakata yang lebih kecil tersebut dan menghilangkan kelas serta gaya juga, sehingga sistem penerima bertanggung jawab atas lapisan presentasinya sendiri.
CSS memisahkan struktur dari presentasi; tanggal standar berada di luar bukti penyimpanan
CSS menyediakan penyeleksi dan deklarasi yang terpisah dari pohon konten. Pembagian arsitektural tersebut memungkinkan satu perubahan desain memengaruhi banyak dokumen tanpa harus menulis ulang setiap bagiannya. Artikel ini tidak menyebutkan tanggal rekomendasi pertama atau urutan standar karena klaim historis tersebut memerlukan spesifikasi eksternal.
Aturan praktisnya tetap dapat diuji: fragmen yang disalin dari ToolAcre tidak berisi atribut gaya atau nama kelas. Dokumen lengkap yang diunduh mencakup lembar gaya pembungkus milik ToolAcre, tetapi CSS tersebut tidak dimasukkan ke dalam fragmen bersih yang dikembalikan oleh Salin HTML.
Elemen presentasi berada di luar daftar yang diizinkan, tanpa klaim kronologi standar yang berlaku
Buku kerja ini menjelaskan penghentian dan penghapusan dari standar hidup. Modul ini tidak memiliki arsip standar, sehingga artikel berhenti pada kebijakan saat ini: elemen presentasi tidak didukung dan dapat dibuka atau dihapus sesuai dengan kategori risikonya. Ini tidak membuat klaim kronologi normatif.
Laporan penghapusan adalah bukti yang berguna. Tempelkan tag font di sekitar teks dan amati bahwa pembungkusnya ditolak sementara kata-katanya tetap ada. Tempelkan wadah gaya berbahaya dan isi wadah tersebut akan dihapus seluruhnya, karena konten gaya mentah dapat membuat permukaan permintaan dan penguraian di luar cakupan editor ini.
Gaya sebaris ada di tempat lain tetapi editor ini menghapusnya
Gaya sebaris adalah mekanisme sintaksis modern, tetapi ToolAcre menolaknya sepenuhnya. Oleh karena itu editor ini tidak dapat menunjukkan atribut gaya “kompromi” yang masih ada atau merekomendasikan salah satu mode keluarannya sendiri. Satu-satunya gaya mandiri yang muncul dalam dokumen pratinjau yang dihasilkan di sekitar isi yang difilter HTML.
Konteks lain, terutama produksi email, mungkin memerlukan deklarasi sebaris. Persyaratan tersebut memerlukan saluran terpisah dengan pengujian klien dan kebijakan CSS. Menambahkan gaya sembarangan di sini akan bertentangan dengan daftar yang diizinkan saat ini dan memperluas tanggung jawab pembersih tanpa bukti atau tes.
Contoh praktis: memodernisasi cuplikan tahun 1990-an — menulis ulang markup font-tag sebagai semantik HTML ditambah sebuah kelas dan membandingkan keduanya
Modernkan `<center><font color="red"><b>Maintenance</b></font></center><p align="left">Tonight</p>` dengan memilih judul dan paragraf yang sebenarnya. ToolAcre membuka bungkus presentasi yang tidak didukung, memetakan b ke kuat, menghapus penyelarasan dan mempertahankan p, namun tidak dapat menyimpulkan bahwa Pemeliharaan harus menjadi h2.
Tulis ulang artinya secara eksplisit sebagai `<h2>Maintenance</h2><p>Tonight</p>`, lalu tambahkan kelas tujuan atau aturan stylesheet yang disetujui di luar editor. Jika kepentingan dimaksudkan dalam sebuah kalimat, kuat mungkin cocok; jika huruf tebal hanyalah bobot font, jangan gunakan semantik yang menyesatkan.
Hal yang tidak tercakup dalam hal ini — CSS perdebatan metodologi atau gaya spesifik kerangka kerja
Artikel ini tidak membandingkan CSS metodologi, kerangka kerja, kelas utilitas, atau token desain. Itu tidak mengklaim tanggal historis untuk font, CSS atau transisi standar. Ia juga tidak menawarkan konverter otomatis yang dapat menyimpulkan peran semantik dari markup warisan visual.
Penyaringan bukanlah pencegahan XSS yang universal. Tokenizer tulisan tangan ToolAcre dibatasi dan pratinjaunya di-sandbox secara terpisah. Server yang menerima HTML lama atau buatan pengguna memerlukan pembersih berbasis parser yang dikelola, pengujian migrasi, dan daftar yang diizinkan khusus tujuan.
Kesimpulan: ketahui alasan aturan tersebut ada — rangkum riwayat dan cara memeriksa keluaran ToolAcre'S HTML WYSIWYG editor membantu menjaga presentasi keluar dari markup Anda
Ketahui mengapa struktur dan presentasi dipisahkan: makna harus tetap didesain ulang, sementara tampilan harus diatur secara konsisten. ToolAcre menerapkan batasan tersebut secara agresif dengan menghapus presentasi lama dan gaya inline modern atau berbasis kelas dari fragmen yang disalin.
Gunakan tampilan sumber untuk mengidentifikasi apa yang hilang, lalu pulihkan semantik secara manual dan gaya di tujuan. Proses ini mungkin tidak mempertahankan tampilan lama, namun menghasilkan konten yang lebih mudah ditinjau, dimigrasikan, dan diadaptasi tanpa membawa keputusan usang ke dalam setiap tema masa depan.