Html5/网页简洁导航栏制作？
1、我们以下图所示的导航栏为标准来制作一个导航栏。
2、首先大家看看这个的原理
<nav>
<div>
<a href="index.html"><li>首页</li></a>
<a href="#"><li>杂志</li>
</a><a href="#"><li>签到</li></a>
<a href="#"><li>商场</li></a>
</div>
<nav按照这个格式你就可以制作出你想要的导航栏了。
什么是html5网站？
HTML5（WEB前端）的技术组成
HTML5（WEB前端）技术由HTML（结构）、CSS（样式）、JavaScript（行为）组成。
如何理解结构、样式与行为
简单来说，HTML5（WEB前端）是“将设计图转换为用户查看的网页”所需要的技术。
结构实现的是网页中的标题、列表、图片等标签。
样式处理的是标题文字的字体大小、颜色，图片尺寸，某个标签的背景等。
行为可以实现网页中的时间，电商网站当中的倒计时效果，在注册表单时用户名是否重复的检测，网站当中顶部图片的切换特效等等。
简单的理解结构样式和行为：将网页看做一个装修好的功能完备的房子，那么结构实现的是房间以及家具的位置布局，样式则是针对房间进行装饰，行为是为房间添加“开门”等功能。
HTML5的网页是否是以DIV + CSS为基础开发的？
我们现在通过浏览器打开所看到的页面 基本组成元素我们称之为HTML，也就是网站的结构层，而div只是HTML的一个比较重要的元素而已 我们把一个站点比喻成一个人体吧 那HTML就好比人体的骨架
而CSS呢 就相当于人类的皮肤等 起到一个渲染装饰的作用 负责修饰人的外观 比如控制你这个人是高鼻子还是塌鼻子 双眼皮还是单眼皮
最后还有一个建设网站非常重要的语言是javascript 它是让网站”动起来“必要的组成部分 它的作用是相当于控制人类微笑、拥抱、接吻
虽然大家都是用的都是HTML+CSS+javascript来实现网站的前端部分 但是我们可以用语义化标签来实现更好的SEO 可以用弹性布局、响应式布局来实现不同屏幕分辨率给用户展示更加友好的体验效果 可以用requirejs、seajs来自动处理javascript模块的加载依赖 可以用less、sass来提高css的写作效率 可以用gulp+nodejs实现项目的构建、测试、打包部署等工作
HTML+CSS+javascript 有的人只是用它们来做了一个只有几个页面的普通企业站 装饰门面 有的人拿它们来做了一个叫做阿里巴巴的平台 小伙伴们双十一双十二在上面刷得不亦乐乎
所以只要你认真钻研，一定可以在此基础上做到你想要的。