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

 
Lưu trữ và quản lý dữ liệu trực tuyến

Lưu trữ và quản lý dữ liệu trực tuyến

Việc chia sẻ hoặc sử dụng tập tin ở nhiều thiết bị, nhiều nơi từng là một việc khá khó khăn

Hướng dẫn tạo nút reply facebook đơn giản 1 phút

Hướng dẫn tạo nút reply facebook đơn giản 1 phút

Nhưng chúng ta đã biết lúc trước facebook chỉ cho bật nút reply comment facebook 

Thông tin khoá học SEO - Google Map hình thức học Online qua Zoom

Thông tin khoá học SEO - Google Map hình thức học Online qua Zoom

Năm 2021 sẽ là 1 năm đầy cơ hội cho kênh Google Map, nhưng cũng đầy khó khăn và thử thách. Liệu anh em mình đã đi đúng hướng chưa?

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

 

Diet con trung