海之韵BLOG | 耿真的个人网站 | 鲁ICP备15001313号 | 本站永久网址:https://www.gengzhen.cn

如何优化网站的HTML

发布:耿真(GengZhen) 2021-4-12 13:40 分类: 技术文章 这篇文章没有标签

  网页优化最基础的部分应该是HTML优化,具体来说首先是标签清理,不仅可以减少文档的大小,还可以让文档更容易维护,提高搜索引擎的可见性(干净的标记意味着更好的可访问性,更容易维护,以及良好的搜索引擎可见性),但即使是那些号称高度优化的网页,如果仔细看代码, 你仍然可以找到许多可以删除或过时的标签用法: 
1.script里的注释符,除非像95网景1.0这样几乎绝迹的浏览器需要这样的处理,在大多数主流浏览器中,完全没有必要在脚本块中添加HTML注释。

2.另一个经常被添加到js代码块中的错误预防措施。是为了防止代码在处理真正的XHTML文档(“application/XHTML XML”内容类型)时,将表单编号解析为标签,CDATA中包含的所有内容都会被当作文本处理。但实际情况是几乎所有网页的内容类型都是text/html,也就是说严格来说不是xml文档,只是文本,所以这种错误预防和处理措施完全没有必要。即使确定支持xml文档,也要根据情况合理使用CDATA。  

3.onclick=”…”, onmouseover=”“等等。在HTML标签中写入事件属性是不明智的,这会降低代码的可维护性,并污染标签。如果通过JS动态添加事件属性,不仅可以灵活控制,还可以利用JS客户端缓存,使得这些事件属性不必每次都跟随着文档请求。  

4.onclick=”javascript:…”,这是一个有趣的javascript混淆。伪协议和内部事件处理程序可以形成10W以上的冗余组合。事实上,事件属性内部的内容在解析后变成了主体的一个函数,然后这个函数将被用作事件处理程序,所以javascript:在这里变成了一个无用的冗余标记。  5.href=”javascript:void(0)”延续了javascript:伪协议,其中一个臭名昭著的是javascript:void(0),它被用来避免默认的锚动作。当JS无法正常解析或出现错误(禁用/不可用/错误)时,它会使锚点完全不可用。理想的解决方案是在href中填写正确的URL,然后用JS动态重写,这样即使JS不执行,锚点也不会不可用。Href="# "是一种简化且更快的替代方案。  
6. style=”…”,没有本质上的错误,但是以后维护起来很麻烦。此外,它可以缓存在外联的CSS文件中,以提高页面执行效率。HTML4.01中描述的 
7.script标签的另一个容易被误解的属性,字符集:请注意,字符集属性是指字符的src属性指定的脚本代码,不涉及脚本元素的内容。(注意charset属性是指src属性指定的脚本的字符编码;它不关心脚本元素的内容。),也就是说他在做外联脚本的时候只指定了脚本文件的编码格式。不推荐。
嘻嘻大笑可怜吃惊害羞调皮鄙视示爱大哭开心偷笑嘘奸笑委屈抱抱愤怒思考日了狗胜利不高兴阴险乖酷滑稽
提交评论

清空信息
关闭评论
温馨提示本站内所有原创内容禁止转载,谢谢合作!

本页已获评论0/刷新79 次

关注耿真SEO微信公众号