Cấu hình và sử dụng SSI với web server apache

Cấu hình và sử dụng SSI với web server apache

SSI là gì?

SSI viết tắt của server side include là các chỉ thị được đặt trong trang nội dung tĩnh như HTML và được thiết lập trên web server, giúp tạo ra nội dung động trong tập tin tĩnh như HTML. Để thiết lập trên web server apache bạn có thể cấu hình trên file httpd.conf hoặc cấu hình trong tập tin .htaccess, bài viết này sẽ hướng dẫn cấu hình bằng htaccess.

Trong file htaccess bạn thêm vào 2 dòng sau:

AddType text/html .html
AddHandler server-parsed .html

Bây giờ bạn có thể làm một ví dụ nhỏ, giả sử bạn có 3 tập tin HTML như sau:

header.html

<html>
<head>
  <title>Su dung va cau hinh SSI</title>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
</head>
header.hmtl
<body>
  <div id="wrap">
   <div id="header">
    <h1>Phần tiêu đề</h1>
   </div> <!-- #header -->

content.html

<div id="content">
  <p>Phần nội dung</p>
</div> <!-- #content -->

footer.html

   <div id="footer">
     <i>Phần footer</i>
   </div> <!-- #footer -->
  </div> <!-- #wrap -->
</body>
</html>

Bây giờ bạn sẽ inlude các tập tin trên trong vào file index.html

<!--#include virtual="header.html" -->
<!--#include virtual="content.html" -->
<!--#include virtual="footer.html" -->

Các tập tin đã được inlude và hiển thị trên trang index như thể bạn đang dùng PHP

Cú pháp căn bản của SSI được định dạng như chú thích trong HTML nếu web server của bạn không cho phép SSI thì nó sẽ hiển thị như một chú thích trong HTML

<!--#element attribute=value attribute=value ... -->

Ví dụ đầu tiên với inlude chúng ta có 2 thuộc tính có thể dùng là "virtual" và "file", điểm khác nhau trong việc sử dụng 2 thuộc tính này là "virtual" có liên quan đến thư mục gốc còn "file" liên quan đến thư mục hiện thời của tập tin.

Ví dụ để xuất ngày tháng hiện tại

<!--#echo var="DATE_LOCAL" -->

Cấu hình ngày tháng hiện tại

<!--#config timefmt="%A %B %d, %Y" -->
<!--#echo var="DATE_LOCAL" -->

Tạo biến và xuất giá trị của biến

<!--#set var="name" value="Rich" --><!--#echo var="name" -->

Xuất một số biến đặc biệt của http

<!--#echo var="HTTP_USER_AGENT" -->

Để tìm hiểu thêm bạn có thể tham khảo tại wikipedia.org, httpd.apache.org, w3.org

Bạn thấy bài viết này như thế nào?: 
No votes yet
Ảnh của Khanh Hoang

Khanh Hoang - Kenn

Kenn is a user experience designer and front end developer who enjoys creating beautiful and usable web and mobile experiences.

Bình luận (0)

 

Add Comment

Filtered HTML

  • Các địa chỉ web và email sẽ tự động được chuyển sang dạng liên kết.
  • Các thẻ HTML được chấp nhận: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Tự động ngắt dòng và đoạn văn.

Plain text

  • No HTML tags allowed.
  • Các địa chỉ web và email sẽ tự động được chuyển sang dạng liên kết.
  • Tự động ngắt dòng và đoạn văn.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
Cách khắc phục nếu Chrome hoặc Firefox bị treo liên tục

Cách khắc phục nếu Chrome hoặc Firefox bị treo liên tục

Chắc hẳn trong quá trình sử dụng Firefox/Chrome, bạn từng gặp phải hiện tượng trình duyệt bị đứng và ngừng hoạt động. Những thủ thuật nhỏ sau đây sẽ giúp bạn khắc phục điều đó.

Apple

Apple nhận bằng sáng chế cho công nghệ màn hình "siêu mỏng"

Mới đây, một nguồn tin nội bộ của Apple vừa cho hay, nhà táo đã được trao bằng sáng chế về một công nghệ màn hình đặc biệt. Theo đó, công nghệ này sẽ giúp tích hợp các cảm biến cảm ứng với mạch hiển thị của màn hình qua đó giúp tiết kiệm diện tích bên trong thiết bị.

Apple Expands App Subscriptions to Games

Apple Expands App Subscriptions to Games

Apple unveiled its App Store subscription service in February of this year to mixed reviews. Publishers appreciated the opportunity to expand into the iOS ecosystem,

Công ty diệt chuột T&C

 

Diet con trung