还是得注意DOCTYPE的声明

2024-01-12 16:32
文章标签 声明 注意 doctype

本文主要是介绍还是得注意DOCTYPE的声明,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前两天才提到DOCTYPE的问题,今天在博客堂发现也有人为它所困扰。在lostinet《可怕的loose.dtd》这篇文章里谈到因为使用了DOCTYPE使一个样式失效的问题。但是仔细看了看,发现其实并不是因为DOCTYPE在做怪,而是不正确的html代码和没有理解DOCTYPE造成。

下面这个html代码是lostinet提到的失效的代码:
<div style='height:400px;width:400px;border:1px solid red"'></div>
注意看div的style属性,在red后面多了一个"符号,粗一看还看不出来呢。因为多了这一个符号,这个style是一个不合乎w3c html4标准的,所以就失效了。

但是为什么去掉它就起作用了呢?从“头”说起吧。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
在网页最顶部这一行DOCTYPE声明,很多网页设计者都不太了解它的的意思,它是要求浏览器按照html4过渡标准来识别你的html文本,如果浏览器支持DOCTYPE的话,就可以按照这个标准来分析它了。
如果没有这个声明的话,一些浏览器就按照各自兼容的模式来分析网页,如果你使用IE5.x/IE6浏览器的话,去掉DOCTYPE就可以让浏览器兼容分析div的style,就可以起作用了。另外如果你的DOCTYPE不完整,比如你去掉了后面那个uri地址,这个文档标准的声明也不起作用。

所以一旦你做了DOCTYPE声明,而你发现你的网页不正确的显示,你得检查看看你的html代码是否符合你声明的标准。如果你的网页为了获得好像更好的兼容效果,不加DOCTYPE,这首先不是一个好的网页编写习惯,你的网页可能不符合w3c的标准;其次长远看来将得不偿失,因为这种兼容仅仅是在一个固定的浏览器上兼容,其他的浏览器不一定能够兼容你的html代码。为了让你的网页更有生命力,建议按照w3c标准编写网页。

关于DOCTYPE的知识和完整列表,看看参考下面这个网页
http://www.alistapart.com/articles/doctype/

这篇关于还是得注意DOCTYPE的声明的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/598468

相关文章

Golan中 new() 、 make() 和简短声明符的区别和使用

《Golan中new()、make()和简短声明符的区别和使用》Go语言中的new()、make()和简短声明符的区别和使用,new()用于分配内存并返回指针,make()用于初始化切片、映射... 详细介绍golang的new() 、 make() 和简短声明符的区别和使用。文章目录 `new()`

购买磨轮平衡机时应该注意什么问题和技巧

在购买磨轮平衡机时,您应该注意以下几个关键点: 平衡精度 平衡精度是衡量平衡机性能的核心指标,直接影响到不平衡量的检测与校准的准确性,从而决定磨轮的振动和噪声水平。高精度的平衡机能显著减少振动和噪声,提高磨削加工的精度。 转速范围 宽广的转速范围意味着平衡机能够处理更多种类的磨轮,适应不同的工作条件和规格要求。 振动监测能力 振动监测能力是评估平衡机性能的重要因素。通过传感器实时监

SpringMVC入参绑定特别注意

1.直接在controller中定义一个变量,但是此种传输方式有一个限制就是参数名和请求中的参数名必须保持一致,否则失效。 @RequestMapping("test2")@ResponseBodypublic DBHackResponse<UserInfoVo> test2(String id , String name){UserInfoVo userInfoVo = new UserInf

argodb自定义函数读取hdfs文件的注意点,避免FileSystem已关闭异常

一、问题描述 一位同学反馈,他写的argo存过中调用了一个自定义函数,函数会加载hdfs上的一个文件,但有些节点会报FileSystem closed异常,同时有时任务会成功,有时会失败。 二、问题分析 argodb的计算引擎是基于spark的定制化引擎,对于自定义函数的调用跟hive on spark的是一致的。udf要通过反射生成实例,然后迭代调用evaluate。通过代码分析,udf在

js基础需要注意的点

1 js中单引号和双引号都能创建字符串,但是html的元素属性规定必须用双引号,所以js优先用单引号定义字符串。

用ajax json给后台action传数据要注意的问题

必须要有get和set方法   1 action中定义bean变量,注意写get和set方法 2 js中写ajax方法,传json类型数据 3 配置action在struts2中

平时工作学习重要注意的问题

总体原则:抓住重点,条理清晰,可回溯,过程都清楚。 1 要有问题跟踪表,有什么问题,怎么解决的,解决方案。 2 要有常用操作的手册,比如怎么连sqlplus,一些常用的信息,保存好,备查。

windows下安装apache及php需要注意的问题

1.php5.2版本不扩展模块顺序有问题 把php_mbstring.dll放在php_exif.dll上面,后者依赖前者

AI时代产品经理面临的变与不变:0经验求职产品经理要注意哪些细节?

AI时代,各种产品形态、业务的变化,让市场也对产品经理提出了新的要求,产品经理要有哪些变与不变呢?现在入行产品经理是好时机么?没有技术背景、没有学历有优势如何入行做产品经理?今天我们一起探讨一下! 产品人究竟需要具备哪些能力?看这个最新的能力模型图就知道了。 随着当前市场的细分,不同行业和领域对产品经理的能力要求已经从单一的具备产品专业能力演变成了兼具产品专业技能+行业/业务知识

Structured Streaming | Apache Spark中处理实时数据的声明式API

关于Spark的相关文章在这里: 《Spark面对OOM问题的解决方法及优化总结》 《Spark 动态资源分配(Dynamic Resource Allocation) 解析》 《Apache Spark在海致大数据平台中的优化实践》 《Spark/Flink广播实现作业配置动态更新》 《Spark SQL读数据库时不支持某些数据类型的问题》 《阿里云Spark Shuffle的优化》 《Spa