Multiple in same file

by

An HTML document can only have one html tag and one body tag. If you just put several HTML document together, it will be an invalid document, and the browsers may have problems displaying it.

You could remove the duplicate tags, but it might not be that simple. The document can also have only one head tag, so you would have to combine the contents from the head tags from the separate pages. If the pages contains style sheets that conflict, it will be harder, then you have to rewrite the style sheets and it’s usage in the pages so that they no longer conflict. The same goes for Javascript; if you have scripts with conflicting names, you have to rewrite them so that they no longer conflict.

There may be content in the pages that conflict also. An id may only be defined once in a page, so if the pages uses the same identifiers, you have to change them, and their usage in style sheets and scripts.

If you make sure that there are not such conflicts, you should be able to combine the pages.

If you have documents where you only have control over the body content, you can circumvent this by adding starting and ending tags for comments, so that the ending of one file and start of the next file are ignored. That way you can keep the start of the first file, the content from each file, and the ending of the last file:

<html>
  <body>
  content...
  <!--
  </body>
</html>

<html>
  <body>
  -->
  content...
  <!--
  </body>
</html>

<html>
  <body>
  -->
  content...
  </body>
</html>

(Note that this will only use the head section from the first page, the others will be ignored.)

More Related Contents:

  1. Can't get footer image to display in IE8?
  2. Disabling Chrome Autofill
  3. Chrome ignores autocomplete=”off”
  4. Mobile Redirect using htaccess
  5. What is the difference between HTML div and span elements?
  6. How to force child div to be 100% of parent div’s height without specifying parent’s height?
  7. SVG drop shadow using css3
  8. Switching the order of block elements with CSS [duplicate]
  9. Imitating a blink tag with CSS3 animations
  10. How can I force a long string without any blank to be wrapped?
  11. How to embed a SWF file in an HTML page?
  12. :nth-child(even/odd) selector with class [duplicate]
  13. How to CSS: select element based on inner HTML [duplicate]
  14. left-right movement.. css only very generic
  15. How can I style individual parts of an input placeholder? [duplicate]
  16. How can I make the HTML5 number field display trailing zeroes?
  17. Equalize the height of left and right div, prevent right div from going below left div
  18. Auto Resize Image in CSS FlexBox Layout and keeping Aspect Ratio?
  19. What is the correct use of schema.org SiteNavigationElement?
  20. How can I create a wavy shape CSS?
  21. How to embed a Google Drive folder in a website
  22. How can I preload a page using HTML5?
  23. Display text, a dotted line then more text spanning the width of the page
  24. CSS Zigzag Border with a Textured Background
  25. How can I control the width of a label tag?
  26. Filter Extensions in HTML form upload [duplicate]
  27. How do I add HTML code to JSF FacesMessage
  28. “break-inside: avoid-column” doesn’t work in Firefox
  29. How to center and crop an image to always appear in square shape with CSS?
  30. Autoplay audio on mobile safari

Leave a Comment