题目概览
- 如果不写
<! DOCTYPE html>，页面还会正常工作么？ - 元素竖向的百分比设置是相对容器的高度吗？
- 什么是cookie隔离？
题目解答
如果不写<! DOCTYPE html> ，页面还会正常工作么？
<! DOCTYPE html>是html5标准网页声明,全称为Document Type HyperText Mark-up Language，意思为文档种类为超文本标记性语言或超文本链接标示语言<! DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范，不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的- 页面添加了
<! DOCTYPE html>说明该页面采用了W3C标准，如果不加则页面会根据浏览器自身的解析标准来解析，这可能会导致页面在不同的浏览器呈现出不同的效果
元素竖向的百分比设置是相对容器的高度吗？
-
一般而言，子元素的百分比设定都是以父元素为依据，子元素的宽度百分比依赖父元素的宽度百分比，子元素的高度百分比依赖父元素的高度百分比
-
对于竖直方向的margin和padding，参照父元素的宽度。对于水平方向的margin和padding，也是参照父元素的宽度
<div class="con"> <p> this is a test</p> </div> <style> .con { 200px; height:100px; background: gray; } p { background : yellow; margin-top: 20%;//40px padding-top：20%;//40px padding-left:20%;//40px } </style>
什么是cookie隔离？
- 如果静态文件放在后台（前后端不分离时候），那静态文件请求的时候都带有的cookie的数据提交给server的，非常浪费流量，
- cookie有域的限制，因此不能跨域提交请求，故使用非主要域名的时候，请求头中就不会带有cookie数据，这样可以降低请求头的大小，降低请求时间，从而达到降低整体请求延时的目的。
- 同时这种方式不会将cookie传入Web Server，也减少了Web Server对cookie的处理分析环节，提高了webserver的http请求的解析速度