`

jade模板下的条件注释

 
阅读更多

 

 jade版本1.6.0

在调试浏览器兼容问题时,发现原先的条件注释不再试用,特此更新下最新标记

demo.jade

 

doctype html
html(lang='zh-CN')
	head
		title= title
		//if IE 7
		//if IE 8	
		//if IE 9	
	body
		h3 Welcome
		//if IE 7
		p IE7_1
		//if IE 8
		p IE8_1	
		//if IE 9
		p IE9_1
			
		<!--[if IE 7]>
		p IE7
		<![endif]-->
		
		<!--[if IE 8]>
		p IE8
		<![endif]-->
		
		<!--[if IE 9]>
		p IE9
		<![endif]-->

ie7下显示效果

Welcome
IE7_1

IE8_1 

IE9_1

IE7

 通过浏览器进行输出查看发现原先的方式

 

 

//if IE 7
 p IE7

 不能解析成

 

 

<!--[if IE 7]>
<p>IE7</p>
<![endif]-->

 现在又恢复成普通的html条件注释,因此需要写作

 

 

<!--[if IE 7]>
p IE7
<![endif]-->

 才能生效!

 

分享到:
评论

相关推荐

    node模板引擎jade.zip

    命令行运行编译jade模板 通过each透明迭代对象,数组,甚至非枚举类 块注释 块扩展 编译和运行时上下文错误报告 属性改写 静态包含 mixins 块注释 无标签前缀 AST过滤器 …… 标签:jade

    前端开源库-jade-parser

    其中,`jade-parser`是一个专为前端开发者设计的开源库,主要用于解析Jade模板语言,将其转化为抽象语法树(Abstract Syntax Tree, AST)。Jade(现更名为Pug)是一种简洁、强大的HTML模板引擎,它通过简洁的语法...

    broccoli-jade:编译Jade模板

    编译模板 输出的问题应在Jade上报告。 安装 $ npm install --save-dev broccoli-jade 用法 var jade = require ( 'broccoli-jade' ) ; tree = jade ( tree , options ) ; 关于包含路径的注释 包含路径是相对于树...

    前端开源库-jade-walk

    其中,“jade-walk”是一个针对Jade(现更名为Pug)模板引擎的开源库。Pug,前身为Jade,是一种简洁、高效的HTML模板语言,它的语法紧凑且易于阅读,被广泛用于Node.js环境中构建动态网页。 “jade-walk”(在某些...

    node前端开发模板引擎Jade的入门

    6. **注释**:Jade中单行注释使用`//`,多行注释使用`/**/`。 ### 安装与使用Jade 首先,确保你已经安装了Node.js和npm。然后,通过npm全局安装Jade的命令行工具: ```bash npm install jade -g ``` 在创建`....

    前端开源库-jade-lexer

    其中,“jade-lexer”是一个特别值得关注的开源库,尤其对于那些在JavaScript环境下工作并寻求高效模板引擎的人来说。 “jade-lexer”最初被称为“jade”,后来更名为“pug”。它是Pug模板引擎的一个重要组成部分,...

    node前端模板引擎Jade之标签的基本写法

    Jade支持条件语句(如`if`, `else if`, `else`)和循环(如`each`),使得模板更加动态: ```jade each item in items li= item.name if items.length == 0 p No items found. ``` 结果取决于`items`数组...

    Node.js-swig是node端的一个优秀简洁的模板引擎

    3. **块(Blocks)**:在继承模板中,可以通过`block`定义可被子模板重写的区域,如头部、主体和尾部,这样在不改变整体结构的情况下,可以方便地修改特定部分。 4. **变量(Variables)**:Swig允许在模板中使用...

    后台 html 模板

    后台模板的CSS通常包含全局样式、模块样式和响应式样式等部分,以确保页面在不同设备和屏幕尺寸下都能保持良好的显示效果。CSS预处理器如Sass或Less可以提高样式编写效率,而Flexbox和Grid布局系统则提供了更灵活的...

    HTML静态模版

    3. **模板引擎**:静态模板通常与模板引擎结合使用,如Handlebars、Pug(Jade)、EJS等。这些引擎允许在HTML中嵌入动态内容,通过变量和逻辑控制,将数据动态渲染到页面上。例如,`{{ variable }}`在Handlebars中...

    Atom-language-pug,帕格(was jade)语法突出显示。贡献给sethmcleod/语言.zip

    Atom-language-pug是一个专门为Atom文本编辑器开发的插件,旨在提供对Pug(之前称为Jade)模板语言的语法高亮支持。Pug是一种简洁、高效的HTML预处理器,它允许开发者使用更紧凑的语法来编写HTML代码,提高了代码的...

    矿物:很小的像玉的模板引擎

    矿物支持条件语句(如`if`和`else`)、循环结构(如`each`)以及变量插值,这些功能使得开发者能够在模板中实现逻辑控制。 3. **模板语言**: 矿物模板语言具有自己的特定语法,比如使用`-`表示单行注释,`=`用于...

    gulp-start:Gulp开始

    这是一个Gulp模板,包括ES6支持,Jade模板,Stylus样式表,JS串联,JS,CSS,PNG,JPEG,GIF和SVG缩小,并使用Browsersync进行提供。 地点描述./source/templates/index.jade 主模板./source/styles/main.styl 手写...

    jsdox-个简单的jsdoc3文档生成器

    如果你需要更复杂的定制,可以创建自定义模板,模板语言是Jade(现在被称为Pug)。 ### 总结 jsdox作为jsdoc 3的一个轻量级替代品,为JavaScript开发者提供了快速生成文档的途径。它的Markdown支持和对现代JS特性...

    代码代码

    如果这是一个代码模板集合,那么它可能涵盖了不同场景下的常用代码片段,以帮助开发者提高效率。 在深入探讨这个主题时,我们可以关注以下几个知识点: 1. **源码分析**:源码是程序的原始形式,理解源码有助于...

    JadeTut

    - **条件语句**:Jade支持`if/else`,`unless`,`each`等。例如,`if user`将渲染`用户存在&lt;/div&gt;`如果`user`变量存在。 - **循环**:`each`语句用于遍历数组或对象,如`each item in items`。 5. **包含与部分**...

    kippy.online

    EJS与其他模板引擎如Pug(Jade)、Handlebars等相比,各有特色。Pug以其紧凑的语法和强大的功能受到许多开发者喜爱,而Handlebars则提供了更复杂的逻辑辅助函数。选择哪种模板引擎取决于项目需求和个人偏好。 总结...

    HTML-Templates:BYU 响应式主题的开发

    对于想要使用 SCSS、Jade 和 Grunt 编译页面,。 感谢您下载 BYU 的响应式 HTML 模板。 这为您提供了一组静态页面,您可以修改和复制这些页面以填写您的网站。 如果您想修改样式,请添加您自己的样式表,而不是在...

    speedseed-styleguide-angularjs:AngularJS 风格指南

    AngularJS 风格指南指数模块化启动逻辑角度包装服务 $ 测试动画注释常数模板和片段路由任务自动化 开始 有关 jade、stylus 和 js (es6) + 使用 gulp 启动项目的模板的参考指南: ... - ...1

Global site tag (gtag.js) - Google Analytics