利用html5开发令人惊奇的web站点和革命性应用pdf,1.3.3 <nav>

在图1-3所示的例子中,下一部分是导航栏。这个导航栏是通过HTML5的标签生成的。

如代码清单1-11所示,元素位于标签之间,但是位于文档头的结束标签()之后,而不在标签之间。这是因为不属于文档头,而是一个新节。

代码清单1-11:使用元素

This text is the title of the document

This is the main title of the website

  • home
  • photos
  • videos
  • contact

我们介绍过,HTML5文档的结构与顺序选择由我们自己把握。这意味着,HTML5功能非常丰富,虽然只可以使用它提供的参数和基本元素,但是我们可以自己决定如何使用这些元素。其中一个例子就是标签,它可以插入元素之中,也可以插入正文的其他节之中。然而,一定要注意,这些新标签主要是为了向浏览器提供更多的信息,帮助新的程序与设备识别文档中最相关的部分。为了保持代码的可移植性和可读性,推荐的最佳实践方法是:采用标准,并且尽可能保持简洁。元素可以包含一些导航元素,如主菜单或主导航块,而且这也是正确的用法。

基础知识回顾:在代码清单1-11的例子中,列出了网站的菜单选项。在标签之间,通过使用两个元素来创建列表。

  • 元素的作用是定义一个列表。
    • 标签之间可以嵌套多个
    • 标签,并且加入不同文字表示菜单选项。我们可以看到,
    • 标签可用于定义列表项。本书的主要目的不是讲解HTML基础概念。如果想要了解更多关于HTML常规元素的信息,请访问我们的网站,进入本章的链接。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值