Semantic Web 语义化web

语义化好像已经提出来很多年了，今天第一次接触到这个概念，所以查阅了一些资料，整理了下自己的一些理解。

一 概念

1.1字面上理解就是“具有语言本身的意义的网页

W3C上的解释翻译是"语义化网页技术使得人们能够创建数据存储，构建词汇并为处理数据而编写规则"并指出semantic web主要涉及到两点

一点是作为不同来源的数据通用格式的集成和结合，而原来的网页主要是集中在于文档的交换。

一点是作为数据如何与现实世界的对象结合的记录语言。

W3C又从Linked Data，Vocabularies，Query，Inference，Vertical Applications，五个方面来阐述语义化页面，主要是把semantic Web看成满是数据的网页，由于赋予数据更多额外的意义使得人 们能够对数据做更多的事情，又由于将web看成一个数据库，因此可以用一种查询语言来链接 到该数据库，同时semantic web还有些像医疗等垂直领域的应用，具体可以查阅W3C官方文档。

二为什么要语义化

2.1语义化的目的是为了使得写出来的这些数据具有语言本身的意义，从而能被读者读懂，能被开发者读懂，能被网络爬虫读懂，能被机器等读懂。

三 应用

3.1Html标签语义化

3.1.1 使用语义化HTML标签元素

语义化便签使得标签带有语义，每个标签意义不同，因此我们应该使用具有明显语义的标签来区分表示不同的内容

所有的标签各代表什么可以查阅w3cschools

比如说我们可以用<!DOCTYPE>来定义是一个文档， 用<a>来定义是超链接。用<article>来定义一片文章， 用<footer>来定义页尾，这样的标签顾名思义

新增的HTML5语义化标签列表查阅w3cschools

3.1.2 使用语义化HTML标签元素的好处

增强移动设备的阅读体验

有利于SEO，搜索引擎更好地的收录（通过正则匹配标签）

在CSS未能成功加载的情况下仍然能很好地展示页面内容，

3.2 CSS命名语义化

CSS命令语义化应该算是代码风格的一部分，很多大企业都会对外或对内发布自己团队的代码规范。开发团队内CSS命名规范有利于团队内部成员阅读，使用约定俗成的命名，有利于其他外部开发者的参考。比如说main.css,layout.css,search,loginbar,signin,menu,register等命名。

以上是我对于一些资料的查阅后整理所得，还有很多不足的见解，欢迎大家拍砖补充见解。

参考资料可看以下几个网站。

http://www.w3.org/2001/sw/

http://www.w3.org/standards/semanticweb/

http://ued.ctrip.com/blog/?p=2735

 

最后给大家看一个W3C的主页，该页面即时在没有加载CSS的情况下，仍然能够很好地展现内容，可读性依然非常好。在当前内容为王的时代，不得不说这样的设计是非常重要的。