Bagaimanakah Saya Boleh Menambah Nombor Halaman pada Halaman Web Bercetak Menggunakan CSS dan HTML?

Mencapai Penomboran Halaman dalam Halaman Web Bercetak Menggunakan CSS/HTML

Anda telah menemui keperluan yang menarik: menambah pengepala halaman, pengaki dan halaman nombor ke salinan laman web bercetak. Artikel ini meneroka penyelesaian untuk membantu anda dalam usaha ini.

Menggunakan CSS dan HTML untuk Penomboran Halaman

Dalam CSS, peraturan @page menyediakan kawalan yang meluas ke atas pemformatan halaman, termasuk nombor muka surat. Dengan mentakrifkan pembilang dalam peraturan @bawah-kanan, anda boleh memaparkan nombor halaman secara dinamik pada setiap halaman yang dicetak.

Berikut ialah coretan kod ringkas:

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

Kod ini akan meletakkan halaman nombor di sudut kanan bawah setiap halaman, diformatkan sebagai "Halaman X daripada Y."

Pelayar Sokongan

Peraturan @halaman CSS disokong oleh kebanyakan penyemak imbas moden. Jika anda perlu menyokong penyemak imbas lama, pertimbangkan untuk menggunakan teknik khusus penyemak imbas atau perpustakaan pihak ketiga.

Bacaan Lanjut

Untuk mendapatkan maklumat lanjut tentang penomboran halaman dalam CSS dan HTML , rujuk sumber berikut:

• [Halaman CSS3 Modul](http://www.w3.org/TR/css3-page/)
• [Menggunakan Harta 'halaman' dalam CSS](http://www.intelligrape.com/blog/2010 /08/20/add-page-number-using-page-property-of-css/)
• [Nombor Halaman dengan PrinceXML](http://www.princexml.com/doc/6.0/page-numbers/)

Melaksanakan penyelesaian ini akan membolehkan anda membuat salinan tapak web bercetak dengan pengepala halaman, pengaki dan nombor halaman, meningkatkan kebolehbacaan dan profesionalisme dokumen ini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menambah Nombor Halaman pada Halaman Web Bercetak Menggunakan CSS dan HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!