彭泽百度seo优化的简单先容（彭泽百姓网）

　　对于经历资深的前端er，在给web结构时，信任城市很注重标签和命名的规范。尤其是随着html5的普及成长，更是把web前端语义化推向一个新的台阶上。好比html5给我们新增的语义标签：header、nav、main、aside、footer、section、article等等。那么对于web语义化，有什么优势呢？看得为你解答！

　　一个获得普遍推崇的器材，必定有它的优势所在。web语义化：

　　1、可以让人尽收眼底这块是什么鬼，那块是什么鬼，对于项目的维护或许优化都黑白常居心义的。

　　2、随着html5语义化标签的呈现，我猜测以后web语义化对于seo优化，照旧很是有利的。也就是说，seo优化，必定也要考虑web语义化。如：header/header可以很好的取代传统的div id="header"/div。

　　那奈何愉快的玩耍web语义化呢？

　　1）标签语义化，如在合适的处所用合适的语义化标签，如头部可用header、尾部可用footer；

　　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诠释的写法 ：!--header头部--

　　三、id的命名规范

　　(1)页面结构

　　容器: container

　　页头：header

　　内容：content/container

　　页面主体：main

　　页尾：footer

　　导航：nav

　　侧栏：sidebar

　　栏目：column

　　页面外围节制集体结构宽度：wrapper

　　左右中：left right center

　　(2)导航

　　导航：nav

　　主导航：mainnav

　　子导航：subnav

　　顶导航：topnav

　　边导航：sidebar

　　左导航：leftsidebar

　　右导航：rightsidebar

　　菜单：menu

　　子菜单：submenu

　　题目: title

　　摘要: summary

　　(3)功能

　　标志：logo

　　广告：banner

　　登陆：login

　　登录条：loginbar

　　注册：regsiter

　　搜索：search

　　功能区：shop

　　题目：title

　　到场：joinus

　　状况：status

　　按钮：btn

　　滚动：scroll

　　标签页：tab

　　文章列表：list

　　提醒信息：msg

　　当前的: current

　　小本事：tips

　　图标: icon

　　诠释：note

　　指南：guild

　　办事：service

　　热点：hot

　　新闻：news

　　下载：download

　　投票：vote

　　相助搭档：partner

　　友爱链接：link

　　版权：copyright

　　四、class的命名

　　(1)颜色：操纵颜色的名称或许16进制代码，如：

　　.red { color: red; } .f60 { color: #f60; } .ff8600 { color: #ff8600; }

　　(2)字体大小，直接操纵“font+字体大小”作为名称，如：

　　.font12px { font-size: 12px; } .font9pt {font-size: 9pt; }

　　(3)对齐样式，操纵对齐目的的英文名称，如：

　　?

　　.left { float:left; } .bottom { float:bottom; }

　　(4)题目栏样式，操纵“类别+功能”的方式命名，如：

　　.barnews { } .barproduct { }

　　寄望事项：

　　1.平等小写；

　　2.尽管用英文；

　　3.尽管不加中杠和下划线；

　　4.尽管不缩写，除非一看就大白的单词，如：wrapper可以写成wrap。

　　5.css文件命名规范：

　　紧张的 master.css；

　　模块 module.css；

　　底子共用 base.css；

　　结构，版面layout.css；

　　主题 themes.css；

　　专栏 columns.css；

　　文字 font.css；

　　表单 forms.css；

　　补丁 mend.css；

　　打印print.css

　　?? 达内web前端免费课程

　　针对零根本配置的HTML5+CSS3+Java入门课程，只要你喜爱且想了解web前端，可是不知道自己学的会不？适不恰当自己学？都可以通过这样无资本的方式，对自己进行一次周全的检测，点击“阅读原文”直接抢达内2017年1月份免费课程~，给自己一个接触互联网高薪技术的机缘。

　　达内上市集体

　　每年10万人选择达内培训

　　选择的人多自然是好培训

　　长按二维码关注我们

　　点击下方“阅读原文”抢web前端免费课程名额 ！