也说说语义
发布时间：2009-12-29 13:04:00
搞前端应该对语义化并不陌生，每天都在说语义化，可什么是语义化，语义化究竟能给我们带来什么好处？参加web标准交流会的时候我向各位同学提出了我的疑问。
按照大部分同学的意思，语义化主要是对结构的语义，对于段落我们用P，对于结构块，我们用div，对于主标题，我们用h1，这样做可以更适合更多的客户端（页面不乱？），可以适合更多人群（让阅读器正确的读出页面，让盲人也能看），让计算机知道这里是标题是段落是列表。
那按照这样说，其实只要是把标签写正确就好，标签正确了结构就正确了，结构正确了也就语义了。
话说的没错，可我认为现在谈这种语义还为时过早，语义应该web的语义，让web页面“可以说出来”才是语义。
在html5中，有些很有意思的标签：
canvas，audio，video
section，header，footer，nav，article，aside，figure
我觉得它们更像“语义”，通过canvas，我们可以告诉程序，这里是一张图，通过audio，我们可以告诉程序，这里是一段声音。
语义化的作用是否应该认为是为了让应用程序能够理解此数据的含义，藉此可将这部分数据剥离出来，并可以通过其他的方式来使用。
让我们幻想一下当计算机读取到下面的代码时就会在早上7点叫我起床
<time>07:00</time>
<audio>我是小蜜蜂</audio>
当然你也可以不在7点起床，甚至可以用其他的歌曲而不用我是小蜜蜂飞到花从中这歌。
语义的关键还是在于可以告诉计算机这块数据我要干什么，其实这更像是我们用js读xml，并从中取出来有用的数据提供给用户，这里只是说他自动了，不需要人工再去做了。
就目前的情况来说，xhtml是不可能做到这一点的。
也有提出了RDF的东东，不过我没有弄明白这个东西怎么用，它看上去是一种xml的衍生体，并且要单独的去开发程序，估计很难得到普及。
所以现在很多文章不断的提出语义我个人觉得是太早了，太过了，这些理论的概念只能让初学者更加迷茫，我们只要做到标签写对酒可以了，现在不断谈语义不是时候，只会让人更加费解。
呵呵，期待HTML5。
0
投稿猜你喜欢
- 一、绑定方法1.对象的绑定方法首先我们明确一个知识点，凡是类中的方法或函数，默认情况下都是绑定给对象使用的。下面，我们通过实例，来慢慢解析绑
前言哈喽，大家好，我是asong。最近没事在看八股文，总结了几道常考的切片八股文，以问答的方式总结出来，希望对正在面试的你们有用～本文题目不- 本文实例讲述了MySQL Union合并查询数据及表别名、字段别名用法。分享给大家供大家参考，具体如下：union关键字SELECT s_i
- 1.shelve对象的持久存储不需要关系数据库时，可以用shelve模块作为持久存储Python对象的一个简单的选择。类似于字典，shelf
- 本文实例讲述了Python操作串口的方法。分享给大家供大家参考。具体如下：首先需确保安装了serial模块，如果没安装的话就安装一下pyth
- 代码如下:<title>雷锋|优酷-专辑 采集程序</title></head> &
- Chrome Options常用的行为一般有以下几种：禁止图片和视频的加载：提升网页加载速度。添加代理：用于 * 某些页面，或者应对IP访
- 字符串打印打印函数echo: 打印值,用于单值print_r(): 人类可读方式打印,用于数组var_dump()：打印结构和类型，一般用于
- 默认barplotimport seaborn as snsimport matplotlib.pyplot as plt import n
- 本文实例讲述了wxpython中Textctrl回车事件无效的解决方法。分享给大家供大家参考，具体如下：今天使用wxptyhon的Textc
- 一、Beautiful Soup的介绍Beautiful Soup是一个强大的解析工具，它借助网页结构和属性等特性来解析网页。它提供一些函数
- 1. 环境准备1.1 安装pillow 和 pytesseractpython模块库需要 pillow 和 pytesseract 这两个库
- cli 的全称 command-line interface（命令行界面），也就是前端同学常用的脚手架，比如 yo、vue cli、reac
- 一个ASPJPEG组件综合操作的asp类CLASS相关文章：ASP怎么谈到应用到类的？ASP中类的详细介绍（class Property G
- 1.为conda配置清华源打开cmd输入以下命令：conda config --add channels https://mirrors.t
- Pandas使用这些函数处理缺失值：isnull和notnull：检测是否是空值，可用于df和seriesdropna：丢弃、删除缺失值ax
- 本文实例讲述了Python使用sort和class实现的多级排序功能。分享给大家供大家参考，具体如下：# -*- coding:utf-8
- 对于显存不充足的炼丹研究者来说，弄清楚Pytorch显存的分配机制是很有必要的。下面直接通过实验来推出Pytorch显存的分配过程。实验实验
- 首先给大家分享一篇js中int和string数据类型互相转化实例https://www.aspxhome.com/article/15474
- 有两种方式:一种是图片放在static中,一种是图片放在media中第一种:即:STATIC_URL = '/static/'
