Javascript 清洁渐进增强
我正在使用渐进增强来建立一个网站。这包括菜单、幻灯片等。这些项目作为无序列表包含在页面中，然后JavaScript应用格式 我关心的是：如何避免未格式化内容的闪现，即在应用格式化之前，无序列表是可见的？这方面是否有最佳实践Javascript 清洁渐进增强,javascript,css,seo,accessibility,progressive-enhancement,Javascript,Css,Seo,Accessibility,Progressive Enhancement,我正在使用渐进增强来建立一个网站。这包括菜单、幻灯片等。这些项目作为无序列表包含在页面中，然后JavaScript应用格式 我关心的是：如何避免未格式化内容的闪现，即在应用格式化之前，无序列表是可见的？这方面是否有最佳实践 重要提示：网站必须保持SEO友好和可访问性（这就是为什么我首先使用渐进增强）。例如，将无序列表的初始样式设置为显示：none是毫无疑问的。使用CSS进行格式化，而不是JavaScript 例如，将无序列表的初始样式设置为“显示：无”是毫无疑问的 如果使用CSS检测到JavaS
重要提示：网站必须保持SEO友好和可访问性（这就是为什么我首先使用渐进增强）。例如，将无序列表的初始样式设置为显示：none是毫无疑问的。使用CSS进行格式化，而不是JavaScript 例如，将无序列表的初始样式设置为“显示：无”是毫无疑问的 如果使用CSS检测到JavaScript可用，并且在包含任何内容之前运行一些脚本，则可以间接将样式设置为
display:none<head>
<style type="text/css">
body.withjs #menu { display: none; }
</style>
</head>
<body>
<script type="text/javascript">
document.body.className= 'withjs';
window.onload= function() {
...do stuff with menu...
document.getElementById('menu').style.display= 'block';
};
</script>
...
<ul id="menu">
...
</ul>
</body>
body.withjs#菜单{显示：无；}
document.body.className='withjs'；
window.onload=function（）{
…做菜单上的事。。。
document.getElementById（'menu'）.style.display='block'；
};
...
...
display:nonevisibility hidden文本缩进剪辑