Welcome to my awesome site<\/p>\n \n \n Home<\/a><\/li>\n About<\/a><\/li>\n Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/header>\n\n \n Main content goes here...<\/p>\n <\/main>\n<\/body>\n<\/html><\/pre> Key Points When Using <\/code><\/h3> One per page (usually)<\/strong> : While you can use multiple <\/code> elements (eg, one for the page and one for each article), the main page header should be at the top.<\/li> Contains headings<\/strong> : It often includes an <\/code> to <\/code> , but not always.<\/li> Can include navigation<\/strong> : It's common to place a <\/code> element inside the header.<\/li> Not just for design<\/strong> : It's a semantic container, so avoid using it just as a CSS hook — use <\/code> for purely visual layout.<\/li><\/ul> Style the Header with CSS (Optional)<\/h3> You can make the header look more appealing using CSS: <\/p> element in HTML\" \/> element in HTML\" \/>
Main content goes here...<\/p>\n <\/main>\n<\/body>\n<\/html><\/pre>
<\/code><\/h3> One per page (usually)<\/strong> : While you can use multiple <\/code> elements (eg, one for the page and one for each article), the main page header should be at the top.<\/li> Contains headings<\/strong> : It often includes an <\/code> to <\/code> , but not always.<\/li> Can include navigation<\/strong> : It's common to place a <\/code> element inside the header.<\/li> Not just for design<\/strong> : It's a semantic container, so avoid using it just as a CSS hook — use <\/code> for purely visual layout.<\/li><\/ul> Style the Header with CSS (Optional)<\/h3> You can make the header look more appealing using CSS: <\/p> element in HTML\" \/> element in HTML\" \/>
<\/code> elements (eg, one for the page and one for each article), the main page header should be at the top.<\/li> Contains headings<\/strong> : It often includes an <\/code> to <\/code> , but not always.<\/li> Can include navigation<\/strong> : It's common to place a <\/code> element inside the header.<\/li> Not just for design<\/strong> : It's a semantic container, so avoid using it just as a CSS hook — use <\/code> for purely visual layout.<\/li><\/ul> Style the Header with CSS (Optional)<\/h3> You can make the header look more appealing using CSS: <\/p> element in HTML\" \/> element in HTML\" \/>
<\/code> to <\/code> , but not always.<\/li> Can include navigation<\/strong> : It's common to place a <\/code> element inside the header.<\/li> Not just for design<\/strong> : It's a semantic container, so avoid using it just as a CSS hook — use <\/code> for purely visual layout.<\/li><\/ul> Style the Header with CSS (Optional)<\/h3> You can make the header look more appealing using CSS: <\/p> element in HTML\" \/> element in HTML\" \/>
<\/code> , but not always.<\/li> Can include navigation<\/strong> : It's common to place a <\/code> element inside the header.<\/li> Not just for design<\/strong> : It's a semantic container, so avoid using it just as a CSS hook — use <\/code> for purely visual layout.<\/li><\/ul> Style the Header with CSS (Optional)<\/h3> You can make the header look more appealing using CSS: <\/p> element in HTML\" \/> element in HTML\" \/>
<\/code> element inside the header.<\/li> Not just for design<\/strong> : It's a semantic container, so avoid using it just as a CSS hook — use <\/code> for purely visual layout.<\/li><\/ul> Style the Header with CSS (Optional)<\/h3> You can make the header look more appealing using CSS: <\/p> element in HTML\" \/> element in HTML\" \/>
<\/code> for purely visual layout.<\/li><\/ul> Style the Header with CSS (Optional)<\/h3> You can make the header look more appealing using CSS: <\/p> element in HTML\" \/> element in HTML\" \/>
You can make the header look more appealing using CSS: <\/p> element in HTML\" \/> element in HTML\" \/>