buildHtml
baseUrl https://shop.scroll.pub
metaTags
editButton /edit.html
title 网上商城 - 搜索和购物
style.css
header
 class header-container
 div
  class search-container
  input
   type text
   id searchInput
   placeholder 搜索商品...
  button
   onclick searchProducts()
   搜索
main
 class product-grid
 div
  class product-card
  img
   src data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI2YwZjBmMCIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMjAiIGZpbGw9IiM2NjY2NjYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGR5PSIuM2VtIj7llYblk4Hlm748L3RleHQ+PC9zdmc+
   alt 商品图片
  h3 智能手机
  p ¥2999
  button 加入购物车
 div
  class product-card
  img
   src data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI2YwZjBmMCIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMjAiIGZpbGw9IiM2NjY2NjYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGR5PSIuM2VtIj7llYblk4Hlm748L3RleHQ+PC9zdmc+
   alt 商品图片
  h3 笔记本电脑
  p ¥5999
  button 加入购物车
 div
  class product-card
  img
   src data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI2YwZjBmMCIvPjx0ZXh0IHg9IjUwJSIgeZ0iNTAlIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMjAiIGZpbGw9IiM2NjY2NjYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGR5PSIuM2VtIj7llYblk4Hlm748L3RleHQ+PC9zdmc+
   alt 商品图片
  h3 智能手表
  p ¥1299
  button 加入购物车
footer
 class footer-container
 p 在线商城 - 为您提供优质购物体验
script.js