码迷,mamicode.com
首页 > Web开发 > 详细

html5

时间:2015-07-20 01:06:11      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

这是之前学习的知识 顺便巩固一下

觉得HTML5也蛮好用的  但是实际用的功能还不多

HTML5中的新元素标签<nav>用来将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读器等设备的支持也更好。

一直以来,我们习惯于使用形如<div id="nav">或<ul id="nav">这样的代码来写页面的导航;在HTML5中,我们可以直接将导航链接列表放到<nav>标

<nav>

<ul>

<li><a href="index.html">Home</a></li>

<li><a href="/about/">About</a></li>

<li><a href="/blog/">Blog</a></li>

</ul>

</nav>

一个页面中可以拥有多个<nav>元素,作为页面整体或不同部分的导航

 

menu <menu> 标签定义菜单列表。当希望列出表单控件时使用该标签。 <menu> <li><input type="checkbox" />Red</li> <li><input type="checkbox" />blue</li> </menu>

type 

1)context:上下文; 2)toolbar:工具栏; 3)list:列表

定义显示那种类型的菜单。默认值是 "list"

 

 

<section>标签,定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。一般用于成节的内容,会在文档流中开始一个新的节。它用来表现普通的文档内容或应用区块,通常由内容及其标题组成。但section元素标签并非一个普通的容器元素,它表示一段专题性的内容,一般会带有标题。
 section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素;当一个内容需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素。section元素中的内容可以单独存储到数据库中或输出到word文档中。

 

<section>
  <h1>这是我自己的section测试</h1>
  <p>The People‘s Republic of China was born in 1949...</p>
</section>
注意他和div
section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。
通常不推荐为那些没有标题的内容使用section元素

 

html5

标签:

原文地址:http://www.cnblogs.com/Anson-xuan/p/4660077.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!