从语义开始–概念、意义、实践
作者：tracy2 来源：蓝色理想 发布时间：2010-06-13 18:06:00
随着WEB标准在国内的不断普及，结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目，其中，由于SEO背后的商业价值影响，“语义化”得到了突出的重视，作为一名刚入门的前端工作者，我也曾单纯地认为，“语义化”便是运用最有利搜索引擎权重的标签组织(x)HTML结构的方法。
翻看了不少前端书籍和不少前辈的文章，我才开始认识到自己意识的浅薄，慢慢领悟“语义化”的价值。以下内容仅是个人在日常实践中的总结，集合了几个前辈的观点，站在巨人的肩膀之上，以求看得更远。
什么是“语义化”（Semantic）
“语义化”指的是机器在需要更少的人类干预的情况下能够研究和收集信息，让网页能够被机器理解，最终让人类受益。具体而言，借用BI论坛网友通俗的解释，“语义化意思就是不要把你女朋友当做一般的朋友看待”，下面是粗浅的XML形式实例：
然而，通过CSS控制，我们很容易就能将“女朋友”展示地跟“朋友”一样，只关注表现层的话，标签视乎只是一个“钩子（hook）”，提供给CSS和JS做处理，那为什么我们还要强调“语义化”呢，下面会详细谈到。
语义化的意义
1.搜索引擎
对于搜索引擎的优化，很多前辈都已经做了丰富的解释，关于Hx的权重，隐藏文本等等，在此便不再班门弄斧，前段时间，一款名为Wolfram（http://www.wolframalpha.com/）的搜索引擎引起了注意，我们知道，Google会根据对每个网站的PR值排序搜索结果，其他搜索引擎同样有自己独立的算法，而Wolfram则宣称是在“理解”用户输入内容的前提下作出判断，当输入“who is adrian”时，Wolfram给了我这样的反馈，虽然结果并不怎么精确。
联系到前端的工作，我们所推崇的“语义化”不就是让计算机读懂我们的内容吗？像这样一个简单的例子<acronym title=" World Wildlife Fund">WWF</acronym>，计算机便能明白WWF值得是World Wildlife Fund，而不是World Water Forum，让计算机完全读懂我们的内容是不现实的，纵使像Wolfram这样搜索引擎也许只是昙花一现，但其所追寻的愿景，Making the world's knowledge computable确值得我们追求。
0
投稿猜你喜欢
- HP注释规范注释在写代码的过程中非常重要，好的注释能让你的代码读起来更轻松，在写代码的时候一定要注意注释的规范。“php是一门及其容易入门的
呵呵，先说明一下下面的程序大部分收集自网络，因为本人在asp编程中经常使用到随机函数，所以收集了一些这类的函数，并做了些注释，方便使用。首发- sympy有个vector 模块，里面提供了求解标量场、向量场的梯度、散度、旋度等计算,官方参考连接：http://docs.sympy.o
- 限流是项目中经常需要使用到的一种工具，一般用于限制用户的请求的频率，也可以避免瞬间流量过大导致系统崩溃，或者稳定消息处理速率这个文章主要是使
- 特地查看了下手册，关于php magic quotes,常见的几个设置如下，magic_quotes_gpc，magic_quo
- 霍夫变换是一种检测任何形状的流行技术，可以检测形状，即使它被破坏或扭曲一点点.一条线可以表示成y = mx + c或参数形式，像ρ=xcos
- 概述这是一个简单的python爬虫程序，仅用作技术学习与交流，主要是通过一个简单的实际案例来对网络爬虫有个基础的认识。什么是网络爬虫简单的讲
- python绘图的包大家应该不会陌生，但是，对图的常规设置不一定会知道（其实自己也是才知道的），比如：坐标轴的字体大小、颜色设置；标题的字体
- 一、通用爬虫通用网络爬虫是搜索引擎抓取系统(Baidu、Google、Sogou等)的一个重要组成部分。主要目的是将互联网上的网页下载到本地
- 概念第一步：计算一个梯度 Ix，Iy第二步：整合矩阵，计算特征值第三步：比较特征值的大小第四步： 非极大值抑制，把真正的角点留下来，角点周围
- OpenCV的全称是：Open Source Computer Vision Library。OpenCV是一个基于（开源）发行的跨平台计算
- for循环只是一个多一点的代码，同时循环添加到它。而所涉及的一个循环的共同任务是： 设置一些计数器变量的初始值。 请检查条件语句是正确的。
- 1、更新包管理 apt-get install update.2、安装 pip3 ：apt-get install python3-pip3
- 通过上篇文章给大家介绍了SqlServer应用之sys.dm_os_waiting_tasks 引发的疑问(上) ，说了一下sys.dm_e
- 其实如果要去除字符串前后的空格很简单，那就是用strip()，简单方便>>> ' A BC '.strip
- 前面的话正则表达式是javascript操作字符串的一个重要组成部分，但在以往的版本中并未有太多改变。然而，在ES6中，随着字符
- Python序列化的概念很简单。内存里面有一个数据结构，你希望将它保存下来，重用，或者发送给其他人。你会怎么做？这取决于你想要怎么保存，怎么
- 本文实例为大家分享了vue实现简单的登录弹出框的具体代码，供大家参考，具体内容如下初学vue框架，小小的写了一个登录弹出框效果各路大佬多多指
- Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图
- 【OpenCV】⚠️高手勿入! 半小时学会基本操作 ⚠️ 分水岭算法概述OpenCV 是一个跨平台的计算机视觉库, 支持多语言, 功能强大.
