When discussing web standards, something that always comes up is the importance of separating structure and presentation.
Understanding the difference between structure and presentation can be difficult at first, especially if you're not used to thinking about the semantic structure of a document.
However, it is important to understand this, because when structure and presentation are separated, it is very easy to use CSS documents to control presentation.
Structure is composed of the main part of the document, plus semantic and structured markup.
Presentation is the style you give content. In most cases, presentation is what a document looks like, but it can also affect how a document "sounds"—after all, not everyone uses a graphical browser.
Separate structure and performance as much as possible.
Theoretically, you should use an HTML document to save the content and structure, and a CSS document to control the performance of the entire document.
Websites where presentation and structure are not separated are still very common today.
So we just started to learn to develop good habits and put them in separate files. XHTML files can link and share external CSS and JavaScript documents