PTT數位生活區 / Web_Design

[問題] header+footer公用區塊複用的方法

看板Web_Design作者 (oo)時間3年前 (2021/06/03 22:12), 3年前編輯推噓6(6推 0噓 13→)
留言19則, 11人參與, 3年前最新討論串1/1
安安大家好～ 目前開發網頁做html的時候 head / header / footer 這些區塊都是重複的 只有 head 的網頁 title 不同還有 content不同 想問有沒有什麼好用推薦的工具? 能實現重複的區塊變成像 template 一樣能複用有事先爬文但是因為不知道打什麼關鍵字所以找不太到資料QQ~困擾很久想來問問看大家 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.249.4.41 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1622729570.A.32B.html
推
06/04 00:26, 3年前 , 1F
component?
06/04 00:26, 1F
？？
→
06/04 00:29, 3年前 , 2F
不知道你在寫什麼框架, 純html, asp, aspx, php, .ne
06/04 00:29, 2F
→
06/04 00:29, 3年前 , 3F
t, vue, angular，不同框架對應不同的方法
06/04 00:29, 3F
→
06/04 00:35, 3年前 , 4F
asp對應include，vue、angular對應components，aspx
06/04 00:35, 4F
→
06/04 00:35, 3年前 , 5F
對應usercontrol
06/04 00:35, 5F
→
06/04 00:36, 3年前 , 6F
.net對應layoyt
06/04 00:36, 6F
回Boy大～純html，其他的我都不會XD 我只會html css jQuery～ 只是純html的話適合用什麼@@？ ※ 編輯: theworld70 (111.249.4.41 臺灣), 06/04/2021 08:08:09 ※ 編輯: theworld70 (111.249.4.41 臺灣), 06/04/2021 08:08:49
推
06/04 11:20, 3年前 , 7F
先做出來再去想哪裡有共通的地方
06/04 11:20, 7F
→
06/04 11:27, 3年前 , 8F
現在還有人在用純html喔，學個php吧
06/04 11:27, 8F
推
06/04 16:40, 3年前 , 9F
純html連js都不行的話，傳統技術就frameset 進階一點iframe
06/04 16:40, 9F
→
06/04 16:41, 3年前 , 10F
jQuery可以的話，可以試試jQuery get()
06/04 16:41, 10F
感謝n大，我來研究看看
→
06/04 22:42, 3年前 , 11F
iframe
06/04 22:42, 11F
這的確也是一種方法
推
06/05 01:22, 3年前 , 12F
php include
06/05 01:22, 12F
這個感覺是後端在摸的，不過還是感謝y的建議 來研究研究
推
06/05 04:05, 3年前 , 13F
我也只會純html，跟你遇到同樣問題時我是用ruby slim把
06/05 04:05, 13F
→
06/05 04:06, 3年前 , 14F
共同的部分拆出來，比如header我只要編輯一次，所有頁面
06/05 04:06, 14F
→
06/05 04:06, 3年前 , 15F
的header都會更新，不知道這樣的形式是不是你要的
06/05 04:06, 15F
→
06/05 04:07, 3年前 , 16F
但用這個方法你可能得學一點ruby，還要學一點gulp……
06/05 04:07, 16F
哇～c大的學習門檻好高～我來研究看看～感謝 ※ 編輯: theworld70 (111.249.4.41 臺灣), 06/05/2021 09:04:09
推
06/05 13:11, 3年前 , 17F
你去github隨便找個純html的demo site，就知道他怎麼做
06/05 13:11, 17F
→
06/05 23:16, 3年前 , 18F
簡單網頁用 iframe 很 OK
06/05 23:16, 18F
→
06/05 23:26, 3年前 , 19F
jekyll
06/05 23:26, 19F
‣ 更多 theworld70 的文章
文章代碼(AID): #1WkEDYCh (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 theworld70 的文章
文章代碼(AID): #1WkEDYCh (Web_Design)