从语义开始–概念、意义、实践（3）
作者：tracy2 来源：蓝色理想 发布时间：2010-06-13 18:06:00
3. 开发效率
富含语义的网页结构对前期开发和后期修补bug都有显著作用，具体而言，像下面一段简单的产品列表代码。
通过“语义化”的标签，丰富了产品列表内的“钩子（hook）”，通过在父层添加id和class命名，便能控制产品列表内的全局表现，对于样式的修改，在理想状态下能避免通过后台开发人员改变网页结构的情况，节省人力成本，但回归现实情况，面对产品和老板的各种需求，想完全通过只修改CSS便能改变样式还是不现实的，面对大大小小的需求和bug，最好的方式还是在前期开发阶段为页面合理地预留“钩子”，方便后期修改使用，此时丰富的语义标签就显得相当实用了。
对团队协作而言，充满语义的ID、Class命名能让团队里的所有人员对结构一目了然，试想一个class为red的标签因为需求的改变而换成蓝色，就能理解为什么要语义命名了。
在过去对栅格化和框架的讨论中，引出了关于命名规范思考，以下只是对命名方式的讨论，并不包含其他因素的影响，最近接触到一套完善的布局规范，我想，大部分人刚接触时，都跟我一样，对这种命名感觉到头晕“area_01” “layout_01”等，因为从来没有经历过像现在团队所接手项目的庞大规模，所以说不准这种方式到底是否合适，但有一方面是可以肯定的，这确实是增加了新人的学习成本，而对于未来的开发，我认为这种方式也是可取的，毕竟从长远看，它目的也旨意为了提高团队中的开发效率和减少冲突，我想，像YUI 、Blueprint、960 Grid System也是这样应运而生的吧，这只是个人的臆想，希望未来能得到佐证。
4. 行业标准
一千个人有一千个哈姆雷特，同样，一千个前端也能写出一千个表现一致但结构不同的页面，这正是页面重构中的现状，通过CSS我们能随意地摆弄页面的所有元素，但最基本的HTML结构却鲜有人关注，一方面原因是HTML标签语义上的不足， HTML5新增的标签在一定程度上解决了这部分问题，而进一步的原因，我想，还是前端工作者对HTML基础的漠视，像鬼哥所说的，“外行看门道，内行看热闹”，“如果你想在这个行业内有所建树，专业化是必须的。也就是说如果你不考虑自己的发展，也就不用讨论“语义化”的问题了。”
“语义化”的目标在于实现统一标准，未来的互联网“一定是开放的互联网，不会像现在这样数据无法畅通无阻，存在大量的信息孤岛和信息盲点”，微格式正是一个很好的实践，开放的接口，共享的内容，下面会详细谈到。
0
投稿猜你喜欢
- 表的故障检测和修正的一般过程如下：◆ 检查出错的表。如果该表检查通过，则完成任务，否则必须修复出错的数据库表。◆ 在开始修复之前对表文件进行
【问题】INSERT语句是最常见的SQL语句之一，最近有台MySQL服务器不定时的会出现并发线程的告警，从记录信息来看，有大量insert的- 受杰森的《Almost Looks Like Work》启发，我来展示一些病毒传播模型。需要注意的是这个模型并不反映现实情况，因此不要误以为
- 生活中有很多需要用到关联图的地方，至少我认为的是这样的图：https://www.echartsjs.com/examples/zh/edi
- 如下所示：import datetimet1 = datetime.datetime.strptime("2017-9-06 10
- 本文实例讲述了python使用BeautifulSoup分页网页中超链接的方法。分享给大家供大家参考。具体如下：python通过Beauti
- 简介Django数据库连接超过wait_timeout导致连接丢失时自动重新连接数据库https://github.com/zhanghao
- 本文实例讲述了PHP实现的AES双向加密解密功能。分享给大家供大家参考，具体如下：<?php/* * Created on 2018-
- 一、JDBC是什么？JDBC 指 Java 数据库连接（Java Database Connectivity），是一种标准Java应用编程接
- 增加字段alter table docdsp add dspcode char(200)删除字段ALTER TABLE tabl
- 最近帮伙计做了一个从网页抓取股票信息并把相应信息存入MySQL中的程序。使用环境：Python 2.5 for WindowsMySQLdb
- 前言 简述bs4：使用pip install beautifulsoup4将bs4包安装到当前的python解释器环境，使用fro
- 一、安装1.从官网下载Linux版的Pycharm官网链接：https://www.jetbrains.com/pycharm/downlo
- 如何一行行地读取文件？这样就可以做到一行行地读出了：dim input(30) ' 定义一个数组,大小
- 原文件：7.8094,1.0804,5.7632,0.012269,0.008994,-0.003469,-0.79279,-0.06468
- 本文实例为大家分享了python实现贪吃蛇的具体代码，供大家参考，具体内容如下import pygameimport sysimport r
- 本文实例讲述了Python中文竖排显示的方法。分享给大家供大家参考。具体如下：这里将中文竖排显示比如 衣食者人之生利也，然且犹尚有节，葬埋者
- SQL Server 提供系统数据类型集，定义了可与 SQL Server 一起使用的所有数据类型。下面列出系统提供的数据类型集。 可以定义
- 1.打开VS CODE，若要使用SVN需要下载相应的插件。2.点击左侧，在上方搜索扩展，输入“chinese”，点击第一个插件安装，可以安装
- 后台线程•Master Thread核心后台线程，主要负责将缓冲池的数据异步刷新到磁盘。例如脏页的刷新，插入缓冲的合并，undo 页的回收等
