十七 翻新标准

标准

这篇文章写给那些懂得html,但没有察觉到网页通不过xhtml校验,没有清晰了解分离语意和表现。

分离语意和表现

HTML的意义从来不是用在表现方面,但格式化文本和开发者找到方法操作布局。由于拥有强大的CSS,不用多久没有必要使用html表现样式,语意(HTML)可以和表现(CSS)完全分离。

这样做有很多好处,比如大大减少文件大小,有一个比单一页面方便可以控制整个网站弹性的主要样式,提高页面可用性。

在这个前提下意味着你不在html里体现表现。标签比如font或者属性比如bgcolor不能够再使用。甚至img里的border属性在xhtml 1.1里也不在有效。这些都不是问题,使用CSS可以比html做的更好,html做的到的css可以做到,html做不到的CSS也可以做到。

这里不仅夺去了html的表现,语意的应用意味着适当应用明确的html标签。比如,h1,h2必须用于标题——你不仅使用CSS控制更大字体。

好的指南是看如果拥有默认样式的可视浏览器里,没有样式文档也可以表现很好。

表格不要再用来布局——表格是被设计用来表现表格数据的。这对以前使用表格的网页设计者有点困难,因为它颠覆了传统的html结构。这个方法大大减少了页面大小,增强了代码的可用性。

标签

在XHTML里所有标签必须小写字母和关闭。那么没有关闭标签的如brimg必须使用“/”关闭自己,比如<br />。注意应该有个空格。

标记需要成对出现,元素可能嵌套在一起,比如<strong><em>this</em></strong>不是<strong><em>this</strong></em>

文档的body必须开始于ph1h2h3h4h5h6divpreaddressinsdel

属性

所有属性同样必须小写字母,它们的值在引号里面。

最小化属性是不允许的,比如<input type="checkbox" checked />,以往最小化属性现在必须给与和属性一样名字的值比如<input type="checkbox" checked="checked" />

name属性不允许使用在form以外的元素,必须使用id

target不在是有效属性。赞扬下,以前是比较愚蠢。

img里面必须有alt属性。

可用性

增强网页可用性的意义对残疾用户不言而喻,这不是在说教,将来随着网页用户年龄增大感官能力下降它有真实好处。可用性不仅利于残疾用户,同样对较小伤害(主要在视觉方面)的大部分用户更容易。

越来越多的法律问题比如美国的'Section 508' 强制规定一定的可用性,在英国,政府网站必须达到制定的易用性。多久这样的法律会涉及到商业网站,就像建筑一样?

如果你按照上面的方法,你的网页已经拥有非常好的易用性。下面说到更多的易用性,它们并不是很难。

时间: 2024-10-01 02:08:14

十七 翻新标准的相关文章

C#开发WPF/Silverlight动画及游戏系列教程(Game Course):(二十七)

C#开发WPF/Silverlight动画及游戏系列教程(Game Course):(二十七)战斗前夜之构建动态障碍物系统 在标准的MMORPG中,每个精灵对象都占据着一块区域(脚底的一块小面积),该区域同样是障碍物系统中的一部分,并且它是动态的,随着精灵的移动而时时变化着.实现游戏中动态的障碍物构建使障碍物系统趋向完美是全面进军战斗系统的必要前奏,大家不想看着主角和怪物叠在一起打来打去吧? 之前的章节中障碍物数组只有一个,它只包含地图障碍物信息(地图中固定不动的障碍物),因此要实现动态的障碍物

下一代网页:HTML5或将成未来网页新标准

借助日益强大的HTML5,网页将实现越来越多的功能.这场变革正在加速到来. Flash投降了. 我们说的是在移动互联网上.Flash的专利持有者Adobe公司-没错,就是那家发明了著名的PhotoShop软件的公司,在上周宣布了一个消息:放弃在手机等移动设备上对Flash的支持,公司将不会再对此投入任何资源. 十多年来,Flash一直是网页在展示多媒体内容时的标准格式,它也是Adobe公司除PhotoShop等产品以外最重要的盈利手段之一. Flash动画曾经风靡一时,用Flash制作的网络广告

怎样识别翻新液晶显示器

  识别翻新的液晶显示器:注意检查外观的使用痕迹 即使奸商手段再高超,一般来说翻新的液晶显示器外观也都会留下一些使用过的痕迹.仔细观察显示器边框的几个顶点,就会发现有些地方有磨损.尤其是显示器底座下面,由于已经使用了一段时间,底部肯定会有或多或少的磨损.另外,散热口和显示器后面的数据线插口也要仔细查看,会留下一些灰尘和插拔过的痕迹. 识别翻新的液晶显示器:看型号判断显示器是否停产 首先我们要知道,翻新的液晶显示器,大多都是返修机和收购的二手机.因此一般都是较早上市的型号,并且以17英寸.19英寸

