<!DOCTYPE html>声明未添加结果毁坏

身为一个刚工作半个月的前端小白,以此来记录那些自己踩过的坑。

<!DOCTYPE html>

在w3c的介绍是:
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 标签之前。
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
<!DOCTYPE html>为html5的标签。

前几天老板让我做一个微信的h5页面,老实讲我这是我第一次写手机页面,自学的时候并没有有意的去接触,对于布局也是很蛋疼,不能按照psd设计的尺寸来,只能自己换算。
直接在 sublime 敲出 html,按tab回车敲出这样的结果,然后就开始写页面,对于 div 在页面中的定位大多是 position:absolute

<html>
<head>
    <title></title>
</head>
<body>

</body>
</html>

写了一天,几个页面都写好了,做交互,要引入公司已经一些js文件,里面有一些封装好的方法,但再控制台就报了两个错误,然后寻找原因,发现是未添 <!DOCTYPE html>声明导致报错,好吧,添加上去再次F5刷新页面,没有报错了,但是页面布局却毁掉了,我写了一天啊喂,晚上要交的啊喂,说没了就没了,于是审查元素琢磨原因,发现 body 的高度是0,已 body 为父元素定位的div 都消失,很无奈,给设置高度为100%试试,还是不行,最后还是强行给body设定了一个死高度,页面才恢复过来,不过这样的方法并不可取,以后再写页面之前的时候一定记得添加上 <!DOCTYPE html>声明。

转载于:https://www.cnblogs.com/Agrass/p/6595867.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值