gpt4 book ai didi

javascript - SEO 友好的解决方案,避免出现无样式内容

转载 作者:行者123 更新时间:2023-11-28 08:26:18 27 4
gpt4 key购买 nike

我使用以下 JS 以 SEO 友好的方式避免出现无样式内容:

<script type="text/javascript"> 
$('#Container').addClass('fouc');
$(document).ready(function() {
$('#Container').show();
});
</script>

其中还有随附的 CSS:<style> .fouc {display:none;}</style> .

我期望发生的是,在页面加载时,我的 div #Container 至少应该在添加的 .fouc 类中,但是,只有当我通过控制台手动添加它时才会发生这种情况。

我是否需要一些额外的代码等才能使其按预期运行?

仅供引用,在调用此脚本之前我已经调用了 JQuery。

感谢您的帮助!

最佳答案

避免 FOUC 的最佳方法是将 CSS 文件的所有链接放在 <head> 中。元素。这样,样式规则将在内容之前加载,然后对内容进行样式设置。这对搜索引擎优化和用户友好都是有利的。

关于javascript - SEO 友好的解决方案,避免出现无样式内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22360376/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com