如何使用HTML5中的nav标签元素定义导航栏

如何使用HTML5中的nav标签元素定义导航栏

在HTML5中,新增了很多标签,如section、footer、header、nav等。其中,nav标签可以用来作为页面导航。那么,nav标签怎么使用呢?

在打开的HBuilderX工具中,新建页面文件navA.html

打开已新建的页面文件,修改对应的title标签内容

在标签中,插入一个nav标签,然后在内部插入无序列表

在nav标签下方,插入一个article标签,然后内部插入header元素

在article元素内,插入header元素、section元素和footer元素

保存代码并运行页面文件,打开浏览器,查看界面显示效果