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

#Content
#Header
#Footer
#Wrap
Cấu hình và sử dụng SSI với web server apache

Gia đình miền Tây huyện Thới Bình hơn 20 năm chăm sóc hàng nghìn chim trời

Tập tành Working With Domain Access Module in Drupal 7.x

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

Tags: 
Galaxy Tab 7 Plus
Drupal 7 Theme
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.

More about Khanh Hoang

Bài cùng chuyên mục

Bình luận (0)

 

Add Comment

More information about text formats

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

 
6 lý do để bạn chọn Bootstrap CSS Framework

6 lý do để bạn chọn Bootstrap CSS Framework

For those of you, who like me have been developing websites for few years, we tend to use similar chunks of CSS code that we copy paste from project to project.

Chữ ký tại email hữu ích thế nào trong marketing?

Chữ ký tại email hữu ích thế nào trong marketing?

Thường thì mọi người hay để chữ ký của mình trong email như một hành động thói quen, làm cho có. Nếu sử dụng đúng cách, chữ ký ở email sẽ trở thành một công cụ tiếp thị mạnh mẽ, không tốn chi phí cho chiến dịch email marketing của bạn.

Facebook sắp “mở rộng” tính năng Subscribe

Facebook sắp “mở rộng” tính năng Subscribe

Thời gian tới, Facebook sẽ tung ra một nút Subscribe mới.

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

 

Diet con trung

Donate

Paypal donate