x264代码剖析(十七):核心算法之熵编码(Entropy Encoding)

x264代码剖析(十七):核心算法之熵编码(Entropy Encoding)   熵编码是无损压缩编码方法,它生产的码流可以经解码无失真地恢复出原始数据.熵编码是建立在随机过程的统计特性基础上的.本文对熵编码中的CAVLC(基于上下文自适应的可变长编码)和CABAC(基于上下文的自适应二进制算术熵编码)进行简单介绍,并给出x264中熵编码对应的代码分析.     在H.264的CAVLC中,通过根据已编码句法元素的情况,动态调整编码中使用的码表,取得了极高的压缩比.CAVLC用于亮度和色度残差

Bootstrap&lt;基础十七&gt;导航栏

原文:Bootstrap<基础十七>导航栏 导航栏是一个很好的功能,是 Bootstrap 网站的一个突出特点.导航栏在您的应用或网站中作为导航页头的响应式基础组件.导航栏在移动设备的视图中是折叠的,随着可用视口宽度的增加,导航栏也会水平展开.在 Bootstrap 导航栏的核心中,导航栏包括了站点名称和基本的导航定义样式. 默认的导航栏 创建一个默认的导航栏的步骤如下: 向 <nav> 标签添加 class .navbar..navbar-default. 向上面的元素添加 ro

DockOne微信分享(七十七):用Harbor实现容器镜像仓库的管理和运维

本文讲的是DockOne微信分享(七十七):用Harbor实现容器镜像仓库的管理和运维[编者的话]本次分享主要讲述了在开发运维中的管理容器镜像方法.为了便于说明原理,较多地使用Harbor作为例子. 内容主要包括: 开发和生产环境中镜像仓库的权限控制: 镜像远程同步(复制)的原理: 大规模应用镜像发布方式: 镜像删除和空间回收: Registry高可用性设计. 首先简单介绍一下Harbor项目.Harbor是由VMware中国研发团队负责开发的开源企业级Registry,可帮助用户迅速搭建企业级

DockOne微信分享(六十七):互联网场景下闪存优化测试和应用

本文讲的是DockOne微信分享(六十七):互联网场景下闪存优化测试和应用[编者的话]闪存在这几年存储领域发展非常快,应用也越来越广泛,如何能更好的使用闪存,本次分享讲一些闪存相关的优化和应用. 闪存应用场景 数据库 NoSQL 分布式存储 CDN 公有云存储 综合上面几种场景看,闪存主要适合有比较高的随机IO需求和带宽需求的场景.场景选择上,也是要发挥闪存的长处.目前上面业务中 未来几年发展比较快的会是在公有云存储这一部分.下图就是某厂商云盘对比,可以看到闪存的价格已经很接近机械硬盘了,而单从

百度技术沙龙第十七期:论剑富客户端时代的JavaScript框架

中介交易 SEO诊断 淘宝客 云主机 技术大厅 目前,几乎所有网站都在使用JavaScript和Ajax技术,好的框架不仅可以帮助设计师和开发人员把精力集中在关键业务上,而且可以避免重复开发,打造优秀网站,最终提升用户体验. 2011年8月20日,由全球最大的中文搜索引擎公司百度发起的第十七期技术沙龙在北京京仪大酒店二层热烈举行.来自各大互联网企业的数百位软件工程师围绕JavaScript框架话题进行了深入探讨和交流.百度商务搜索部前端工程师董睿.IBM中国开发中心的高级软件工程师成富与参会者共

网络盗版犯罪量刑出台明确标准

最高人民法院.最高人民检察院和公安部11日联合公布了一个打击侵犯知识产权犯罪的"十六条" 意见,再次彰显了打击此类违法犯罪的决心和力度. <意见>共十六条,主要对侵犯知识产权刑事案件的管辖,行政执法部门收集.调取证据的效力,抽样取证和委托鉴定,犯罪构成要件的认定等问题予以了进一步明确. <意见>规定:以营利为目的,未经著作权人许可,通过信息网络向公众传播他人文字作品.音乐.电影.电视.美术.摄影.录像作品.录音录像制品.计算机软件及其他作品,具有下列情形之一的,