html5boilerplate之在 Slim 中创建 HTML5 样板条件 HTML 类

落叶无声阅读：103 2024-11-24 20:56:43 评论：0

HTML5 Boilerplate使用以下条件 <html>类:

<!doctype html> 
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]--> 
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]--> 
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]--> 
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 
<head>

我想知道如何在 Slim 中重现它基于模板。

这是我目前所拥有的:

doctype html 
/! paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ 
/[ if lt IE 7 ] 
    html class="no-js ie6" lang="en" 
/[ if IE 7 ] 
    html class="no-js ie7" lang="en" 
/[ if IE 8 ] 
    html class="no-js ie8" lang="en" 
/[ if (gte IE 9)|!(IE) ] 
    html class="no-js" lang="en" 
head

最后一个条件给我带来了麻烦。

请您参考如下方法:

看起来您可以使用管道符来逃避处理。

| <!--[if (gte IE 9)|!(IE)]<!--> 
   <html class="no-js" lang="en"> <!--<![endif]-->

参见 Line Indicators API 文档的一部分。

标签:HTML5

声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。