
html
Muqiu7890
守住繁华
展开
-
section、article、aside区别及HTML5语义化标签
在HTML5标准中,新加了几个用于增添页面语义的标签,这些标签有:article、section、nav和aside等。与别的大多数标签不同,浏览器在解释渲染这些标签的时候仅仅把它们作为普通的div块级元素来进行处理,不会添加任何额外的展现逻辑;也即,这些标签仅用于增添语义。对于Web开发人员而言,使用这些标签的实际意义主要有2点:搜索引擎优化(SEO),以及增加页面的可用性(accessibil...原创 2019-09-10 14:14:55 · 2776 阅读 · 0 评论 -
前端应注意的SEO
合理的 title、description、keywords:搜索对着三项的权重逐个减小,title 值强调重点即可,重要关键词出现不要超过 2 次,而且要靠前,不同页面 title 要有所不同;description 把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面 description 有所不同;keywords 列举出重要关键词即可语义化的 HTML 代码,符合 W3C 规范...原创 2019-09-22 14:47:31 · 181 阅读 · 0 评论 -
sessionStorge localStorge cookie
数据的生命周期:cookie在设置的有效期内有效,默认为浏览器关闭;sessionStorage页面关闭时被清理,localStorage长期有效,除非被清除,否则一直存在。存储大小:每个cookie数据不能超过4K。sessionStorage和localStorage大小可以达到5M。浏览器不能保存超过300个cookie,单个服务器不能超过20个。与服务端通信:cookie会在浏览器和...原创 2019-09-22 16:02:10 · 277 阅读 · 1 评论 -
html、css、js加载解析过程
网页加载流程:浏览器发送请求,拿到HTML资源,并开始解析。解析过程中,遇到link标签,浏览器发出对CSS文件的请求。当浏览器解析到<body>标签,并且CSS文件已经下载到手,可以开始渲染页面。当浏览器遇到<script>标签,阻塞页面的解析以及其他资源的下载,直到JS文件加载执行完毕浏览器完成解析HTML页面。注意:在页面渲染过程中,如果遇到其他外...转载 2019-09-29 12:58:04 · 944 阅读 · 0 评论