- 浏览: 18269 次
- 性别:
- 来自: 北京
最新评论
web标准简单来说可以分为结构、表现和行为。其中结构主要是有HTML标签组成。或许通俗点说,在页面body里面我们写入的标签都是为了页面的结构。表现即指css样式表,通过css可以是页面的结构标签更具美感。行为是指页面和用户具有一定的交互,同时页面结构或者表现发生变化,主要是有js组成。
W3C对web标准提出了规范化的要求,也就是在实际编程中的一些代码规范:包含如下几点
1.对于结构要求:(标签规范可以提高搜索引擎对页面的抓取效率,对SEO很有帮助)
1)。标签字母要小写
2)。标签要闭合
3)。标签不允许随意嵌套
2.对于css和js来说
1)。尽量使用外链css样式表和js脚本。是结构、表现和行为分为三块,符合规范。同时提高页面渲染速度,提高用户的体验。
2)。样式尽量少用行间样式表,使结构与表现分离,标签的id和class等属性命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版
3)。不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性。
W3C对web标准提出了规范化的要求,也就是在实际编程中的一些代码规范:包含如下几点
1.对于结构要求:(标签规范可以提高搜索引擎对页面的抓取效率,对SEO很有帮助)
1)。标签字母要小写
2)。标签要闭合
3)。标签不允许随意嵌套
2.对于css和js来说
1)。尽量使用外链css样式表和js脚本。是结构、表现和行为分为三块,符合规范。同时提高页面渲染速度,提高用户的体验。
2)。样式尽量少用行间样式表,使结构与表现分离,标签的id和class等属性命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版
3)。不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性。
发表评论
-
css兼容问题
2018-02-26 13:14 3791. 就是 ie6 双倍边距的问题,在使用了 float 的情 ... -
css
2018-02-23 11:06 4121.#nav li {} 看起来很快,实际上很慢,尽管这让人 ... -
总结一些每次写都要百度的样式 and so on
2016-06-03 14:00 458本次总结无关乎顺序, ... -
js检测css样式的兼容问题
2015-07-24 20:30 831<script> ... -
canvas画布基础
2015-07-10 20:47 419canvas是个神奇的标签,开始学习之后就停不下来,这两天一直 ... -
PHP正则表达式
2015-07-07 14:34 431正则表达式的基本语法 ... -
PHP字符串与数组常用函数
2015-07-07 10:42 1959字符串: 字符串的连接:PHP中用英文的点号.来连接两个字符串 ... -
DOM事件对象event、IE中的事件对象
2015-07-02 16:45 488DOM中的事件对象: type属性用于获取事件类型; targ ... -
跨浏览器事件处理程序
2015-07-02 16:03 469<div id = "box"& ... -
jQuery获取父级元素、同级元素、子元素、过滤
2015-07-01 15:50 482父级元素: <body>body (曾曾祖父) ... -
点击按钮实现轮播切换
2015-06-29 19:13 983HTML: <div class="con3 ... -
jQuery验证邮箱手机
2015-06-29 19:03 500验证邮箱: function checkSignEmail ... -
ios多线程
2014-11-27 14:35 446最近写了一个东西需要加载网络上的图片,运行的时候一直卡到一个界 ... -
取出数组中的值
2014-11-01 21:08 303在写程序的时候,遇到一个问题,想把数组[a,b]中的a,b添加 ... -
解析json获取数据
2014-11-01 20:57 381NSError *error; NSURLReq ... -
cell重用问题
2014-11-01 20:44 555解决问题之前,在cell上添加了label,但是给label添 ... -
保存并获取数据
2014-09-27 19:38 294在IOS开发过程中,经常会遇到数据保存的问题,现在主要说一下用 ... -
UINavigationController实现页面跳转
2014-09-19 20:31 772总结一下利用navigationController push ... -
tableviewcell添加label、button
2014-09-13 22:02 15871.给tableviewcell添加label,首先 CG ... -
简单表视图并实现添加数据
2014-09-10 19:21 13131.基础:表用于显示数据列表。数据列表中的每项都由行表示。表视 ...
相关推荐
试阅版不全,希望有全的... 虽然《Web标准设计》讲述的内容是Web标准,但由于页数有限,《Web标准设计》无法让你精通Web标准所有的知识点,我选择的重点是XHTML+CSS,其他的方面只能说让你达到了解、掌握基础的地步。
简要介绍了WEB 标准的概念及它的主导思想———内容与表现形式; 也谈及了使用WEB 标准制作网站的目的和风站采用网站标准 对浏览者和所有者的益处; 还有使用WEB 标准制作网站应注意的常用规则; 最后通过一个网站制作...
网站重构 web标准设计参考 网站重构 web标准设计参考
智能手机Web标准开发实战:为iPhone、Android、Palm Pre、BlackBerry、Windows Mobile及Nokia S60开发通用的基于Javascript、CSS、HTML和Ajax的Web应用(移动与嵌入式开发技术) 好书籍不多介绍,网上介绍一大堆
web标准与网站重构,web标准与网站重构web标准与网站重构web标准与网站重构web标准与网站重构
精通CSS:高级Web标准解决方案.pdf
介绍WEB标准 通俗易懂 pdf文档 是学习制作符合W3C标准网页的好资料
《精通CSS:高级Web标准解决方案》是2010年人民邮电出版社出版的图书,作者是(英)巴德、科利森、莫尔。
这是一本关于WEB标准方面的指导性丛书,帮助规范WEB设计标准.
Web标准设计 感觉还不错,放上来,有钱的去买正版哦!
网站重构Web标准设计 ppt 精品资源
web标准化学习指南:如何学习网页标准 如何学习网页标准 很多经典论坛网页标准化版的版友问这个问题,我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结。
介绍WEB标准、解释XHTML、XML、CSS等常用词及一些常用的相关知识介绍
精通CSS高级Web标准解决方案 PDF
本书是一本讲述基于Web标准的应用CSS进行网站布局设计与重构的典范之作。 本书以实例为主,一步步地告诉大家如何进行符合Web 2.0标准的CSS布局设计。具备了知识全面、完美应用(CSS选择器、样式继承、层叠、格式化、...
十天学会DIV+CSS(WEB标准),十天学会DIV+CSS(WEB标准),十天学会DIV+CSS(WEB标准),十天学会DIV+CSS(WEB标准),十天学会DIV+CSS(WEB标准),十天学会DIV+CSS(WEB标准)
《基于Web标准的网页设计》教学课件02Web标准及其构成.pdf《基于Web标准的网页设计》教学课件02Web标准及其构成.pdf《基于Web标准的网页设计》教学课件02Web标准及其构成.pdf《基于Web标准的网页设计》教学课件02Web...
WEB标准与网站重构 WEB设计可以看下
Web标准网页设计与Asp 清华大学出版 第七章PPT以及代码
《十天学会DIV+CSS(web标准)》是标准之路出品的系列教程,用十节教程讲解完成。 学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局。如果您刚开始学习网页制作,不知道什么是表格布局...