Loading

每日思考（2020/03/19）

题目概览

  • 如果不写<! 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 {
        width: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请求的解析速度
posted @ 2020-03-19 22:51  澎湃_L  阅读(148)  评论(0)  编辑  收藏  举报