字体设置

sans和sans-serif为通用字体,具体哪个字体被最终应用由浏览器决定,通用字体只有在其他字体都无效时才会被当作代替方案。通用字体应该放在最后面

sans衬线字体

容易阅读,一般使用在正文内容或字体比较小的情况下

sans-serif无衬线字体

容易疲劳,一般在文章标题中使用

如果在正文中使用无衬线字体,那么必须保证字体设置的足够大

monospace等宽字体

指每个字符宽度都一致,使用它可以特别容易对齐,另外它可以是衬线的或非衬线字体。

缺字符

当有指定的字体但因为里面没有找到对应的字符时,会显示成缺字符,一般表现为 “口”

字体名加引号和不加引号的区别就是,中文会忽略字体名称左右的空白字符,英文会将多个空格合并成一个空格。

html与xhtml

html与xhtml非常像,不过xhtml比html更加严格,因为xhtml想往xml方向发展,但html太过于松散,导致如果将html放到xml中,将会无法运行。

DOCTYPE

一些浏览器为了兼容早期的网站,避免和web标准起冲突,于是一些浏览器厂商想出了一个办法,他们认为如果那些不知道web标准的人,他们写的代码一定也不符合标准,于是他们把没有写DOCTYPE或者DOCTYPE写错的页面,用怪异模型来渲染页面。但是到了这个年代,web标准已然成为了潮流,因此通过DOCTYPE来判断以及不再适合。

设置Content-type

当服务器端忘记设置返回Content-type时,浏览器会尝试使用页面设置的Content-type来设置字符编码

ie6 overflow bug

ie6有overflow:visibile bug,会父元素会自适应子元素,因此高度自适应可以使用_height

div与table

div不是用来布局的, css才是。也不是div比table合理,而是看你要做什么。

扩展的趁势是产生列的时候,使用table

排队,排队

多列布局的网页十分多见,别的不说,就是现在我使用的博客园的这个风格就是个两列的布局。左面的side,右面的是main。依照大家的阅读习惯,html里面当然应该先写左面的side,然后再写右面的main。其实,这样做是不合理的。因为浏览器的解析是从上到下的。先解析出来的先显示,后解析出来的后显示。而左面的导航栏并不是用户急于想看到的,用户急于想看到的是main里面的文章的内容。所以正确的写法是侧边栏写在下面,网页主题写在上面,然后利用float样式,让它们出现在左边或者右边。

不是所有的标签都是能自闭合

比如:

<textarea>
<script>

h1 - h6的不合理性

究竟是h1大还是h6大,就算抛开这一点,如果有更多的子集那么用h几?因此在html5中,添加了一个section标签,每个section就是一个块。

xml

html想往xml上靠,主要是因为他们想让html更加结构化

attachEvent

attachEvent中的this是指window,因为它相当于是引用了一个函数

监听模式

将所有需要绑定事件的,push到一个数组中,循环

函数中的变量

如果将函数当做构造函数或者闭包来使用,那么只有对象销毁的时候,里面的变量才会销毁(代验证,chrome不存在这个问题)

浏览器无法并行下载的原因

浏览器认为在JS脚本中可能会输出HTML内容,导致页面错乱,因为顺序问题,而使用defer属性,则是告诉浏览器,这个脚本中不会输出HTML内容

一些问题

1、在分配ID和类名时,尽可能保持与表现形式无关,例如contleft有可能以后希望出现在右边。

2、不要动态修改 DOM 里面的 id 属性,IE低版本,id修改后并不会自动去重新匹配CSS规则

