学习HTML5

Posted 2021-04-04 段七佳

一、列表元素

1、无序列表

每对<ul></ul>中至少包含一对<li></li>【例如：导航栏】

<ul>  <li>列表项1</li>  <li>列表项2</li>  ....</ul>

2、有序列表

每对<ol></ol>中至少包含一对<li></li>【有顺序的列表】

<ol>  <li>列表项1</li>  <li>列表项2</li>  ....</ol>

3、定义列表

常用于图文混排，其中<dt></dt>标记中插入图片，<dd></dd>标记中放入对图片解释说明的文字

<dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> .... <dt>名词2</dt> <dd>名词2解释1</dd> <dd>名词2解释2</dd> ....</dl>

---
















二、结构元素在html5中所有的元素都是有结构性的，且这些元素的作用与块元素非常相似

1、header元素具有引导和导航作用的结构元素，可以包含所有通常放在页面头部的内容


<header>    <h1>页面主题</h1>    ....</header>

2、nav元素

用于定义导航链接，是HTML5新增的元素，该元素可以将具有导航性值的链接归纳在一个区域中，是页面元素的语义更加明确

<nav> <ul>     <li><a href="#">首页</li>     <li><a href="#">公司概括</li>     <li><a href="#">产品展示</li>     <li><a href="#">联系我们</li> </ul></nav>

3、article元素

代表文档、页面或应用程序中与上下文不相关的独立部分，该元素经常被用于定义一篇日志、一条新闻或用户评论

4、aside元素

用于定义当前页面或文章的附属消息部分，它可以包含当前页面或主要内容相关的引用、侧边栏、广告、导航条等其他类似的有别于主要内容的部分

1、被包含在article元素内作为主要内容的附属信息

2、在article元素之外使用，作为页面或站点全局的附属信息部分

5、section元素

用于对网站或应用程序中页面上的内容进行分块【通常由内容和标题组成】

6、footer元素

用于定义一个页面或者区域的底部，她可以包含所有通常放在页面底部的内容

<article>      文章内容      <footer>          文章页面列表      </footer></article><footer>      页面底部</footer>