避免Smarty與CSS語法沖突的方法

這篇文章主要介紹了避免Smarty與CSS語法沖突的方法,實例分析了Smarty與CSS中大括號{}沖突的處理技巧,需要的朋友可以參考下

本文實例講述了避免Smarty與CSS語法沖突的方法。分享給大家供大家參考。具體分析如下：

熟悉CSS的人很快就會發現Smarty和CSS的語法存在沖突，因為二者都需要使用大括號{}。如果簡單地將CSS標記嵌入到HTML文檔首部，將導致"不可識別標記"錯誤：

? 1 2 3 4 5 6 7 8 9 10 <html> <head> <title>{$title}</title> <style type="text/css"> p{ margin::2px } </style> </head> ...

不要擔心，因為我們有3種解決方案。

一、使用link標記從另一個文件中提取樣式信息：

? 1 2 3 4 5 6 <html> <head> <title>{$title}</title> <link rel="stylesheet" type="text/css" href="css/default.css"/> </head> ...

二、使用Smarty的literal標記將樣式表信息包圍起來

這些標記告訴Smarty不要解析該標記內的任何內容：

? 1 2 3 4 5 6 7 8 9 10 11 12 <html> <head> <title>{$title}</title> {literal} <style type="text/css"> p{ margin::2px } </style> {/literal} </head> ...

三、修改Smarty的默認定界符

可以通過設置center_delimiter和center_delimiter屬性來做到這一點：

? 1 2 3 4 5 6 7 <?php require("Smarty.class.php"); $smarty=newSmarty; $smarty->left_delimiter=''; $smarty->right_delimiter=''; ... ?>

雖然3種解決方案都能解決問題，但其中第一種可能是最方便的，因為將CSS放在單獨的文件中是一種常見的實踐做法。此外，這種解決方案不需要修改Smarty的重要默認配置（定界符）。

希望本文所述對大家的php程序設計有所幫助。

php編程排行