How to Convert HTML to PDF Without Browser Headers and Footers
The most common complaint about HTML-to-PDF conversion is the unwanted browser headers and footers — the URL, page title, date, and page number that browsers add when you print or save as PDF using the browser's print dialog. WikiPlus HTML to PDF at wikiplus.co uses the programmatic PDF generation API, not the print dialog, so no browser-added headers or footers appear in the output. The converted PDF contains exactly what your HTML contains — nothing added, nothing removed.
Why Browser Headers and Footers Appear in Print-to-PDF Output
When you use a browser's built-in print-to-PDF (Ctrl+P in Chrome, then Save as PDF), the browser's print UI is invoked. This UI adds decorative headers and footers by default: the page URL or title at the top, the date and page number at the bottom. These are controlled by the browser's print settings, not by your HTML or CSS. Disabling them requires the user to uncheck options in the print dialog — a non-obvious step that most users miss. In Chrome, you must expand More Settings and uncheck Headers and footers. In Firefox, you must go to Page Setup and clear the header/footer fields. WikiPlus HTML to PDF uses the window.print() API with custom parameters that suppress these UI elements entirely — the output is always clean.
CSS Techniques to Suppress Unwanted Print Elements
For users who prefer to use the browser's print dialog rather than WikiPlus, CSS provides a reliable way to remove unwanted print elements. The CSS @page rule's margin properties control the space where browsers insert headers and footers: @page { margin-top: 0; margin-bottom: 0; } combined with margin: 0 on the body element removes the header and footer zones entirely on some browsers. However, this is not universally supported — Chrome still inserts headers/footers even with zero margins in some versions. The only guaranteed method to produce header/footer-free output is to use a programmatic conversion API like WikiPlus rather than the print dialog.
Producing Professional Clean PDFs from HTML Templates
For invoice templates, certificates, and branded documents, header/footer-free PDF output is non-negotiable. A PDF with 'chrome-extension://...' printed at the top or a date/page-number footer destroys the professional appearance. WikiPlus HTML to PDF produces clean output by design — the programmatic conversion route never invokes the print dialog. To produce a professional PDF: design your HTML with a CSS @page rule defining exact A4 or Letter dimensions, use a @media print block to hide any interactive elements (buttons, input fields), include your company branding directly in the HTML, and upload to WikiPlus. The result is a clean, properly sized PDF with your design exactly as intended.
Controlling Page Margins and Page Size in the Output PDF
Without the print dialog's margin controls, how do you set margins in WikiPlus HTML to PDF output? Through CSS. The @page rule controls this: @page { size: A4; margin: 15mm 20mm; } sets A4 page size with 15mm top/bottom margins and 20mm left/right margins. You can specify different margins for first pages: @page :first { margin-top: 30mm; }. For no-bleed designs, 15mm margins on all sides are a professional default. For brochure-style designs that extend color to the page edge, set zero margins and handle visual padding through CSS padding on content containers. WikiPlus fully respects @page CSS rules, giving you complete control over the output dimensions without touching any dialog settings.
Frequently Asked Questions
- Does WikiPlus HTML to PDF add any watermarks or branding to the output?
- No. WikiPlus HTML to PDF does not add any watermarks, branding, footers, or any other content to the output PDF. The converted PDF contains exactly the content of your HTML file — nothing more. This is guaranteed by the client-side processing architecture: the PDF is generated entirely from your HTML using the browser engine, with no server-side processing step that could insert additional content.
- How do I add my own header and footer to every page of the PDF?
- To add a repeating header and footer to every page of your HTML-to-PDF output, use CSS @page margin boxes. Define @page { @top-center { content: 'Your Header Text'; } @bottom-right { content: counter(page); } }. These CSS margin boxes populate the page margins with specified content. Alternatively, use CSS position: fixed with top: 0 for headers and bottom: 0 for footers — fixed positioned elements repeat on every page in most print rendering engines.
- Can I convert a multi-page HTML document with different layouts per page?
- Yes. Use named pages in CSS: @page cover { margin: 0; } and .cover-page { page: cover; } to assign different @page rules to different HTML elements. First pages can have full-bleed design, interior pages can have standard margins, and back pages can have different footers. This CSS Paged Media feature is well-supported in modern browsers' print rendering pipeline, which WikiPlus uses for conversion.