Web语义化
什么是语义化？简单来说就算是让机器读懂内容；就是使用语义合适的标签，让页面有良好的结构，能够让人和搜索引擎都容易理解的。
HTML 语义化
在web语义化中，Html也有语义化(内容语义化，代码语义化,其实也就说开发html文档得遵守规范。常见的几个标签有标题(H1~H6）、列表(li)、表格(table)、强调(strong,em),HTML5中新增的header,nav,aside,setion,,article,footer等
CSS语义化
css的语义化，主要集中在命名方面，常见的css命名方式有两种
{
1.结构化命名法 2.语义化命名法 }
我们今天学的是css的语义化，所以就总结下语义化命名法。
根据页面中模块的功能而命名，也就是html5中的大部分语义化标签，如页面头部header、导航栏nav、主体main、侧边栏sidebar、底部footer、新闻列表newsList等等，这样整个页面看起来就比较清晰了，维护起来也比较方便。
命名一般都是见名知义，最好用英文单词或通用的缩写来命名，避免命名冲突。 常见的CSS命名规则有：
[1、文件命名]主要的：main.css模块：module.css基本共用：base.css布局，版面：layout.css主题：themes.css专栏：columns.css文字：font.css表单：forms.css补丁：mend.css打印：print.css[2、注释的写法]/* Footer */内容区/* End Footer */[3、id的命名](1)页面结构容器: container页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper(2)导航导航：nav主导航：mainNav子导航：subNav顶导航：topNav边导航：sideNav菜单：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友情链接：friendLink版权：copyright[4、class的命名](1)颜色：使用颜色的名称或者16进制代码,如.red{color:red;}.f60{color:#f60;}.ff8600{color:#ff8600;}(2)字体大小,直接使用”font+字体大小”作为名称,如.font12px{font-size:12px;}.font9pt{font-size:9pt;}(3)对齐样式,使用对齐目标的英文名称或单词缩写,如.fl{float:left;}.mt20{margin-top:20px;}(4)标题栏样式,使用”类别+功能/分类”的方式命名,如.titleBar-news{ }/*新闻标题栏*/itleBar-product{ }/*产品标题栏*/复制代码 ####为啥要语义化（官方回答）
- 用户体验好：用户更加容易理解代码的含义，特别是开发人员，便于阅读代码，利于团队开发。
- 有利于SEO(Search Engine Optimization——搜索引擎优化)：Html语义化，有助于机器更好的解析代码，和搜索引擎建立良好的沟通，便于搜索
meta标签
称为元数据(metadata), 提供Html元素的元信息，规范页面的描述，关键词，作者以及其他的元数据，针对搜索引擎的关键词以及刷新频率，不会显示在页面上；机器是可读的
作用：
还可以添加服务器发送到浏览器的http头部内容
常见的几个属性： content 必需属性，当有http-equiv或name属性时 为 http-equiv 或 name 属性提供了与其相关的值的定义 http-equiv可选属性 定义了能改变服务器和用户引擎行为的编译 name 可选属性 定义文档级元数据的名称，供浏览器进行解析 viewport 可选属性 提供有关视口初始大小的提示，仅供移动设备使用 charset 声明文档使用的字符编码，用于解决乱码问题一定要写在第一行<meta charset="utf-8"> 详细说明请点击链接查看
个人所思
语义化从个人身上体现的是代码规范，良好的代码风格，按国际范走起。
总结
了解的：
今日学习的内容很有意思，今天学习比较有点收获的是了解了web语义化的基本概念.
不足的地方：
HTML标签只会那么常见的几个，HTML5还有很多要学习的地方。路很长，我一直在路上~~