字体设置

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. iOS可视化动态绘制连通图

    上篇博客<iOS可视化动态绘制八种排序过程>可视化了一下一些排序的过程,本篇博客就来聊聊图的东西.在之前的博客中详细的讲过图的相关内容,比如<图的物理存储结构与深搜.广搜>.当 ...

  2. Be Better:遇见更好的自己-2016年记

    其实并不能找到好的词语来形容过去的一年,感觉就如此平淡的过了!没有了毕业的稚气,看事情淡了,少了一丝浮躁,多了一分认真.2016也许就是那句话-多读书,多看报,少吃零食多睡觉,而我更愿意说--Be B ...

  3. AFNetworking 3.0 源码解读(六)之 AFHTTPSessionManager

    AFHTTPSessionManager相对来说比较好理解,代码也比较短.但却是我们平时可能使用最多的类. AFNetworking 3.0 源码解读(一)之 AFNetworkReachabilit ...

  4. 走进缓存的世界(三) - Memcache

    系列文章 走进缓存的世界(一) - 开篇 走进缓存的世界(二) - 缓存设计 走进缓存的世界(三) - Memcache 简介 Memcache是一个高性能的分布式内存对象缓存系统,用于动态Web应用 ...

  5. WPF中Grid实现网格,表格样式通用类

    /// <summary> /// 给Grid添加边框线 /// </summary> /// <param name="grid"></ ...

  6. [数据结构]——堆(Heap)、堆排序和TopK

    堆(heap),是一种特殊的数据结构.之所以特殊,因为堆的形象化是一个棵完全二叉树,并且满足任意节点始终不大于(或者不小于)左右子节点(有别于二叉搜索树Binary Search Tree).其中,前 ...

  7. CSS margin详解

    以下的分享是本人最近几天学习了margin知识后,大有启发,感觉以前对margin的了解简直太浅薄.所以写成以下文章,一是供自己整理思路:二是把知识分享出来,避免各位对margin属性的误解.内容可能 ...

  8. MongoDB学习笔记二—Shell操作

    数据类型 MongoDB在保留JSON基本键/值对特性的基础上,添加了其他一些数据类型. null null用于表示空值或者不存在的字段:{“x”:null} 布尔型 布尔类型有两个值true和fal ...

  9. grep 查找bash脚本中的注释代码

    出于安全性的考虑,不建议在bash脚本中注释掉不使用的代码.也就是说如果某段代码不使用了,那么应该删除掉,而不是简单地注释掉.假如你突然意识到这一点,而以前并没有遵从这个原则,现在需要找出脚本中的注释 ...

  10. 警惕!高版本VS发布时预编译导致Mono中Razor找不到视图

    早前一段时间,一位朋友在Q群里面找到我,说它按照<Linux.NET学习手记>的操作,把一个ASP.NET MVC 4.0的项目部署到Mono之后出现Razor无法找到视图的现象.当时费了 ...