HTML5与CSS3基础教程-19~21章添加JavaScript、测试和调试网页、发布网站

最新推荐文章于 2022-11-01 21:59:32 发布

DxCaesar

最新推荐文章于 2022-11-01 21:59:32 发布

阅读量248

点赞数

分类专栏： # HTML5与CSS3基础教程（第8版）文章标签： css js html 读书笔记

本文链接：https://blog.csdn.net/DxCaesar/article/details/105393415

版权

18 篇文章 0 订阅

订阅专栏

前端JS脚本引用类型： 外部脚本、嵌入式脚本、内联脚本（如在元素的事件属性上直接制定js片段等）。

要避免使用内联脚本，正如内联样式一样，它将html和js脚本纠缠在一起，这与将他们分开的最佳实践不符。
脚本和性能的最佳实践： （p376 - 377）
- 阻塞行为： 在处理脚本的过程中，浏览器既不会瞎子啊该script元素后面出现的内容（哪怕是文本），也不会呈现这些内容。这成为阻塞行为。这条规则对嵌入脚本和外部脚本都有效。
  - 消除阻塞行为最简单的方式就是将所有的script元素放在HTML结束之前。
  - 如果确实需要将脚本放在head中，也需要放在css文件的link元素后面。
- 另一种简单的加快脚本加载速率的方法就是将JS放在同一个文件中并压缩代码。通常，浏览器加载一个文件比加载两个（或更多）相同大小的文件要快一些。
  代码压缩网站：
每个脚本都按照他们出现在html中的顺序依次进行处理， 无论嵌入脚本还是外部脚本。
script元素必须有结束标签</script>， 但是如果有src属性，则不能在元素开始和结束标签之间嵌入脚本内容。也就是说，对于任何script标签，要么使用src引入外部脚本；要么嵌入脚本，不使用src。

HTML代码检测网站： （p381）
- HTML5 validator
- W3C validator
上述检验器不会检查一致性问题（如使用不标准的标签闭合方式>等），这种一致性问题可以使用HTML Lint来检查。它可以检查空元素是否闭合、开始结束标签是否为小写字母，属性是否为小写字母等。
CSS代码检测网站：
- W3C CSS validator

《HTML5与CSS3基础教程》 读书笔记 The End

关注