nav元素

nav元素代表页面的导航区域,通常包含一组比较重要的导航链接,这些链接可以指向当前页面的其他部分,也可以指向其他页面或资源。如,使用 nav元素定义页面的主导航:

  1. <nav>
  2. <ul>
  3.     <li><a href="#">公司介绍</a></li>
  4.     <li><a href="#">产品中心</a></li>
  5.     <li><a href="#">工程案例</a></li>
  6.     <li><a href="#">新闻动态</a></li>
  7.     <li><a href="#">联系我们</a></li>
  8. </ul>
  9. </nav>

一个页面中可以存在多个nav元素,作为页面整体或者不同部分的导航。但是,并非页面上的所有链接组都要包含在 nav元素中,只有具有导航作用的链接才适用。如,页脚中的友情链接,虽然它们是一个链接组,把它们包含在 nav元素中却不合适。

版权声明:本文出自 歪脖网 的《HTML5宝典》,欢迎在线阅读,并提出宝贵意见。

HTML5 nav元素相关推荐

  1. 《HTML5开发手册》——1.5 初学者“菜谱”:使用nav元素创建导航

    本节书摘来自异步社区<HTML5开发手册>一书中的第1章,第1.5节,作者: [美]Chuck Hudson , [英]Tom Leadbetter 更多章节内容可以访问云栖社区" ...

  2. HTML5中Nav元素作用及应用场景知识点

    HTML5中Nav元素作用及应用场景知识点,Nav元素一般用来做导航栏,链接到本页面的某个位置或者是其他页面.元素标签 将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读 ...

  3. 下列不属于html5语义元素,HTML5 新的语义元素

    HTML5 提供了新的语义元素来明确一个Web页面的不同部分: HTML5中新的语义元素 HTML5 元素 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. 根据W ...

  4. HTML5废除元素,HTML5 与 HTML4 的区别(2) - 新增的元素和废除的元素

    新增的结构元素 在 HTML5 中,新增了以下与结构相关的元素: section元素 section 元素表示页面中的一个内容区块,比如章节.页眉.页脚或页面中的其他部分. 它可以与h1.h2.h3. ...

  5. HTML5 main元素

    main元素 main元素代表文档的主内容区,它应当与文档直接相关,或者是文档的中心主题的扩展,并且,应当是文档中独一无二的,不会在文档中其他任何地方(如,侧边栏.导航栏.版权信息.搜索框)重复出现的 ...

  6. html5用语义元素做旅游网站,HTML5语义元素

    语义元素 article,aside,nav,section,header,footer 上面这些语义元素不会给页面内容造成任何视觉上的改变,它们只是提供html文档的结构,供计算机和开发者读取和阅读 ...

  7. 那些是html5新增元素类型,HTML5 元素分类

    HTML5 元素分类 发布时间:2020-03-02 02:39:31 来源:51CTO 阅读:547 作者:双士之心 HTML5元素分类:结构性元素.级块性元素.行内语义性元素.交互性元素. 目的: ...

  8. HTML5结构元素总结

    HTML5结构元素: HTML 5中新增了section.article.nav.aside.header和footer等结构元素.运用这些结构元素,可以让网页的整体布局更加直观和明确.更富有语义化. ...

  9. 《 HTML5 》— HTML5页面元素及属性

    HTML5页面元素及属性 1.无序列表-ul元素的使用 <!doctype html> <html> <head> <meta charset="u ...

最新文章

  1. 查找算法常见的五大面试知识点与两类实战!
  2. 在controller中无法通过注解@Value获取到配置文件中定义的值解决办法
  3. Python使用中文注释和输出中文(原创)
  4. 腾讯云搭建WordPress个人博客小白版流程分享
  5. 使用阿里云docker加速器
  6. 汇编语言(二)之数值求和
  7. 关于Redis的几个问题
  8. win10 安装Pytorch GPU版+CUDA+cuDNN(篇幅较长保姆教程) (含CUDA11.1与cuDNN8.0.4安装包)
  9. Java中的泛型全解析(一)
  10. 企业生产环境数据库备份锁表问题
  11. 精读《如何在 nodejs 使用环境变量》
  12. android 排队系统设计,基于android银行排队叫号系统毕业设计论文+设计源码+答辩PPT...
  13. 阿里发布的Redis开发文档,涵盖了所有的redis操作
  14. 故事感悟:管道与挑水
  15. 互联网后端的主流编程语言是啥?不是Python?
  16. gyb优化事项(1)
  17. 用HTML5画布画一个小黄人,Android 用Canvas 画几何图形,画出小黄人
  18. 【孟子E章】祝大家新年愉快!
  19. 爬虫入门到放弃系列07:js混淆、eval加密、字体加密三大反爬技术
  20. 沐风微信营销水库模型二:建设专属秘密武器库!

热门文章

  1. Visual Prolog 的 Web 专家系统 (10)
  2. Scala构建工具SBT
  3. jsp 通过cookie 记住用户名
  4. Data Guard跳归档恢复的案例
  5. 浅析FastDFS及所遇问题集锦
  6. 2015-10-10高项作业
  7. Java 读写json格式的文件方法详解
  8. EasyUI层与拖拽系列控件
  9. 强大的漏洞扫描工具--nessus
  10. 算法高级(18)-Redis Cluster选举机制