从语义开始–概念、意义、实践（2）
作者：tracy2 来源：蓝色理想 发布时间：2010-06-13 18:06:00
2.用户体验
先举一个例子，下面是当当网上的用户注册表（https://login.dangdang.com/Register.aspx），截取其中的一部分XHTML结构。
我们来实验一下将其中的<span class="span_n">设置昵称：</span>改为<label class="span_n" for="txtNickName">设置昵称：</label>会产生什么变化。
当鼠标点击“设置昵称”时，会自动使ID名为“txtNickName”的文本输入框获得焦点，label标签本身的定义便是向控件定义标注（标记）（http://www.w3school.com.cn/tags/tag_label.asp），各主流浏览器对labe的支持也是基本一致的，浏览器的表单控件本身就是非常成熟的交互控件，经CCS森林群里某大侠测试，label标签对声控操作也是具有非常良好的体验。
同样是当当网，首页上的产品列表，还是其中的一小块XHTML代码
截取的是价格部分的代码，暂且不论class的命名，我们来实验一下如果将<span class="del gray s10">￥94.00 </span>改成<del class="del gray s10" date=”” cite=””>￥94.00 </del> <ins>￥46.00</ins>，视觉上是没有任何变化的，但当我们裸奔一下页面。
结果就显然易见了，作为前端工作者，我们也需要考虑到用户的网速可能过慢（也许他正在用迅雷BT呢）导致无法加载CSS的情况，还有手机用户的情况，选择合适的标签成本很低，只要补充点HTML的基础知识就可以了，另外date属性和cite属性都是非常有用的，试下把内容拷进WORD 2007中。
同样还有abbr标签和img标签的alt属性对于屏幕阅读器的重要性，因条件不允许，所以无法亲身体验，在岸的另一边都已经有Section 508这样的东西保护残疾人不被gov网站鄙视了。
0
投稿猜你喜欢
- 本文主要介绍的关于Python切片赋值的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：昨天有同学问了我这么个问题:t = [1
- Python中sorted()用法sorted() 作为 Python 内置函数之一，其功能是对序列（列表、元组、字典、
页面访问慢是网站公认的死穴，如果页面都没法访问，往后再精彩的体验都等于零。这个问题如果专业点说，叫做“加载”呈现效率。那么具体了讲，除常规的- 外面很多所谓sitemap生成代码都只生成目录文件地址,没生成动态的,我后来自己写了这个,是支持动态的,例子: 如你是文章网站,文章有200
- 在网站的一些应用中需要提供用户直接打印页面的功能，最明显的就是电子优惠券，商家根据网站提供的模板输入内容，然后生成优惠券页面，用户打印这个页
- 第1章 ansible软件概念说明python语言是运维人员必会的语言，而ansible是一个基于Python开发的自动化运维工具 (sal
- Python中会遇到很多关于排序的问题，今天小编就带给大家实现插入排序的方法。在Python中插入排序的基本原理类似于摸牌，将摸起来的牌插入
- 传输层安全协议（Transport Layer Security，缩写：TLS），及其前身安全套接层（Secure Sockets Laye
- 1分钟快速生成用于网页内容提取的xslt，具体内容如下1、项目背景在《Python即时网络爬虫项目说明》一文我们说过要做一个通用的网络爬虫，
- 一、问题描述使用vscode，在markdown的预览模式下无法预览网络图片二、本机环境该问题与电脑硬件以及操作系统环境无关。本机markd
- 简介该篇文章主要是介绍如何使用MyBatis对Mysql数据库进行单表操作（对于mybatis的下载以及配置文件的作用和具体信息，我在上一篇
- 1.cv2.threshold()参数说明cv2.threshold(src, thresh, maxval, type[, dst]) &
- 在项目里碰到需要把类似'450000'的数字转换为会计记账所用的格式，'450,000.00'，分隔千分位和
- python字符串过滤性能比较5种方法比较总共比较5种方法。直接看代码：import randomimport timeimport osi
- 更改主题File → Settings → Appearance & Behavior → Appearance → Theme结果
- 1. 整体思路首先我们来梳理下整体上的实现思路，首先一点：整体思路和 vhr 一模一样。考虑到有的小伙伴可能已经忘记 vhr 中前端动态菜单
- 需求:启动程序后，让用户输入工资，然后打印商品列表允许用户根据商品编号购买商品用户选择商品后，检测余额是否够，够就直接扣款，不够就提醒可随时
- 本篇文章介绍了Javascript监控前端相关数据，项目开发完成外发后，没有一个监控系统，我们很难了解到发布出去的代码在用户机器上执行是否正
- 最近换了家新公司，由于是创业公司，项目基本从零开始搭建。工作几年，也没想过写点什么技术性的东西，今天突然心血来潮，哦当然，我这个人总是特别容
- Flask-SQLAlchemy安装和建表操作请参考这里。 # Role表class Role(db.Model):
