官术网_书友最值得收藏!

HTML5-specific tags

HTML5 introduced a number of new tags that can help you to add structure to your document, as they all have the names of common components of a document or site, such as header, footer, or article.

If you have been doing web development for a while, you will have used these names in all likelihood, but as a class to categorize <p> elements. So if you used <p class="header">, you can now use <header>. Or, to turn things around, if you already use <header>, your fallback plan to support non-HTML5-capable browsers could contain <p class="header">.

Here is a brief overview of what they are and how they can be used:

  • <header>: This is used to contain the headline for a page or section. It typically contains a company logo and navigational elements.
  • <footer>: Footers typically contain links to other related information, contact info, and copyright statements. Make sure you keep the latter up-to-date. People will not trust the information on a site that has a date of two years ago.
  • <nav>: This container can be used for the main navigation portion of your site.
  • <aside>: This tag is very useful to place the component of your side that often is placed on the left, next to everything else.
  • <article> and <section>: These two are useful to better organize your document. You can use them for blog posts or, as the names suggest, articles or sections.
主站蜘蛛池模板: 兴宁市| 龙岩市| 始兴县| 尚志市| 嵊州市| 绥滨县| 桦川县| 清镇市| 旺苍县| 景德镇市| 龙口市| 霍城县| 城口县| 长岛县| 福泉市| 将乐县| 通州区| 波密县| 杭锦后旗| 迭部县| 武宁县| 城固县| 宁陕县| 鞍山市| 丹棱县| 长阳| 芜湖市| 濮阳市| 天柱县| 额尔古纳市| 田东县| 沙田区| 本溪| 平陆县| 金坛市| 建平县| 翼城县| 大悟县| 原阳县| 正阳县| 吉林市|