web标准之道——笔记
字体设置
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标准之道——笔记的更多相关文章
- 《精通CSS:高级Web标准解决方案》学习笔记(上)
鉴于国产CSS书籍基本都是辣鸡的现状,我在半年前动用某工作室的购书资金采购了一些技术书籍,这本广受好评的<精通CSS>也在其中.但是在阅读过后我深深的感觉到,如果说CSS本来已经是一种很琐 ...
- HTML5, CSS3, ES5新的web标准和浏览器支持一览 转
本文整理了一些最重要(或者说人气比较高罢)的新标准,虽然它们多数还只是w3c的草案,离Recommendation级别还早,却已经成为新一轮浏览器大战中备受追捧的明星,开发者社区里也涌现出大量相关的d ...
- <<Java RESTful Web Service实战>> 读书笔记
<<Java RESTful Web Service实战>> 读书笔记 第一章 JAX-RS2.0入门 REST (Representational State ransf ...
- 每天成长一点---WEB前端学习入门笔记
WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...
- 【转载】跟随 Web 标准探究DOM -- Node 与 Element 的遍历
跟随 Web 标准探究DOM -- Node 与 Element 的遍历 这个是 Joyee 2014年更新的,可能是转战github缘故,一年多没有跟新了.这篇感觉还挺全面,就转载过来,如以前文章一 ...
- 深入理解Web标准(网站标准)
深入理解Web标准(网站标准) 我觉得一名Web前端应该好好理解Web标准到底是什么,为什么要在我们的实际实践中遵循Web标准. 什么是Web标准.百度百科的解释是: WEB标准不是某一个标准,而 ...
- 一键保存Feedly里的文章到有道笔记
写在之前:今天升级了有道笔记3.5,发现有道笔记支持发邮件保存笔记了,所以就分享一下怎么通过IFTTT保存到有道笔记.因为IFTTT是外国货,所以一直没有有道笔记的频道,不过有了发邮件保存笔记的功能, ...
- 我所理解的RESTful Web API [Web标准篇]
REST不是一个标准,而是一种软件应用架构风格.基于SOAP的Web服务采用RPC架构,如果说RPC是一种面向操作的架构风格,而REST则是一种面向资源的架构风格.REST是目前业界更为推崇的构建新一 ...
- asp.net开发与web标准的冲突问题
Visual Studio .net从2003到现在的2008,一路走来慢慢强大……从以前的vs2003能自动改乱你的html代码到现在在vs2008中都能直接对html代码进行w3c标准验证并提示了 ...
随机推荐
- JavaScript进阶之路(一)初学者的开始
一:写在前面的问题和话 一个javascript初学者的进阶之路! 背景:3年后端(ASP.NET)工作经验,javascript水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...
- 在SQL2008查找某数据库中的列是否存在某个值
在SQL2008查找某数据库中的列是否存在某个值 --SQL2008查找某数据库中的列是否存在某个值 create proc spFind_Column_In_DB ( @type int,--类型: ...
- nw.js桌面软件开发系列 第0.1节 HTML5和桌面软件开发的碰撞
第0.1节 HTML5和桌面软件开发的碰撞 当我们谈论桌面软件开发技术的时候,你会想到什么?如果不对技术本身进行更为深入的探讨,在我的世界里,有这么多技术概念可以被罗列出来(请原谅我本质上是一个Win ...
- HTML中上传与读取图片或文件(input file)----在路上(25)
input file相关知识简例 在此介绍的input file相关知识为: 上传照片及文件,其中包括单次上传.批量上传.删除照片.增加照片.读取图片.对上传的图片或文件的判断,比如限制图片的张数.限 ...
- .Net多线程编程—任务Task
1 System.Threading.Tasks.Task简介 一个Task表示一个异步操作,Task的创建和执行是独立的. 只读属性: 返回值 名称 说明 object AsyncState 表示在 ...
- docker for mac 学习记录
docker基本命令 docker run -d -p 80:80 --name webserver nginx 运行容器并起别名 docker ps 展示目前启动的容器 docker ps -a 展 ...
- 【iOS】Xcode8+Swift3 纯代码模式实现 UICollectionView
开发环境 macOS Sierra 10.12.Xcode 8.0,如下图所示: 总体思路 1.建立空白的storyboard用于呈现列表 2.实现自定义单个单元格(继承自:UICollectionV ...
- linux服务器开发一 基础
注:本文仅限交流使用,请务用于商业用途,否则后果自负! Linux 1.Linux介绍 Linux是类Unix计算机操作系统的统称. Linux操作系统的内核的名字也是“Linux”. Linux这个 ...
- ABP创建数据库操作步骤
1 ABP创建数据库操作步骤 1.1 SimpleTaskSystem.Web项目中的Web.config文件修改数据库配置. <add name="Default" pro ...
- SAP CRM 用户界面对象类型和设计对象
在CRM中的用户界面对象类型的帮助下,我们可以做这些工作: 进行不同的视图配置 创建动态导航 从设计层控制字段标签.值帮助 控制BOL对象的属性的可视性 从导航栏访问自定义组件 一个用户界面对象类型之 ...