城市论坛

 找回密码
 立即注册
查看: 46|回复: 3

HTML5 <nav>标签 HTML Nav CSS布局教程1

[复制链接]
发表于 2018-6-4 15:57:46 | 显示全部楼层 |阅读模式




HTML5 <nav>标签 HTML Nav CSS布局教程
  Html 5新增标签nav教程篇与nav+css布局教程篇,HTML5 nav元素标签 HTML5新增nav标签。
  DIVCSS5对html 5 footer标签透彻介绍到html footer css布局案例演示让想学习html5的朋友真正认识html footer应用与布局技巧。
  首先nav也是在html5中新增的元素标签。同时和其它新增标签一样,nav在传统html5以前版本Html布局中作为导航条相关常用命名来使用。
  比如:
  <div class=”nav”>网站导航内容</div>
  或
  <div id=”nav”>网站导航内容</div>
  在html5中特地将以前常用命名nav作为一个新标签元素。此标签常用于导航处布局。
一、html nav标签语法与结构   -   TOP
  1、基本语法
  <nav>内容</nav>
  2、nav加id
  <nav id=”abc”>内容</nav>
  3、nav加class
  <nav class=”abc”>内容</nav>
  4、nav标签快速理解掌握
  Nav是与导航相关的,所以一般用于网站导航布局,同时完全就像使用div标签、span标签一样来使用<nav>标签可添加id或class,而与div标签又有不同处是,此标签一般只用于导航相关地方使用,所以在一个html网页布局中可能就使用在导航条处,或与导航条相关的地方布局使用。
  5、nav配合什么标签使用
  DIVCSS5在以前文章教程中介绍过一般导航条使用ul li标签布局,使用一般布局中nav标签与ul li标签配合使用。
  小案例如下:
  1)、传统html布局
  <div id=”nav”>
  <ul>
  <li>首页</li>
  <li>栏目名称</li>
  <li>联系我们</li>
  </ul>
  </div>





上一篇:织梦CMS如何让会员通过邮箱验证注册
下一篇:HTML5 &lt;nav&gt;标签 HTML Nav CSS布局教程2
回复 百度谷歌雅虎搜狗搜搜有道360奇虎 百度谷歌雅虎搜狗搜搜有道360奇虎

使用道具 举报

发表于 2018-6-4 15:58:55 | 显示全部楼层
http://www.lunwenluntan.cn/thread-15170-1-1.html       
回复 支持 反对

使用道具 举报

发表于 2018-9-7 11:58:11 | 显示全部楼层
http://www.lunwenluntan.cn/thread-15167-1-1.html       
回复 支持 反对

使用道具 举报

发表于 2018-9-10 21:31:53 | 显示全部楼层
http://www.lunwenluntan.cn/forum-39-1.html       
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|hao158 Inc.

GMT+8, 2018-9-21 14:09 , Processed in 0.300312 second(s), 19 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表