我的网页在应用CSS样式之前呈现原始的html--这真的很难看
GitHub链接在这里:https://fishbite.github.io/draw/index.html
存储库链接在这里:fishbite.github.io/draw repository
Stylesheets加载在页面的head部分,JavaScript加载在结束body标记之前。
当通过带有Live Server扩展的Visual Studio Code和Firefox在本地运行时,以及托管在GitHub上时,都会出现此问题。
我已经查找了类似的,如果不是确切的复制这个问题(一个FOUC(闪光的非风格化的内容))和提供的解决方案似乎是我已经在做什么:在结束body标记之前加载head和JS中的样式表。
我最初有一个
onload="func()"
调用函数的开始body标记中的参数。但是,删除此参数无助于解决此问题。
这是我第一次认真地尝试将一个完整的网站上传到GitHub,我最初认为问题是由于上面描述的开发环境而在本地发生的,所以我非常失望地意识到事实并非如此。
x一个一个一个一个x一个一个二个一个x一个一个三个一个
我期望上面的html在呈现页面之前加载样式表并应用样式。
相反,它呈现原始html,然后以视觉上不稳定的方式应用样式
3条答案
按热度按时间z5btuh9x1#
代码可能无法在给定路径中找到样式表,或者这些文件中存在错误。
zlhcx6iw2#
有人指出我在doctype声明中犯了一个错误。
代替
修正这个问题就解决了在应用css样式之前呈现html的问题。
感谢你的评分
r6vfmomb3#
如果有人有同样的问题,它也是造成如果你不把你的脚本在html的头部