web标准究竟有何意义_百度知道
web标准究竟有何意义
我有更好的答案
做几个项目你就知道了
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。网页设计必备的web标准页面知识
1、必备工具
其实web标准并不是很复杂的技术，实现web标准的工具也很简单，说白了，只要可以进行纯文本编辑的软件，都可以作为代码编写的gon工具。例如记事本、UltraEdit甚至CuteFTP的编辑器（象我这种懒人有时候就用那玩艺儿直接在线编辑，汗）。
而另一些较专业软件会提供高亮显示代码（前面提到的UltraEdit也具有此项功能）、代码提示、自动闭合标签等等功能，使用起来会大大提高工作效率。如DreamWeaver、MS Expression、EditPlus等等，这些编辑软件目前是绝对的主流，无论是初学者上手容易还是专业人士提高效率都是不错的选择。
再说说浏览器环境，目前一台机器同时装IE、Firefox、Opera、Safari已经不是难事，而IE7 Standalone和MultipleIE的问世也让IE7和低版本IE并存成为可能。推荐浏览器环境——本机安装IE7、FF、Opera、Safari，同时安装MultipleIE。从我个人的使用经验，IE7 Standalone存在一定的缺陷，有可能导致本机安装的IE6无法正常使用。
除了编辑器以外，还有就是必不可少的调试工具啦，首推当然是Firefox下的Firebug！IE下目前还没有与之相当的调试工具，比较好的有IE development toobar、IE Debugbar等等，不过和Firebug完全不是一个档次的东西，只能说勉强凑合用。
2、必备的HTML/XHTML基础
说到基础，其实正是我最想谈的。从论坛许多的帖子也可以看出来，大多数问题的产生是由于制作者本身基础的不牢固。而HTML/XHTML作为基础中的基础，更是许多人的薄弱环节。然而很多人还是喜欢一上来就问布局或者Hack这些技巧方面的问题，其实很多问题如果本人的基础牢固了，几乎不能被称之为问题。
web标准必备的HTML/XHTML基础，大致有几个方面：
每个标签的语义，这一点是网页标准的根本。而整个网页标准化几乎都是围绕着这一点而来的，明确了语义，才能选择合适的标签；明确了语义，才能构建可读性良好的结构。例如&h1&就是网站最高等级的标题，它不应该放在&h2&层级之下；例如&fieldset&和&legend&，主要用于表单元素分组，不应该因为它那个漂亮的边框就用来表现新闻列表。
每个标签的初始样式，现在有很多重置标签样式就是针对这一点，因为每个标签在不同浏览器下的初始样式是不同的，而重置样式是为了更好地实现网页兼容性。从我个人的角度来说，不推荐初学者一上来就了解如何重置样式，而应该从了解标签的初始样式入手，先了解了这些，才能明白每一行重置样式的代码的真正含义。
标签的正确嵌套规则，同时还必须了解的是哪些标签属于块元素，而哪些属于行内元素。这是即使是高手也会经常忽略的方面，例如本人（^_^）。今天看到
这个帖子 的时候，才意识到，原来之前对dt、dd的嵌套规则理解有误，二者不能一视同仁。HTML/XHTML的嵌套规则并不算简单，常用的标签不过三十个上下，就有大约二十种不同的嵌套规则，稍不留神就会出错。虽然不严格遵循并不会影响页面的表现，但养成一个良好的习惯是很重要的，它往往能决定你在这条路上可以走多远。
标签的属性。这个又要分为两方面，一是符合标准的常用属性及对应的值，例如&table&的summary属性、&th&&td&的scope属性、&label&的for属性等等；二是标准强制要求的属性，例如图片的alt属性、form的action属性、textfield的col属性和row属性等等。
HTML/XHTML基础，虽然可以分开成多个方面讲，但实际关于它们的知识往往是综合在一起的，大多数相关的手册几乎都有详尽的介绍。对于这方面知识的学习，除了看相关手册外，多把自己的网页拿去w3c做校验也是不错的方法。
3、必须了解的CSS知识
CSS是标准化最吸引人的地方，也是时下讨论最多的话题，市面上的相关书籍也在web标准类里占据压倒性的比重，甚至有些人（包括一些用人单位）认为CSS就是网页标准。这种过于夸大CSS作用的观点固然是错误的，但CSS对于网页标准的重要性却也可见一斑。
CSS相关的知识、技巧很多，从知识的必备性方面来讲，以下几个方面是我认为最重要的：
布局。布局是表现层技术的基础，任何表现层的东西都是基于布局之上的。利用CSS布局的方法有很多种，例如float、绝对定位、负margin等等。每一种布局都有着各自的优势和局限性，从适性最广来讲显然是float最佳，也最为常用，但清除浮动往往是让人头疼的问题。绝对定位的网页抗压性好，但自由度低，而且渲染效率最差。负margin是最不破坏文档流的办法，但在对负值支持不佳的IE下往往会有灵异表现。关于布局方面的知识，建议看一下webflash的《彻底弄懂CSS盒子模式》系列文章，个人认为相关知识的文章尚无出其右者。
IE下的Haslayout渲染模式。其实hack是许多标准工程师所深恶痛绝的东西，但在浏览器兼容性要求越来越高的今天，hack却往往是一种无奈之举。而深入了解IE的Haslayout渲染模式，就会明白许多hack的来由，以及许多兼容性问题的产生之源。推荐阅读——译文On having layout。然而HasLayout问题之多，绝非一两篇文章所能概括，通过阅读文章，了解其中的原理，再举一反三，很多问题就会迎刃而解了。
符合标准的CSS规则。关于这一点，我可以不负责任地说，数以千万计的网站，其CSS完全符合标准的，所占比重不会超过1%。这并不是一个悲观的估计，即使是w3c推荐的一些网站，例如ESPN，他们的CSS也时常会通不过校验。CSS的许多规则的确令CSSer们非常不适，例如background和color，这两个属性绝大多数人都是分开来使用的，而w3c标准却规定两者必须“生则同生，死则同死”。还有就是各个浏览器的专有属性，在实现一些效果时是最简单有效的。这种时候我们往往会选择放弃标准，但暂时的放弃不意味着无视。今天知道我们哪些行为是错误的，以及为什么要用错误的方法，明天改正起来就不会太难。
提高网站性能的技巧，如有助于SEO的以图代字、用尽量少和小容量的图片实现圆角表格、用background-position实现图片切换以提高渲染效率等等。从对网站的帮助角度来看，这些技巧远比浏览器hack更值得掌握。
了解一点js知识。这个和CSS关系不是那么密切，但经常看到很多人钻牛角尖，用js可以非常简单实现的效果，非要用CSS去勉强实现。例如将子菜单放在链接里，通过:hover触发。又比如多列等高布局的实现。这已经是行为层的范畴了，为什么还非要用表现层来实现呢？当然这里并不是说所有CSS不容易实现的都往js里扔，而是要了解一下双方的技术特点，合理地选用最佳方案。
4、必备的网站样式管理技巧
规范化的命名与合理的代码重用性，也就是ID和class。对不起，这里又要老生常谈一下，因为昨天刚刚又看到一个通篇没有用一个ID的网站。ID和class是属于结构层的，不过CSS的调用却几乎都要通过ID和class来实现。但是，ID和class不仅仅是为了调用CSS样式而存在的。恰恰相反，是良好的ID和class构建的结构给了CSS大展身手的舞台。搞反了彼此关系，其实还是表现主导结构的思路，也就和满屏幕的table没有本质区别。理清了ID、class和CSS的关系，再来谈命名，命名其实只有一个基本原则，就是结构化。当然，在结构化之余，body、框架、模块之间的命名如能以某种形式加以区别（我个人习惯是加不同前缀），会让代码更加清晰。
样式文件的管理，也就是如何存储网站的样式文件。如果是一个很小的网站，把所有样式存在一个文件中也是没有问题的。但大网站的CSS往往几十上百k，全部存在一个文件里不但影响网页加载，也不利于修改维护。如何分割CSS，需要事先做好规划，无论是按栏目按功能还是按层级，要根据自己网站的特点。
1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
2、下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右
4、在PS里做的图到了网上就不一样了，颜色等等方面，因为web上面只用到256web安全色，而ps中的rgb或者cmyk以及lab或者hsb的色域很宽颜色范围很广，所以自然会有失色的现象.
页面标准按800*600分辨率制作，实际尺寸为778*434px
页面长度原则上不超过3屏，宽度不超过1屏
每个标准页面为A4幅面大小，即8.5X11英寸
全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px
另外120*90，120*60也是小图标的标准尺寸
每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K
标准网页广告尺寸规格一、120*120，这种广告规格适用于产品或新闻照片展示。
二、120*60，这种广告规格主要用于做LOGO使用。
三、120*90，主要应用于产品演示或大型LOGO。
四、125*125，这种规格适于表现照片效果的图像广告。
五、234*60，这种规格适用于框架或左右形式主页的广告链接。
六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。
七、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。
八、88*31，主要用于网页链接，或网站小型LOGO。
像素大小 最大尺寸 备注
BUTTON 120*60(必须用gif) 7K
215*50(必须用gif) 7K
通栏 760*100 25K 静态图片或减少运动效果
430*50 15K
超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果
巨幅广告 336*280 35K
竖边广告 130*300 25K
全屏广告 800*600 40K 必须为静态图片，FLASH格式
各频道不同 15K
弹出窗口 400*300(尽量用gif) 40K
BANNER 468*60(尽量用gif) 18K
悬停按钮 80*80(必须用gif) 7K
流媒体 300*200（可做不规则形状但尺寸不能超过300*200） 30K 播放时间小于5秒60帧(1秒/12帧)
网页中的广告尺寸
1.首页右上，尺寸120*60&&&&
2.首页顶部通栏，尺寸468*60&&&&
3.首页顶部通栏，尺寸760*60
4.首页中部通栏，尺寸580*60&&
5.内页顶部通栏，尺寸468*60&&
6.内页顶部通栏，尺寸760*60
7.内页左上，尺寸150*60或300*300&&
8.下载地址页面，尺寸560*60或468*60
9.内页底部通栏，尺寸760*60&&
10.左漂浮，尺寸80*80或100*100
11.右漂浮，尺寸80*80或100*100以上几种说法可能有点小的出入，大家可以探讨一下。
IAB和EIAA发布新的网络广告尺寸标准
在这6种格式中，除了去年iab发布的4种“通用广告包”中的格式：160x600, 300x250, 180x150及728x90，还包括新公布的468x60
和120x600（擎天柱）2种。
文件夹命名
文件夹主要建立以下文件夹：
1、Images 存放一些网站常用的图片；
2、Css 存放一些CSS文件；
3、Flash 存放一些Flash文件；
4、PSD 存放一些PSD源文件；
5、Temp 存放所有临时图片和其它文件；
6、copyright 版权信息（可选）
8、readme 说明文件
Css统一命名
注：本CSS命名规则只适合物table制作模式下
1、 css文件统一放在css文件夹下；命名css.css
2、 主样式定义：body、table、td、tr、a
3、 链接样式定义：link_white（白色）；link_black
(黑色)；link_blue (蓝色) 等等；
说明:如有重复的后面加阿拉伯数字;如 link_red01 有下划线的如:link_red_
4、 文字样式定义：font_red (红色)；font_red_14
(红色14号字)；font_red_14b (红色14号加粗)
5、 边框样式定义：border_red_tblr
(红色四个边)；border_red_blr(红色底左右三边)；border_red_lr(红色左右两个边)；border_red_b (红色底一个边)等等；
6、 表单样式定义：text_100 (文本字段宽为100)；
textarea_200_red (文本区域宽为200有红色边框)；select_100 (列表宽为100)；button_150 (按钮宽150)；
说明：表单用宽度定义，在命名中最长写到：“text_100_red”
7、 线的样式定义：line_X (横线)；line_Y (竖线)；line_X_red (红色横线)；line_X_red2
(两个像素的红色横线)；说明：在line中只定义虚线，实线在border中定义
8、 其它样式定义：在这里主要定义一些个性化的样式；
head.asp 头文件
foot.asp 底文件
index.asp 首页文件
sort.html 分类嵌套文件
article_channel.asp 文章_频道页
article_list.asp 文章_列表页
article_detail.asp 文章_显示页
注明：如果有多个文章频道,则用article01,article02,article03等等
exhibit_channel.asp 展会信息_频道页
exhibit_list.asp 展会信息_列表页
exhibit_detail.asp 展会信息_显示页
product_channel.asp 产品中心_频道页
product_list.asp 产品中心_列表页
prodect_detail.asp 产品中心_显示页
corporation_channel.asp 会员_频道页
corporation_list.asp 会员_列表页
corporation_detail.asp 会员_显示页
information_channel.asp 商机信息_频道页
information_list.asp 商机信息_列表页
information_detail.asp 商机信息_显示页
job_channel.asp 招聘_频道页
job_list.asp 招聘_列表页
job_detail.asp 招聘_显示页
hr_channel.asp 求职_频道页
hr_list.asp 求职_列表页
hr_detail.asp 求职_显示页
job_hr_channel.asp 人才中心_频道页
job_hr_lisr.asp 人才中心_列表页
job_hr_detail.asp 人才中心_显示页
copyright.asp 版权页
1、导航命名：menu_****.gif 如：menu_bg
.gif(导航的背景图)
2、会员登录：login_****.gif 如：login_bg.gif
(会员登陆的背景图)
3、搜索命名：search_****.gif
如：search_bg.gif (搜索的背景图)
4、小 图 标：ico_数字.gif 如：ico_001.gif
5、线的命名：line_X_颜色.gif 如：line_X_red.gif(红色横向虚线)说明：line只命名虚线
line_Y_red.gif(红色纵向虚线)
6、广告命名：ad_数字.gif 如：ad_001.gif
7、其它栏目的图片：以栏目名的第一个字母_****.gif
如：xwzx_bg.gif (新闻中心背景) cpzx_l.gif (产品中心的左边图)
8、产品与栏目热点图片： pic_数字.gif 如：pic_001.gif
说明：上、下、左、右
可以缩写为T、B、L、R
CSS标准化设计命名
1、类class的命名规范示例
　　头：header
　　内容：content/container
　　尾：footer
　　导航：nav
　　侧栏：sidebar
　　栏目：column
　　页面外围控制整体布局宽度：wrapper
　　左右中：left right center
　　登录条：loginbar
标志：logo
　　广告：banner
　　页面主体：main
　　热点：hot
　　新闻：news
　　下载：download
　　子导航：subnav
　　菜单：menu
　　子菜单：submenu
　　搜索：search
　　友情链接：friendlink
　　页脚：footer
　　版权：copyright
　　滚动：scroll
　　内容：content
　　标签页：tab
　　文章列表：list
　　提示信息：msg
　　小技巧：tips
　　栏目标题：title
　　加入：joinus
　　指南：guild
　　服务：service
　　注册：regsiter
　　状态：status
　　投票：vote
　　合作伙伴：partner
2、注释的写法
　　/* Footer */
　　内容区
　　/* End Footer */
3、id的命名规范示例
　　(1)页面结构
　　容器: container
　　页头：header
　　内容：content/container
　　页面主体：main
　　页尾：footer
　　导航：nav
　　侧栏：sidebar
　　栏目：column
　　页面外围控制整体布局宽度：wrapper
　　左右中：left right center
　　(2)导航
　　导航：nav
　　主导航：mainbav
　　子导航：subnav
　　顶导航：topnav
　　边导航：sidebar
　　左导航：leftsidebar
　　右导航：rightsidebar
　　菜单：menu
　　子菜单：submenu
　　标题: title
　　摘要: summary
　　(3)功能
　　标志：logo
　　广告：banner
　　登陆：login
　　登录条：loginbar
　　注册：regsiter
　　搜索：search
　　功能区：shop
　　标题：title
　　加入：joinus
　　状态：status
　　按钮：btn
　　滚动：scroll
　　标签页：tab
　　文章列表：list
　　提示信息：msg
　　当前的: current
　　小技巧：tips
　　图标: icon
　　注释：note
　　指南：guild
　　服务：service
　　热点：hot
　　新闻：news
　　下载：download
　　投票：vote
　　合作伙伴：partner
　　友情链接：link
　　版权：copyright
4、类class的书写规范示例
　　(1)颜色:使用颜色的名称或者16进制代码,如
　　.red { color: }
　　.f60 { color: #f60; }
　　.ff8600 { color: #ff8600; }
　　(2)字体大小,直接使用"font+字体大小"作为名称,如
　　.font12px { font-size: 12 }
　　.font9pt {font-size: 9 }
　　(3)对齐样式,使用对齐目标的英文名称,如
　　.left { float: }
　　.bottom { float: }
　　(4)标题栏样式,使用"类别+功能"的方式命名,如
　　.barnews { }
　　.barproduct { }
5、CSS文件命名示例
　　主要的 master.css
　　模块 module.css
　　基本共用 base.css
　　布局，版面 layout.css
　　主题 themes.css
　　专栏 columns.css
　　文字 font.css
　　表单 forms.css
　　补丁 mend.css
　　打印 print.css
6、注意事项
　　(1)一律小写;
　　(2)尽量用英文;
　　(3)不加中杠和下划线;
　　(4)尽量不缩写，除非一看就明白的单词.
喜欢该文的人也喜欢看看网页高手怎么理解Web标准
互联网 & 发布时间： 19:18:31 & 作者：佚名 &
与老友闲聊，不想夜晚的猫子都很亢奋，聊了很多。Web标准及Div CSS相关知识是老友很擅长的，妙语连珠。我觉得聊天过程完整也较有意义，转贴闲聊过程如下：
横导航链接为什么要用UL LI
为什么不直接在一行写上文本链接呢
列表本身就有
与老友闲聊，不想夜晚的猫子都很亢奋，聊了很多。Web标准及Div CSS相关知识是老友很擅长的，妙语连珠。我觉得聊天过程完整也较有意义，转贴闲聊过程如下：
横导航链接为什么要用UL LI为什么不直接在一行写上文本链接呢 列表本身就有列表符号，同时列表项也要分行显示做成横向的，既要使得不显示列表符号，又要将他们内嵌到一行。----------------------------------------------------------------------思维是这样的。什么才是标准。什么叫分离。什么叫结构。标准是一系列标准。分离的是表现，内容和行为。而内容则决定了结构。用合适的标签来组织文档，这是内容（结构）的基础。导航从其本意上说，不是一个段落P，更不是一些个标题Hx，也不是一个DIV，DIV只是部分与分区。导航实质上就是一个无序列表。也就是说，用UL LI来组织导航的内容，更具有语义，具有更好的结构。至于说，列表项预设标记，与垂直竖向的方式。是撇开不谈的。只需要建立一个具有良好结构与富含语义的文档即可。表现，交给CSS完成。行为，交给JS完成。
列表通用性较广，是不是做出语义性元素更有针对性？----------------------------------------------------------------------在页面中很多元素，都是列表元素。不过在使用的时候，要注意，不要滥用。另外在UL外面，更多的时候不需要外设DIV标签，它本身就是一个块元素。
现在全靠 div span ul ，标准里面不标准。----------------------------------------------------------------------现在标准是不够标准，但分离与结构的原则应该是很重视的。能有好的结构，分离的够彻底，就很不错了。
Web标准是CSS布局 准确么 ----------------------------------------------------------------------不正确。CSS布局是实现WEB标准的基础。
如何实现Web标准----------------------------------------------------------------------结构化文档。行为，表现，内容，三者分离。具有更好的适应性与扩展性。并不是说，用CSS进行布局就是标准了。这只是其中一步。
谈到把DIV CSS说成Web标准的普遍说法，其实有些人硬找茬，大家都知道Web标准不只是这些，是思想，是内容和表现分离的主导思想，是结构化代码，而代码中的代表DIV就成了焦点了&&另外，我觉得DIV CSS已经类似于中国语言中的&约定俗称&，大家都知道这层意思了 ----------------------------------------------------------------------对，我就说的随大流。DIV CSS，实际上成为CSS网页布局的代名词。而CSS网页布局就是WEB标准化构成的一个环节而已。除了CSS，还要讲结构HTML，讲DOM，JAVASCRIPT等等。最后就一个结果，要想符合标准，先DIV CSS再说~~~~~~~~~~~~但并不是DIV CSS，就是标准了。
大家感兴趣的内容
12345678910
最近更新的内容Web标准之道_百度百科
清除历史记录关闭
声明：百科词条人人可编辑，词条创建和修改均免费，绝不存在官方及代理商付费代编，请勿上当受骗。
Web标准之道
《Web标准之道》是2009年人民邮电出版社出版的图书，作者是阿一 、棕熊、李战、丁学。
Web标准之道内容简介
《Web标准之道:博客园精华集》由博客园知名博主联手打造，涉及Web标准、HTML/CSS、JavaScript、SEO优化等诸多领域，内容新颖，观点独特，妙语连珠。《Web标准之道:博客园精华集》并不是一本由代码和技巧堆积而成的集合，更多的是探讨了Web设计中若干理念和心得，其中多为经验之谈。无论对于从事Web前端设计的人士，还是对于那些从事Web后端编程的技术人员，《Web标准之道:博客园精华集》都极具参考价值。其中时常有颠覆传统之作，个中滋味，请读者自行品味。
Web标准之道编辑推荐
《Web标准之道:博客园精华集》由人民邮电出版社出版。半年前，在博客同这杆大旗下的感召下，一群园友聚到了一起，组成了博客园精华集编委会，酝酿着一出好戏。这期间，有过争执，但更多的是合作。长期的磨合，使得来自五湖四海的编委会成员互相熟悉，甚至无话不谈。这，也是一种财富。今天，博客园这坛好酒，在陈酿了五年之后，终于要开封了。这是一本关于Web标准、前端编程、网站优化的集大成之作，代表了博客园在Web领域的最高水准。所选文章大多是经验之谈，所谓技术人士的“心灵老鸭汤”：全书最有撼力的文章，莫过于Cat Chen的《欲练CSS，必先宫IE》；鸟食轩和老赵的文章偏实用，主要集中在Javascript领域；爆牙齿的《重构之美》系列，则有“采菊东篱下，悠然见南山”的意境。 妙笔生花之作不胜枚举，正所谓：备美酒兮以飨佳朋，身心俱醉。博客园的草根技术文集，博客园五年精华与沉淀，众多MVP倾情奉献。
Web标准之道目录
第一部分　HTML/CSS　　谈谈网页设计中的字体应用(1)——Font Set　2　　目前的网页还是以文字信息为主，而字体作为文字表现形式的最重要参数之一，自然有着相当重要的地位。可惜字体的重要性在很长时间内并没有得到足够的重视　　谈谈网页设计中的字体应用(2)——serif和sans-serif　5　　有多少人可以正确地使用它们呢？有多少人真正了解这两个通用字体族呢？本文将给您一个最清楚深入的剖析　　谈谈网页设计中的字体应用(3)——实战应用篇·上　10　　谈谈网页设计中的字体应用(4)——实战应用篇·下　14　　纸上谈兵终是虚，让我们在战场上学习更多的技能　　让CSS区分各种各样的input　19　　input代表的实在太多了，但它们却不可能使用相同的样式，当我们不想添加成片的class时，试试这里的方法，四个解决方案，总有一个您需要的　　一个常被问到的问题： 如何让层盖住select　25　　IE 6依然是目前的主流浏览器，IE 6的select也一直“高高在上”，经常遇到的问题却成为一直以来的话题，本文将为您展现终极解决方案　　兼容IE、Firefox的图片自动缩放的CSS　29　　厌烦了写大量的JavaScript来控制一个个的图片，那么来用CSS(当您不能确定expression将会带来什么的时候，请谨慎使用)　　第二部分　Web标准　　Web标准页面设计——要注意的很多　32　　本文是作者在做完一个大型项目之后的总结，提到了很多方面，相信这些知识点对所有走在Web标准化道路上的人都有很大的帮助　　欲练CSS，必先宫IE　39　　Win国天下，欲练CSS之人不在少数，大多不得要领，又或是走火入魔，全为IE所累。故曰：欲练CSS，必先宫IE　　你有table/强迫症吗　42　　如果你宫了IE然而还是觉得不得要领，那就该怀疑自己是不是有传说中的table强迫症了　　根本不存在DIV + CSS布局这回事　44　　看了上面的两篇文章，您是不是已经开始拿DIV+CSS布局来和table布局进行比较了？实际上，用于布局的只有CSS，根本不存在DIV+CSS布局这回事　　慎用XHTML标签的自关闭写法　47　　请注意：并不是所有标签都可以自关闭　　Web标准不标准　49　　一群会用table蹩脚布局的网页初学者嘲笑着那些对网页制作一窍不通的门外汉；而一群自认为Table布局无所不能的Table布局拥护者则嘲笑着那群用Table蹩脚布局的网页初学者；那些刚试着将几个页面中的TABLE换成DIV的所谓的Web标准设计者则嘲笑着那群死抱Table布局不放的table布局设计者；而一群焦头烂额终于在网站上贴上“W3C验证通过HTML网站”图标的自认高人的Web标准设计者则嘲笑着那群以为“DIV+CSS”就是Web标准的Web标准设计初学者；但是当我们把网页放在不同的浏览器中的时候，却发现我们全部都被“Web标准设计”嘲笑了　　走在Web标准化设计的路上[唠叨先]　53　　晕，现在才谈XHTML是不是太晚了点，这东东2004就火了一把了。其实，作为一项技术，没有火与不火的说法，也没有早与晚的说法。技术的生命力和火没有关系，不知道不理解没学会怎么都不晚　　走在Web标准化设计的路上——振臂一呼：CSS，Stop!　55　　近几年Web标准的推广变成了CSS的推广，CSS重要吗？我们不要CSS行不行？你找一大堆完全合理的理由……“行不行？”“行！”那就对了，我说不要你的CSS，我要他的CSS，又行不行？那么和XHTML相比，CSS重要在哪里　　走在Web标准化设计的路上——对HTML/XHTML/XML/XSL的 一些认识　57　　让我们从这里开始更深入地了解这些L们　　走在Web标准化设计的路上——深入结构：理解h系列的不合理　60　　HTML中的6个标题Tag(h1/h2/h3/h4/h5/h6)，设计得是否合理？理由？解决办法　　走在Web标准化设计的路上——深入结构：合理运用DIV和SPAN　66　　把DIV看成是布局元素的人非常多，类似有“用div代替table进行布局”、“实战CSS+DIV布局”等，太多了，可是，DIV却不是布局元素，更可怕的是XHTML中根本不存在一个布局元素　　走在Web标准化设计的路上深入结构：DIV再议以及对SPAN的迷惑　70　　上篇文章中主要否定了使用DIV进行布局这种说法，提出DIV应当用于组织代码结构，现在我们再深入一点，DIV拥有语义吗　　走在Web标准化设计的路上——复杂表单　74　　走在Web标准化设计的路上[复杂表单：Reload]　77　　一直有种说法：Table用于数据表，对于复杂表单，Table也是最好的选择，那么，到底复杂表单是否应该使用Table　　走在Web标准化设计的路上[深入语义：列表和表格的抉择]　83　　问题：XHTML中的列表Tag(ul/ol)和表格Tag(Table)区别何在？对于单列多行下的数据表，如何判断和选择　　IE 7标准之道——1. 更丰富的CSS选择符　86　　IE 7最令网页设计者兴奋的改进，便是支持更多、更丰富的CSS选择符，因此可以更方便地实现一些在IE 6中很难实现或者无法实现的效果。下面就让我们看看这些令人兴奋的、IE 7新支持的选择符　　IE 7标准之道——2：引起页面布局混乱的祸首　98　　页面乱了！谁搞的？让本文带您进入侦探之路　　IE 7标准之道——3：歌剧院魅影bug　114　　估计很多朋友都对这个华丽的“歌剧院魅影”有眼前一亮的感觉，其实这纯粹是一个标题党作为，这个Bug和歌剧院半毛钱关系都没有。这个bug在国际上比较获得认可的名字叫做——“IE 6重复文字Bug”。这是一个非常好玩但是又很令人摸不透的bug　　IE 7标准之道——4：上去了！终于上去了　118　　这是IE 6一个很著名且诡异的bug，很简单，也很容易重现。说白了就是：列表框(select)一直把DIV踩在脚底下。因为这个bug，不知道多少浮动菜单被破坏　　IE 7标准之道——5：置换元素与行距bug　122　　也许您没有听说过“置换元素”这个词，但这个问题您一定遇到过　　IE 7标准之道——6：float双倍margin bug　129　　很出名，很常见，很简单，如何修正呢？这里有最好的答案　　IE 7标准之道——7：躲猫猫bug　134　　我的文字不见了！躲哪里去了？IE开发团队都不知道，我们怎么可能知道？但是我们却有办法找出这个猫猫　　IE 7标准之道——8：疯了的边框线　138　　疯了，边框线算是彻底地疯掉了，这里却没有“为什么”，还好，我们有“怎么办”　　第三部分　安全与优化　　Web开发中你注意这些问题了吗(前台构架篇)　146　　Web 2.0带给我们更好的用户体验和更炫、更酷的效果，Javascript、Flash、Silverlight都跃跃欲试。于是，我们网站中有了越来越多的JS和CSS的文件和代码。随着数量的增多，如何管理这些文件和这些代码、如何通过合理的方式来提升性能，已经是我们必须面对的问题　　如何利用客户端缓存对网站进行优化　151　　你的网站在并发访问量很大并且无法承受压力的情况下，你会如何优化？很多人会回答服务器缓存，其实这里有更好的方式—客户端才是我们真正的战场　　如何提高网页的效率(上篇)——提高网页效率的14　　条准则　155　　网站最基本的东西是什么？——内容？SEO(搜索引擎优化)？UE(用户体验)？都不对！是速度　　如何提高网页的效率(下篇)——使用Yslow掌握网站慢的原因　164　　工欲善其事，必先利其器，上篇讲到网站最基本要素是速度，这一次将为大家带来很好用的工具，来协助我们提升网站的速度　　关于Web应用程序安全的思考　169　　没有绝对的安全，在Web上更没有。对于一个Web程序来讲，至少我们应该做到：自己(一个有经验的Web开发人员)攻不破这个系统。HTTP是开放的﹐因此谁都能向网络上公开的Web服务器发送request请求﹐要求一个URL，但可惜的是，Web服务器对于请求方的识别能力是很低的。使用URL进行安全管控的关键不是判断URL，而是判断每次request，检查每次request是否合法，以防止安全漏洞　　SEO——我们是不是走错了路　194　　多少公司把钱给了搜索引擎？多少人每天为SEO而工作？我们的工作是必要的吗？SEOer的存在是正确的吗？是不是在这条路上我们走进了迷途？存在即是合理，但我们依然可以停下来想一想，什么才应该是我们真正的追求　　第四部分　JavaScript　　JavaScript变量作用域及可访问性的探讨　200　　永远的话题，永远的焦点，不过，你可能永远无法找到比这里更好的探讨　　JavaScript中的this关键字　207　　你不知道的JavaScript——“this”　215　　两大高手共论“this”：太常用了，所有写过JavaScript的人都用过，以至于我们每个人都会认为自己很了解它，但是，我们真的了解吗？是不是在我们的理解之外，还有什么是我们没有想到的？看过这两篇文章后，你会发现一个不一样的“this”　　JavaScript代码压缩、加密算法分析及工具实现　220　　现在网上很多JavaScript都进行了压缩，同时代码变得不可直接阅读，也相当于一种简单的加密了，本文对其中一种典型的算法进行分析，并介绍如何解密代码和重新实现　　JavaScript Table排序　230　　网上也有很多其他的Table排序函数，有的基于数组，有的不够灵活。这个函数能在原有Table结构上加入功能，不用太多改动，基于OO的结构也易于使用(当然前提是对JS有一定认识)。这里只是满足基本需求，你可以自己动手扩展　　设计模式在JavaScript中的应用(1)——MVC　236　　采用了设计模式，程序无疑将具有更好的健壮性，可维护性以及可读性。所以，作为能工巧匠的您，也一定不会放过令程序蓬荜生辉的机会。让我们一起领略MVC模式　　设计模式在JavaScript中的应用(2)——Observer　243　　上篇我们讨论了Web开发中最重要的设计模式MVC，这一篇我们要讨论的是Observer模式。与MVC这样的大型设计模式相比，Observer模式则要轻量很多　　JavaScript面向对象之属性实现　248　　属性是对私有变量的一种保护手段，同时提供了像public变量一样的使用效果。近代的高级编程语言，(例如C#和Java)都支持属性这一特点，让我们在JavaScript里实现相同的功能　　基于“甘露模型”的多重继承和接口实现，附带“准”桥接模式的验证　251　　你是否听过“甘露模型”呢？是否觉得它在某些地方还不是特别完善？那么，在这篇文章里，让我们继续这个话题，让甘露来得更多一些　　在JavaScript面向对象编程中使用继承(1)　257　　前面几篇提到了使用JavaScript进行面向对象编程的一些内容，上一篇中实现了多重继承，在这里，让我们开始全面的了解“继承”在JavaScript中的应用，本篇列出了4种实现继承的方式　　在JavaScript面向对象编程中使用继承(2)　261　　本篇详细介绍了继承构造法，适用于：小规模类之间的继承，基类和子类的属性方法在5～8个，还有就是以构造函数中赋值方式导入类的属性和方法，而不用prototype导入的类编写习惯的时候　　在JavaScript面向对象编程中使用继承(3)　264　　原型继承法一样有它的缺点，仅适用于基类没有属性的情形，而优点也是相当明显：保持了子类构造函数的完整，可以不在里面添加任何和继承有关的代码，所有继承和重载操作都由对原型(prototype)的操作来完成　　在JavaScript面向对象编程中使用继承(4)　267　　本文介绍实例继承法，此种方法没有太经典的应用场景，不过对于基类比较复杂，而子类需要添加的属性方法很少，实例法还是显得挺清晰的。特别是对于Javacript对象动态扩展很熟悉的人，就更觉得明确了　　在JavaScript面向对象编程中使用继承(5)　269　　附加继承法，此方法由本系列作者独创，解决了上面3种经典继承方式的很多问题，使用起来异常强大，就像作者所说，适用场景为anywhere, anytime, anybody　　挣脱浏览器的束缚(1)——前言　273　　工欲善，必先利其器　　挣脱浏览器的束缚(2)——别让脚本引入坏了事　276　　Web应用中需要的脚本越来越多，传统的脚本引入方式已经越来越无法适应这种变化，在本篇中，老赵带我们一起看看如何完美解决脚本引入的问题　　挣脱浏览器的束缚(3)——两个连接还不够“并行”　281　　浏览器很傻，但是我们很聪明，于是，就有了突破浏览器双连接限制的方法　　挣脱浏览器的束缚(4)——王道！动态添加script元素　285　　突破双连接限制解决了一个很大的问题，但依然有更多的问题需要解决。动态添加script元素也同样有着很多的麻烦和问题，但这并不妨碍它成为“王道”，且听老赵慢慢道来　　挣脱浏览器的束缚(5)——哭笑不得的IE Bug　289　　在IE中，如果同时建立两个以上“连接状态”的连接，那么就很不幸地出现了问题：浏览器停止响应了！不过还好，浏览器很傻，JavaScript也很傻，我们可以很容易地骗过去
．豆瓣读书[引用日期]
清除历史记录关闭}