避免Smarty与CSS语法冲突的方法


Posted in PHP onMarch 02, 2015

本文实例讲述了避免Smarty与CSS语法冲突的方法。分享给大家供大家参考。具体分析如下:

熟悉CSS的人很快就会发现Smarty和CSS的语法存在冲突,因为二者都需要使用大括号{}。如果简单地将CSS标记嵌入到HTML文档首部,将导致"不可识别标记"错误:

<html> 
<head> 
<title>{$title}</title> 
<style type="text/css"> 
p{ 
margin::2px 
} 
</style> 
</head> 
...

不要担心,因为我们有3种解决方案。

一、使用link标记从另一个文件中提取样式信息:

<html> 
<head> 
<title>{$title}</title> 
<link rel="stylesheet" type="text/css" href="css/default.css"/> 
</head> 
...

二、使用Smarty的literal标记将样式表信息包围起来

这些标记告诉Smarty不要解析该标记内的任何内容:

<html> 
<head> 
<title>{$title}</title> 
{literal} 
<style type="text/css"> 
p{ 
margin::2px 
} 
</style> 
{/literal} 
</head> 
...

三、修改Smarty的默认定界符

可以通过设置center_delimiter和center_delimiter属性来做到这一点:

<?php 
require("Smarty.class.php"); 
$smarty=newSmarty; 
$smarty->left_delimiter=''; 
$smarty->right_delimiter=''; 
... 
?>

虽然3种解决方案都能解决问题,但其中第一种可能是最方便的,因为将CSS放在单独的文件中是一种常见的实践做法。此外,这种解决方案不需要修改Smarty的重要默认配置(定界符)。

希望本文所述对大家的php程序设计有所帮助。

PHP 相关文章推荐
用IE远程创建Mysql数据库的简易程序
Oct 09 PHP
php中截取中文字符串的代码小结
Jul 17 PHP
有关phpmailer的详细介绍及使用方法
Jan 28 PHP
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
Aug 01 PHP
PHP的变量类型和作用域详解
Mar 12 PHP
php截取指定2个字符之间字符串的方法
Apr 15 PHP
使用PHP实现生成HTML静态页面
Nov 18 PHP
PHP实现图片不变型裁剪及图片按比例裁剪的方法
Jan 14 PHP
PHP代码维护,重构变困难的4种原因分析
Jan 25 PHP
深入剖析浏览器退出之后php还会继续执行么
May 17 PHP
PHP集成环境XAMPP的安装与配置
Nov 13 PHP
详解PHP神奇又有用的Trait
Mar 25 PHP
实现PHP+Mysql无限分类的方法汇总
Mar 02 #PHP
Java和PHP在Web开发方面对比分析
Mar 01 #PHP
php中return的用法实例分析
Feb 28 #PHP
php多次include后导致全局变量global失效的解决方法
Feb 28 #PHP
Windows7下的php环境配置教程
Feb 28 #PHP
php数组使用规则分析
Feb 27 #PHP
php中stdClass的用法分析
Feb 27 #PHP
You might like
php 生成文字png图片的代码
2011/04/17 PHP
php 注册时输入信息验证器的实现详解
2013/07/05 PHP
PHP7之Mongodb API使用详解
2015/12/26 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
JavaScript词法作用域与调用对象深入理解
2012/11/29 Javascript
防止xss和sql注入:JS特殊字符过滤正则
2013/04/18 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
JavaScript中split与join函数的进阶使用技巧
2016/05/03 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
JS数组排序方法实例分析
2016/12/16 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
2017/04/19 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
2017/12/25 Javascript
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
2018/04/20 Javascript
浅谈JS对象添加getter与setter的5种方法
2018/06/09 Javascript
JavaScript引用类型RegExp基本用法详解
2018/08/09 Javascript
微信小程序当前时间时段选择器插件使用方法详解
2018/12/28 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
JS获取动态添加元素的方法详解
2019/07/31 Javascript
如何优雅地在Node应用中进行错误异常处理
2019/11/25 Javascript
JS运算符简单用法示例
2020/01/19 Javascript
Python socket编程实例详解
2015/05/27 Python
解决Python出现_warn_unsafe_extraction问题的方法
2016/03/24 Python
动态规划之矩阵连乘问题Python实现方法
2017/11/27 Python
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
Python搭建代理IP池实现检测IP的方法
2019/10/27 Python
阿里旅行:飞猪
2017/01/05 全球购物
全球500多个机场的接送服务:Suntransfers
2019/06/03 全球购物
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
大学生思想汇报范文
2013/12/31 职场文书
社区志愿者活动总结
2014/06/26 职场文书
上课玩手机的检讨书
2014/10/01 职场文书
消防安全培训工作总结
2015/10/23 职场文书
JavaScript 实现页面滚动动画
2021/04/24 Javascript
Python使用PyYAML库读写yaml文件的方法
2022/04/06 Python
JS轻量级函数式编程实现XDM二
2022/06/16 Javascript