html5 语义化标签 规范,要想成为前端大神，那些你不得不知晓的web前端命名规范。...

原标题：要想成为前端大神，那些你不得不知晓的web前端命名规范。

对于经验资深的前端er，在给web布局时，相信都会很注重标签和命名的规范。尤其是随着html5的普及发展，更是把web前端语义化推向一个新的台阶上。比如html5给我们新增的语义标签：header、nav、main、aside、footer、section、article等等。那么对于web语义化，有什么优势呢？

一个得到广泛推崇的东西，必然有它的优势所在。web语义化：

1、可以让人一目了然这块是什么鬼，那块是什么鬼，对于项目的维护或者优化都是非常有意义的。

2、随着html5语义化标签的出现，我推测以后web语义化对于seo优化，还是非常有利的。也就是说，seo优化，必然也要考虑web语义化。如：可以很好的代替传统的

那怎样愉快的玩耍web语义化呢？

1)标签语义化，如在合适的地方用合适的语义化标签，如头部可用、尾部可用；

2)命名语义化，包括html的id和class的命名，java相关命名；如#header{}、.footer{}、等。

下面是常见的命名参考规范：

一、主体

头部：header

内容：content/container

尾部：footer

导航：nav

侧栏：sidebar

栏目：column

整体布局：wrapper

左右中：left / right / center

登录条：loginbar

标志：logo

广告：banner

页面主体：main

热点：hot

新闻：news

下载：download

子导航：subnav

菜单：menu

子菜单：submenu

搜索：search

友情链接：friendlink

页脚：footer

版权：copyright

滚动：scroll

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：join

指南：guild

服务：service

注册：regsiter

状态：status

投票：vote

合作伙伴：partner

二、css注释的写法

如内容区，Html注释的写法 ：