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

一 概念

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的情况下,仍然能够很好地展现内容,可读性依然非常好。在当前内容为王的时代,不得不说这样的设计是非常重要的。

Semantic Web 语义化web相关推荐

  1. 表现与数据分离、web语义化的理解

    2019独角兽企业重金招聘Python工程师标准>>> 表现与数据分离 什么是表现与数据分离 一是前后端分离,所有数据都是后端通过AJAX发送给前端,前端负责展现页面,后端负责提供数 ...

  2. 【semantic】如何理解 web 语义化?

    http://www.zhihu.com/question/20455165 顾轶灵,百度前端工程师 http://Lync.in 什么是语义化?其实简单说来就是让机器可以读懂内容. 先 随便扯扯.对 ...

  3. 充分了解Web语义化

    前言 对于"web语义化"这个词语,我相信只要是从事前端的人都不陌生,从事前端工作在投简历时都会在招聘需求里面看到这句话:"对web语义化有深刻的理解",当然我 ...

  4. 什么是web语义化,有什么好处

    什么是web语义化 如今互联网都到了web2.0的时代了,HTML语言在不断的进化并发挥着越来越重要的地位:而我们制作网页也从当初的table表格嵌套发展到了 div+css,这是进步的标志.然而,我 ...

  5. 前端基础:web语义化

    web语义化 一.什么是web语义化? web语义化包含两方面,一是html标签语义化,简单来说就是要用合适的标签来表述适当的内容,标题用<h1>~~<h6>标签,段落用< ...

  6. web语义化与h5新增标签

    Web语义化就是html告诉我们也告诉机器这一块是什么内容,例如:"这行是一个标题,这几行组成一个段落,这是一个列表,那是一个链接." Web语义化有三个阶段: 1.h1~h6.t ...

  7. 谈谈你对web语义化的理解

    学术届将web语义化称为Web3.0的核心,目标是将当前的网页提升为计算机能够"理解"和处理的网页. 核心思想是标注网页对象使其对应本体中的实体,并通过逻辑等手段进行自动推理. 作 ...

  8. web语义化之SEO和ARIA

    在快速理解web语义化的时候,只知道web语义化有利于SEO和便于屏幕阅读器阅读,但并不知道它是如何有利于SEO和便于阅读器阅读的,带着这个疑问,进行了一番探索总结. SEO ###什么是SEO? S ...

  9. 表现与数据分离、Web语义化

    表现与数据分离: 也可以说是界面与数据分离,要体现在代码上,操作数据的代码和操作界面的代码,要分开写. 优势:当页面需求发生改变,只需要改写界面的代码,并且修改的代码不能影响到操作数据访问的代码. 例 ...

最新文章

  1. wxWidgets:wxBusyInfo类用法
  2. node实现watcher的困境
  3. Tiny Wings 为什么能迅速成为 iOS App Store 付费应用第一名?
  4. 重学TCP协议(11)TFO(Tcp Fast Open)
  5. poj2586 Y2K Accounting Bug
  6. ORACLE不完全恢复的几种情况
  7. 【紫书第十章】数论与概率入门
  8. ipv4 pxe 联想start_电脑开不了机提示start pxe over ipv4的解决方法
  9. IOS 5 拦截手机短信(需越狱)
  10. android 连接电脑,安卓手机怎么连接电脑详细介绍【图文教程】
  11. 收藏 |2019互联网安全与DDoS态势研究报告解读Pro版
  12. CSharp 基本知识-数组
  13. 基于机智云的嵌入式系统应用开发—空调远程智能控制系统
  14. USB2.0接口CM4_5G mini驱动板搭配广和通FM650在Win11下的测速
  15. 大话3G——手机大佬“摩托罗拉”兴衰史
  16. 手机的耳机插电脑上如何录音 ,在线录音怎么录制?
  17. Docker之docker设置系统的环境变量
  18. POJ-3013: Big Christmas Tree(dij,spfa)
  19. 名字空间(namespace)
  20. 【MATLAB】图像批处理:批量读取图像—>批量处理—>批量写入文件夹

热门文章

  1. Cocos Creator 3.0 入门 ! 2D 素材 3D 效果!
  2. 16、OSPF配置实验之LSDB过载保护
  3. 如何认识和投身 Web 3.0?
  4. 哈工大csapp大作业程序人生
  5. KCNScrew for Mac(序列号查询工具)
  6. Global项目|浅析销售BOM实施方案及注意事项
  7. 基因结构显示服务器,科学网—宏基因组注释和可视化神器MEGAN入门 - 刘永鑫的博文...
  8. 如何用计算机将图片整成手绘画,【新手教程】如何将手绘作品转变成电子档,并让其更像“作品”?...
  9. 关于Cause: java.lang.ClassNotFoundException: Cannot find class: 0(提示找不到类)报错
  10. 牛客小白月赛1 I あなたの蛙が帰っています 【卡特兰数】