Smarty 와 CSS 문법 충돌 을 피 하 는 방법

이 글 은 Smarty 와 CSS 문법 이 충돌 하지 않도록 하 는 방법 을 실례 로 서술 하 였 다.모두 에 게 참고 하도록 공유 하 다.구체 적 인 분석 은 다음 과 같다.
CSS 를 잘 아 는 사람들 은 곧 Smarty 와 CSS 의 문법 이 충돌 하 는 것 을 발견 할 것 이다.왜냐하면 둘 다 큰 괄호{}를 사용 해 야 하기 때문이다.HTML 문서 의 첫 번 째 부분 에 CSS 표 시 를 간단하게 삽입 하면'식별 할 수 없 는 태그'오류 가 발생 합 니 다.

<html> 
<head> 
<title>{$title}</title> 
<style type="text/css"> 
p{ 
margin::2px 
} 
</style> 
</head> 
... 
걱정 하지 마 세 요.우 리 는 세 가지 해결 방안 이 있 으 니까 요.
1.링크 표 시 를 사용 하여 다른 파일 에서 스타일 정 보 를 추출 합 니 다.

<html> 
<head> 
<title>{$title}</title> 
<link rel="stylesheet" type="text/css" href="css/default.css"/> 
</head> 
...
2.Smarty 의 literal 표 시 를 사용 하여 스타일 시트 정 보 를 포위 합 니 다.
이 태그 들 은 Smarty 에 게 이 태그 의 내용 을 분석 하지 말 라 고 알려 줍 니 다.

<html> 
<head> 
<title>{$title}</title> 
{literal} 
<style type="text/css"> 
p{ 
margin::2px 
} 
</style> 
{/literal} 
</head> 
...
3.Smarty 의 기본 경계 문자 수정
center 설정 을 통 해delimiter 와 centerdelimiter 속성 으로 이 점 을 수행 합 니 다:

<?php 
require("Smarty.class.php"); 
$smarty=newSmarty; 
$smarty->left_delimiter=''; 
$smarty->right_delimiter=''; 
... 
?>
세 가지 해결 방안 모두 문 제 를 해결 할 수 있 지만 그 중 첫 번 째 가 가장 편리 할 수 있다.CSS 를 단독 파일 에 넣 는 것 은 흔히 볼 수 있 는 실천 방법 이기 때문이다.또한 이 솔 루 션 은 Smarty 의 중요 한 기본 설정(경계선 문자)을 수정 할 필요 가 없습니다.
본 논문 에서 말 한 것 이 여러분 의 phop 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기