html doctype 浅见
来源:互联网 发布:tomcat nginx 编辑:程序博客网 时间:2024/05/01 13:04
最近一直在做Mobage平台的游戏,所以有很长时间没有碰web相关的东西。最近,帮人写个网站,因为对自己的html+css还是有点小信心的,然后就直接在chrome上面测试,一切都很好,但是在ie上面一看,咦,怎么变样了。按照经验,乱找一通。最后发现竟然是因为偷懒,大义或者说是经验不够,导致漏掉了<!DOCTYPE HTML>。
切入正题,关于DOCTYPE,当然网上关于这方面的文章也是一大堆一大堆。大致分为以下几类:
HTML 5:<!DOCTYPE HTML >
HTML 4 strict:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
(不能在标签内编辑样式,如<div color="#FFFFFF"></div>,只能用css。 PS:我的大致理解)
HTML 4.01 Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
(可以把style设置进标签属性中。)
还有个不常用的 HTML 4.01 Frameset
对于3种定义有着相对应的表现模式,分别为: Quirks Mode, Standards Mode, Almost Standards Mode。
对于这三种mode,Quirks Mode(也称怪异模式)是绝对禁用的,他会使你的网页给你意想不到的惊喜。也就是像我这样因为漏了定义DOCTYPE所导致的结果。
Standards Mode: 一开始我是认为,这种标准模式是由w3c定义的,后来查了资料发现,每个游览器各自会有一种标准,所以一般来说,这种模式会有些许差异,不过并不影响页面的布局。
切入正题,关于DOCTYPE,当然网上关于这方面的文章也是一大堆一大堆。大致分为以下几类:
HTML 5:<!DOCTYPE HTML >
HTML 4 strict:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
(不能在标签内编辑样式,如<div color="#FFFFFF"></div>,只能用css。 PS:我的大致理解)
HTML 4.01 Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
(可以把style设置进标签属性中。)
还有个不常用的 HTML 4.01 Frameset
对于3种定义有着相对应的表现模式,分别为: Quirks Mode, Standards Mode, Almost Standards Mode。
对于这三种mode,Quirks Mode(也称怪异模式)是绝对禁用的,他会使你的网页给你意想不到的惊喜。也就是像我这样因为漏了定义DOCTYPE所导致的结果。
Standards Mode: 一开始我是认为,这种标准模式是由w3c定义的,后来查了资料发现,每个游览器各自会有一种标准,所以一般来说,这种模式会有些许差异,不过并不影响页面的布局。
Almost Standards Mode: 相对于standards mode,会减少游览器间的差异。
最后,奉上一篇很好的文章,希望了解更全的可以去这里看http://hsivonen.iki.fi/doctype/。
PS:半夜,吐槽360游览器,真是渣渣,它的默认竟然是兼容模式。
- html doctype 浅见
- HTML DOCTYPE
- DOCTYPE! HTML
- HTML DOCTYPE
- <!DocType Html>
- HTML DOCTYPE
- <!DOCTYPE html>
- <!DOCTYPE html>
- <!DOCTYPE html>
- HTML <!DOCTYPE>
- <!DOCTYPE html>
- HTML DOCTYPE
- <!DOCTYPE html>
- <!DOCTYPE html>
- HTML-DOCtype
- <!DOCTYPE HTML>
- 【html】<!DOCTYPE html>很重要
- 关于DOCTYPE html PUBLIC
- CSS的优先级别
- Android应用开发基础篇(14)-----自定义标题栏
- loadrunner 三种post函数区别
- How to find if native dll is compiled as x64 or x86?
- 写在00100010岁
- html doctype 浅见
- 雕虫小技让Discuz利用WinwebMail发邮件
- win7使用笔记本做wifi热点
- LightHouse3D的GLSL教程
- CGI中表单信息的编码规则
- Flex中的CSS: (2)三种基本类型的CSS会被编译器转换为什么样的AS代码?
- CentOS6下VNC的安装与配置
- Converting an uppercase letter to lowercase
- 服务器的三大使用误区及如何正确使用方法