發佈日期: 發佈留言

網站常用命名整理

在寫網站命名時遇到煩惱嗎? 這邊整理了常用到的命名!

點下面節點可快速到達該區塊:

  • 命名規則最好是:
    • 抽象化命名 (避免用實際顏色、單位等),例如:提示文字命名 text_red 改成 text_tips。
    • 區塊階層命名 (避免用區塊的位置命名),例如:左邊選單 left_menu 改成 sub_menu。
    • 有描述性,少用縮寫,除非是大家常用的縮寫,例如:數字錯誤 num_errors。
    • 有些公司大小寫的命名可能有限制,請先詢問你公司有沒有原本就定好的規則。
  • 有多個單字組成怎麼命名?
    • 單字小寫+單字第一個字大寫,例如:子選單 subMenu。
    • 單字小寫_單字小寫,例如:子選單 sub_menu。
    • 單字小寫-單字小寫,例如:子選單 sub-menu。

{ 常用區塊命名}

中文命名中文命名
佈局layout範本template
頁面外圍控制整體wrapper、wrap容器container
內容content頁首header
導覽行navbar、nav頁尾footer
側邊欄位sidebar選單/ 菜單menu
主要區域main子選單/ 子-subMenu/ sub-
註冊register登入login

{ 常用元件命名}

中文命名中文命名
按鈕button、btn文字text、font
標誌logo橫幅banner
表單form下拉選單dropdown
欄位column、col箭頭arrow
搜尋search滾動條scroll
主題theme列表list
標籤頁tab標籤tag
區塊box標題title
數量number、num

{ 可能會用到元件命名}

中文命名中文命名
圓角round資源source
小技巧tips合作伙伴partner
服務service指南guild
投票vote註解note
狀態status摘要summary
公佈欄dashboard描述description/ desc
欄位
驗證碼CAPTCHA非機器人驗證reCAPTCHA
確認密碼comfirm_password
購物
購物車cart結帳checkout
交易transaction當前的current
歷史紀錄history訂單order
換貨exchange退款refund
退貨return發票receipt
禮券voucher有現貨in_stock
賣光sold_out回饋點數rewards_points
兌換點數redeem規格specifications
多件促銷multiple promotions運費delivery fee
自訂/ 客製化customize商品狀況product condition
全新new二手used
餐廳
餐點meal種類category
套餐combo口味flavor
後台
權限authority帳號account、user
報表report會計accountant
發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *