Chân trang trong html

Nói lại bản ghi nếu chỉ là mã html đơn thuần thì nó không thể làm theo như trên mà thay vào đó bạn phải tìm ra 1 con đường khác.  

tôi thích như vậy

read data support

read data support

ahihi đồ ngốc nghếch thanh hùng nè

tôi thích như vậy

1. IQ 69 - sử dụng ajax

tôi thích như vậy

ahihi đồ ngốc nghếch thanh hùng nè

bài viết được viết bởi cường tráng hùng https. //ebudezain. com/

ahihi đồ ngốc nghếch thanh hùng nè

Giả sử bạn có html như sau: 

  
  

  
  Content.
  
  

hùng thông minh lắm

hùng thông minh lắm

tôi thích như vậy

anh hùng ebudezain

bài viết được viết bởi cường tráng hùng https. //ebudezain. com/

bài viết được viết bởi cường tráng hùng https. //ebudezain. com/

hùng thông minh lắm

anh hùng đẹp trai

thì bạn có thể tìm cách tải nội dung cho đầu trang, chân trang từ các tệp tương ứng và nhúng nó vào html

tôi thích như vậy

anh hùng đẹp trai

bài viết được viết bởi cường tráng hùng https. //ebudezain. com/

fetch("./header.html")
  .then(response => {
    return response.text()
  })
  .then(data => {
    document.querySelector("header").innerHTML = data;
  });

fetch("./footer.html")
  .then(response => {
    return response.text()
  })
  .then(data => {
    document.querySelector("footer").innerHTML = data;
  });

read data support

Cách này là bố của Bug. Lỗi bất tận nếu bạn có đặt vài sự kiện jquery cho dom mà không thông qua hàm javascript 😄

anh hùng ebudezain

hùng thông minh lắm

ahihi đồ ngốc nghếch thanh hùng nè

tôi thích như vậy

ahihi đồ ngốc nghếch thanh hùng nè

ahihi đồ ngốc nghếch thanh hùng nè

Thôi tìm cách khác 😄

ahihi đồ ngốc nghếch thanh hùng nè

2. IQ 70 - sử dụng iframe

tôi thích như vậy

ahihi đồ ngốc nghếch thanh hùng nè

anh hùng ebudezain

ahihi đồ ngốc nghếch thanh hùng nè

  
  
  
  Content.
  
  
  

bài viết được viết bởi cường tráng hùng https. //ebudezain. com/

anh hùng ebudezain

anh hùng đẹp trai

tôi thích như vậy

ahihi đồ ngốc nghếch thanh hùng nè

bài viết được viết bởi cường tráng hùng https. //ebudezain. com/

Cách này thì bố của bập bõm, mặc dù giải quyết đc vấn đề set jquery js nhưng iframe cũng là html body mới nên bõ đi mà làm người.  

anh hùng ebudezain

anh hùng đẹp trai

hùng thông minh lắm

3. IQ 71 - Xài Apache SSI

bài viết được viết bởi cường tráng hùng https. //ebudezain. com/

anh hùng ebudezain

bài viết được viết bởi cường tráng hùng https. //ebudezain. com/

bài viết được viết bởi cường tráng hùng https. //ebudezain. com/

Apache có 1 cơ chế bao gồm cho nên việc bạn viết code bằng Apache thì nó sẽ hỗ trợ cho bạn như sau

read data support

read data support

bài viết được viết bởi cường tráng hùng https. //ebudezain. com/

hùng thông minh lắm

        
 
  
  Content
  
  
  

ahihi đồ ngốc nghếch thanh hùng nè

Nhưng không chỉ thế bạn còn cần cấu hình Apache để cho phép đưa vào.  

Options +Includes

AddType text/html .html
AddOutputFilter INCLUDES .html

ahihi đồ ngốc nghếch thanh hùng nè

anh hùng đẹp trai

hùng thông minh lắm

anh hùng ebudezain

hùng thông minh lắm

tôi thích như vậy

hùng thông minh lắm

tôi thích như vậy

hùng thông minh lắm

Rồi thì nếu bạn phải cấu hình Apache thì bạn cũng có ngôn ngữ back end ví dụ PHP, java,. Thì mặt sao phải cấu hình Apache nữa.
MẶt khác, sẽ rất "tuyệt vời" nếu lũ khác clone html của bạn về mà còn phải config 1 cái mới chạy được. Như thế chắc nó sẽ vui lắm 😄 

bài viết được viết bởi cường tráng hùng https. //ebudezain. com/

anh hùng ebudezain

anh hùng đẹp trai

hùng thông minh lắm

4. IQ 100 - Xài CodeKit

read data support

CodeKit có 90% giống HTML. nó là công cụ để xây dựng html mà không cần cấu hình. Tàn tích chỉ có trên máy mac 😄 Thử nghĩ xem nếu công ty bạn có 1 đống xài windows chắc nó đánh bạn không trượt phát lào.  

anh hùng đẹp trai

hùng thông minh lắm

anh hùng ebudezain

tôi thích như vậy

anh hùng ebudezain

5. IQ 110 - Xài Dreamweaver

read data support

anh hùng ebudezain

hùng thông minh lắm

hùng thông minh lắm

Riêng tôi không thích Dreamweaver cho lắm. Nó chết xặc máu từ hồi xử lý hồi xưa rồi nên thôi chúng ta cũng không nên quay về thời cổ đại mã làm gì. Nói chung là cái Dreamweaver này dành cho nhưng ai thích nghĩ về hoài niệm.
MẶt khác nếu công ty bạn có lũ trẻ không cài đặt Dreamweaver thì nó sẽ vui lắm khi bạn cứ xài đồ cũ mà nó thì cứ cà khịa bạn 😄 

ahihi đồ ngốc nghếch thanh hùng nè

6 - IQ 200 - Không thèm html mà chuyển qua Pug

anh hùng đẹp trai

anh hùng đẹp trai

tôi thích như vậy

Pug nó là 1 bộ tiền xử lý HTML. Nghĩa là tiền xử lý html để đưa ra ứng dụng thực tế. Cú fáp rút ngắn hơn HTML.