Alat pembangun · HTML WYSIWYG editor
Daripada <font> Teg kepada CSS: Cara Pemformatan Web Dialihkan Daripada Penanda
· Latar belakang
html css pembersihan teks
Menceritakan bagaimana HTML pembentangan seperti fon, tengah dan atribut penjajaran memberi laluan kepada CSS dan sebab sejarah itu menerangkan perbahasan gaya sebaris hari ini dalam editor.
Persembahan HTML dalam halaman lama — tiada tuntutan tarikh diperoleh di sini
Serpihan halaman yang lebih lama sering menyatakan penampilan secara langsung melalui elemen seperti fon dan tengah atau atribut seperti bgcolor dan align. Buku kerja melampirkan kronologi pertengahan 1990-an, tetapi tiada sumber repositori yang mengesahkan tarikh tersebut. Pelaksanaan sahaja boleh menunjukkan cara editor ini mengendalikan penanda sedemikian hari ini.
ToolAcre tidak membenarkan fon atau tengah, dan ia tidak mengekalkan atribut persembahan. Pembalut biasa yang tidak disokong tidak dibalut, jadi perkataan yang boleh dilihat boleh bertahan semasa arahan pemformatan hilang. Output itu ialah draf yang telah dibersihkan, bukan pemulihan setia halaman warisan.
fon, tengah dan bgcolor: pembentangan dalam teg — menerangkan elemen dan atribut pelayar yang ditambahkan untuk penampilan
Apabila pembentangan hidup dalam teg dan atribut, kandungan dan reka bentuk menjadi sukar untuk diubah secara bebas. Pilihan warna yang diulang merentas artikel mesti diedit dalam setiap serpihan, dan tajuk berpusat tidak mempunyai makna struktur yang wujud. Menyalin binaan tersebut juga mengimport andaian daripada susun atur yang usang.
Penanda semantik menamakan peranan seperti tajuk, perenggan, senarai dan petikan. Lembaran gaya destinasi boleh membentangkan semua kejadian secara konsisten. ToolAcre menyokong perbendaharaan kata yang lebih kecil itu dan mengalih keluar kelas serta gaya juga, meninggalkan sistem penerima bertanggungjawab untuk lapisan pembentangan sendiri.
CSS memisahkan struktur daripada pembentangan; tarikh piawaian adalah bukti repositori di luar
CSS menyediakan pemilih dan pengisytiharan yang berasingan daripada pepohon kandungan. Bahagian seni bina itu membenarkan satu perubahan reka bentuk menjejaskan banyak dokumen tanpa menulis semula setiap badan. Artikel ini tidak mencipta tarikh pengesyoran pertama atau jujukan piawai kerana tuntutan sejarah sedemikian memerlukan spesifikasi luaran.
Peraturan praktikal kekal boleh diuji: serpihan yang disalin daripada ToolAcre tidak mengandungi atribut gaya atau nama kelas. Dokumen penuh yang dimuat turun termasuk helaian gaya pembalut ToolAcre sendiri, tetapi CSS itu tidak dimasukkan ke dalam serpihan yang telah dibersihkan yang dikembalikan oleh Salin HTML.
Elemen pembentangan berada di luar senarai dibenarkan ini, tanpa tuntutan kronologi standard hidup
Buku kerja menerangkan penamatan dan penyingkiran daripada taraf hidup. Modul ini tidak mempunyai arkib standard, jadi artikel berhenti pada dasar semasa: elemen pembentangan tidak disokong dan sama ada dibuka atau dialih keluar mengikut kategori risikonya. Ia tidak membuat tuntutan kronologi normatif.
Laporan penyingkiran adalah bukti yang berguna. Tampalkan teg fon di sekeliling teks dan perhatikan bahawa pembalut ditolak sementara perkataan kekal. Tampalkan bekas gaya berbahaya dan badannya dialih keluar keseluruhannya, kerana kandungan gaya mentah boleh membuat permintaan dan menghurai permukaan di luar skop editor ini.
Gaya sebaris wujud di tempat lain tetapi editor ini mengalih keluarnya
Gaya sebaris ialah mekanisme sintaks moden, tetapi ToolAcre menolaknya sepenuhnya. Oleh itu editor ini tidak boleh menunjukkan atribut gaya "kompromi" yang masih ada atau mengesyorkan salah satu mod keluarannya sendiri. Satu-satunya penggayaan serba lengkap muncul dalam dokumen pratonton yang dijana di sekeliling badan yang ditapis HTML.
Konteks lain, terutamanya pengeluaran e-mel, mungkin memerlukan pengisytiharan sebaris. Keperluan itu memerlukan saluran paip yang berasingan dengan ujian pelanggan dan dasar CSS. Menambah gaya sewenang-wenangnya di sini akan bercanggah dengan senarai yang dibenarkan semasa dan mengembangkan tanggungjawab pembersih tanpa bukti atau ujian.
Contoh yang berkesan: memodenkan coretan tahun 1990-an — menulis semula penanda teg fon sebagai semantik HTML serta kelas dan membandingkan kedua-duanya
Permodenkan `<center><font color="red"><b>Maintenance</b></font></center><p align="left">Tonight</p>` dengan memilih tajuk dan perenggan sebenar. ToolAcre membuka balutan pembentangan yang tidak disokong, memetakan b kepada kukuh, mengalih keluar penjajaran dan mengekalkan p, tetapi ia tidak boleh membuat kesimpulan bahawa Penyelenggaraan hendaklah h2.
Tulis semula makna secara eksplisit sebagai `<h2>Maintenance</h2><p>Tonight</p>`, kemudian tambahkan kelas destinasi atau peraturan lembaran gaya yang diluluskan di luar editor. Jika kepentingan dimaksudkan dalam ayat, kuat mungkin sesuai; jika huruf tebal hanyalah berat fon, jangan kekalkan semantik yang mengelirukan.
Perkara ini tidak meliputi — CSS perbahasan metodologi atau penggayaan khusus rangka kerja
Artikel ini tidak membandingkan CSS metodologi, rangka kerja, kelas utiliti atau token reka bentuk. Ia tidak menuntut tarikh sejarah untuk fon, CSS atau peralihan standard. Ia juga tidak menawarkan penukar automatik yang boleh membuat kesimpulan peranan semantik daripada penanda warisan visual.
Penapisan bukan pencegahan XSS universal. Tokenizer tulisan tangan ToolAcre dikekang dan pratontonnya dikotak pasir secara berasingan. Pelayan yang menerima warisan atau HTML yang dijana pengguna memerlukan pembersih berasaskan parser yang diselenggara, ujian migrasi dan senarai dibenarkan khusus destinasi.
Bawa pulang: ketahui sebab peraturan itu wujud — meringkaskan sejarah dan cara memeriksa output dalam editor ToolAcre HTML WYSIWYG membantu mengekalkan persembahan daripada markup anda
Ketahui sebab struktur dan pembentangan dipisahkan: makna harus bertahan dengan reka bentuk semula, manakala penampilan harus ditadbir secara konsisten. ToolAcre menguatkuasakan sempadan itu secara agresif dengan mengalih keluar kedua-dua pembentangan warisan dan gaya sebaris atau berasaskan kelas moden daripada serpihan yang disalin.
Gunakan paparan sumber untuk mengenal pasti perkara yang hilang, kemudian pulihkan semantik secara manual dan gaya di destinasi. Proses ini mungkin tidak mengekalkan rupa lama, tetapi ia menghasilkan kandungan yang lebih mudah untuk disemak, dipindahkan dan disesuaikan tanpa membawa keputusan lapuk ke dalam setiap tema masa hadapan.