web标准之道——笔记的更多相关文章

  1. 《精通CSS:高级Web标准解决方案》学习笔记(上)

    鉴于国产CSS书籍基本都是辣鸡的现状,我在半年前动用某工作室的购书资金采购了一些技术书籍,这本广受好评的<精通CSS>也在其中.但是在阅读过后我深深的感觉到,如果说CSS本来已经是一种很琐 ...

  2. HTML5, CSS3, ES5新的web标准和浏览器支持一览 转

    本文整理了一些最重要(或者说人气比较高罢)的新标准,虽然它们多数还只是w3c的草案,离Recommendation级别还早,却已经成为新一轮浏览器大战中备受追捧的明星,开发者社区里也涌现出大量相关的d ...

  3. <<Java RESTful Web Service实战>> 读书笔记

    <<Java RESTful Web Service实战>> 读书笔记 第一章   JAX-RS2.0入门 REST (Representational State ransf ...

  4. 每天成长一点---WEB前端学习入门笔记

    WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...

  5. 【转载】跟随 Web 标准探究DOM -- Node 与 Element 的遍历

    跟随 Web 标准探究DOM -- Node 与 Element 的遍历 这个是 Joyee 2014年更新的,可能是转战github缘故,一年多没有跟新了.这篇感觉还挺全面,就转载过来,如以前文章一 ...

  6. 深入理解Web标准(网站标准)

    深入理解Web标准(网站标准)   我觉得一名Web前端应该好好理解Web标准到底是什么,为什么要在我们的实际实践中遵循Web标准. 什么是Web标准.百度百科的解释是: WEB标准不是某一个标准,而 ...

  7. 一键保存Feedly里的文章到有道笔记

    写在之前:今天升级了有道笔记3.5,发现有道笔记支持发邮件保存笔记了,所以就分享一下怎么通过IFTTT保存到有道笔记.因为IFTTT是外国货,所以一直没有有道笔记的频道,不过有了发邮件保存笔记的功能, ...

  8. 我所理解的RESTful Web API [Web标准篇]

    REST不是一个标准,而是一种软件应用架构风格.基于SOAP的Web服务采用RPC架构,如果说RPC是一种面向操作的架构风格,而REST则是一种面向资源的架构风格.REST是目前业界更为推崇的构建新一 ...

  9. asp.net开发与web标准的冲突问题

    Visual Studio .net从2003到现在的2008,一路走来慢慢强大……从以前的vs2003能自动改乱你的html代码到现在在vs2008中都能直接对html代码进行w3c标准验证并提示了 ...

随机推荐

  1. 如何一步一步用DDD设计一个电商网站(三)—— 初涉核心域

    一.前言 结合我们本次系列的第一篇博文中提到的上下文映射图(传送门:如何一步一步用DDD设计一个电商网站(一)—— 先理解核心概念),得知我们这个电商网站的核心域就是销售子域.因为电子商务是以信息网络 ...

  2. 使用 JavaScriptService 在.NET Core 里实现DES加密算法

    文章<ASP.NET Core love JavaScript>和<跨平台的 NodeJS 组件解决 .NetCore 不支持 System.Drawing图形功能的若干问题> ...

  3. Redis百亿级Key存储方案(转)

    1 需求背景 该应用场景为DMP缓存存储需求,DMP需要管理非常多的第三方id数据,其中包括各媒体cookie与自身cookie(以下统称supperid)的mapping关系,还包括了supperi ...

  4. 步入angularjs directive(指令)--准备工作熟悉hasOwnProperty

    在讲解directive之前,先做一下准备工作,为何要这样呢? 因为我们不是简单的说说directive怎么用,还要知道为什么这么用!(今天我们先磨磨刀!). 首先我们讲讲js 基础的知识--hasO ...

  5. Asp.Net WebApi核心对象解析(上篇)

    生活需要自己慢慢去体验和思考,对于知识也是如此.匆匆忙忙的生活,让人不知道自己一天到晚都在干些什么,似乎每天都在忙,但又好似不知道自己到底在忙些什么.不过也无所谓,只要我们知道最后想要什么就行.不管怎 ...

  6. 代码的坏味道(22)——不完美的库类(Incomplete Library Class)

    坏味道--不完美的库类(Incomplete Library Class) 特征 当一个类库已经不能满足实际需要时,你就不得不改变这个库(如果这个库是只读的,那就没辙了). 问题原因 许多编程技术都建 ...

  7. CSharpGL(33)使用uniform块来优化对uniform变量的读写

    CSharpGL(33)使用uniform块来优化对uniform变量的读写 +BIT祝威+悄悄在此留下版了个权的信息说: Uniform块 如果shader程序变得比较复杂,那么其中用到的unifo ...

  8. C#通过NPOI操作Excel

    参考页面: http://www.yuanjiaocheng.net/webapi/create-crud-api-1-post.html http://www.yuanjiaocheng.net/w ...

  9. C#使用GET、POST请求获取结果

    C#使用GET.POST请求获取结果,这里以一个简单的用户登陆为例. 1. 使用GET请求获取结果 1.1 创建LoginHandler.aspx处理页面 protected void Page_Lo ...

  10. Android之使用Bundle进行IPC

    一.Bundle进行IPC介绍 四大组件中的三大组件(Activity.Service.Receiver)都是支持在Intent中传递Bundle数据的,由于Bundle实现了Parcelable接口 ...