文档元素HTML5.docx

文档元素学****要点: 熟悉文档元素掌握文档元素的相关用法本章主要探讨 HTML5 中文档元素,文档元素的主要作用是划分各个不同的内容, 让整个布局清晰明快。让整个布局元素具有语义,进一步替代 div 。,主要目的是在页面布局时区分各个主题和概念。元素名称说明 h1~h6 表示标题 header 表示首部 footer 表示尾部 nav 表示有意集中在一起的导航元素 section 表示重要概念或主题 article 表示一段独立的内容 address 表示文档或 article 的联系信息 aside 表示与周边内容少有牵涉的内容 hgroup 将一组标题组织在一起 details 生成一个区域,用户将其展开可以获得更多细节 summary 用在 details 元素中,,是没有任何效果的,完全是为了配合语义使用,以强调它的结构性。只有在后面的章节学****CSS ,配合使用才能起到布局和样式的效果。 1.<header> 表示首部<header> 这里部分一般是页面头部,包括: LOGO 、标题、导航等内容</header> 解释: <header> 元素主要设置页面的标头部分。 2.<footer> 表示尾部<footer> 这里是页面的尾部,一般包括:版权声明、友情链接等内容</footer> 解释: <footer> 元素主要设置页面的尾部。 3.<h1>~<h6> 添加标题<h1> 标题部分</h1> <h4> 小标题部分</h4> 解释: <h1>~<h6> 实际作用就是加粗并改变字体大小。用于各种标题文档。 4.<hgroup> 组合标题<hgroup> <h1> 标题部分</h1> <h4> 小标题部分</h4> </hgroup> 解释: <hgroup> 元素的作用就是当多个标题出现, 干扰到一对或多个本身需要整合的标题,这是使用此元素包含群组。 5.<section> 文档主题<section> 这里一般是存放文档主题内容。</section> 解释: <section> 元素的作用是定义一个文档的主题内容。 6.<nav> 添加导航<nav> 这里存放文档的导航</nav> 解释: <nav> 元素。 7.<article> 添加一个独立成篇的文档<article> <header> <nav></nav> </header> <section></section> <footer></footer> </a