velocity模板，每个单独页面的css放在哪里？
有一个全局的layout.vm文件
<!DOCTYPE html>
<html>
<head>
...
<link rel="stylesheet" href="common.css"/>
</head>
<body>
#parse( 'layout/header.vm' )
$screen_content
#parse( 'layout/footer.vm' )
</body>
</html>网站的每个页面都是一个单独的.vm文件，现在我是这样做的：
/* eg. index.vm */
<link rel="stylesheet" href="index.css"/>
<div>
<div></div>
<div></div>
...
</div>
/* 有时候css较少，就直接内链了 */
<style type="text/css">
...
</style>
<div>
<div></div>
<div></div>
...
</div>此时的<link rel="stylesheet" href="index.css"/>或者<style type="text/css">...</style>是在body中的，内容及样式在浏览器中虽然都能被正确渲染出来，但w3c规范中规定link和style元素只能存在于 head 部分。
所以，为符合规范，显示不同的页面时，想把其对应的<link rel="stylesheet" href="*.css"/>或者<style type="text/css">...</style>显示在head中。
各位在这种开发模式下都是怎么做的？直接放在各个页面的body中还是放在head中？放在head中怎么实现？ 谢谢！
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论