文字與排版烤肉串連字 (kebab-case) 轉換器
烤肉串連字 (kebab-case) 轉換器
快速將文字轉換為標準 kebab-case 格式!專為 CSS Class 命名、URL Slug 與程式開發設計,自動小寫並以橫線「-」連結單字。
烤肉串連字 (kebab-case) 轉換器(即時轉換測試)
您輸入的原始英文 (Before)0 Chars | 0 Words
行數: 0
已強制轉換為 (After - KEBAB)0 Chars | 0 Words
行數: 0
格式詳盡定義與說明
烤肉串命名(kebab-case)常稱為「中劃線連字」。顧名思義,就像用一根竹籤將一塊塊小寫單字緊密穿在一起。所有英文字元全部轉換為小寫,單字間以連字符/橫線(`-`)相連。
轉換前後效果對比
原始 (Original)"unknown edge case handled by random if statement"
轉換 (Converted)"unknown-edge-case-handled-by-random-if-statement"
轉換規則與核心特徵
- 全部字母強制小寫。
- 單字間自動過濾多餘空格,並填入橫線「-」連字記號。
主流適用場景 (Application Area)
1. 網頁 HTML 節點之 CSS class 命名
例如在 Tailwind CSS 或 Sass 框架中命名元件 class 名稱。
2. 文章 URL slugs 標準設計
在現代網格 CMS 系統中,URL 網址最後的易讀檔名常用 kebab-case(例如 `https://ectools.xyz/kebab-case-converter`)。
3. HTML 自訂 data-* 屬性名
前端進行 DOM 操作時,在 UI 自訂 tag attributes 的語法要求規格。
程式開發背景知識
💻 軟體工程小知識
本工具正則匹配出英數字集,其後進行 lowercase 及 `-` 合併輸出。這是一個高效無副作用的 Web slugs 標準處理過程。常見 Q&A
Q:可以用這個格式來叫 Python 的變數名嗎?
不建議也辦不到!因為大部分的高階語言(包含 Java, C++, JS, Python)都把橫線 `-` 解意為「減法算術符號」。編譯器會把 `user-account` 當作是變數 `user` 減去 `account`,進而直接拋出 Syntax Error 錯誤!
📑 英文大小寫與專屬格式轉換 - 分門別類全系列導覽
ECTools 特別為每一種主流大小寫格式(Case Formats)、程式命名規則以及特殊文字樣式精心編排,點擊下方連結一鍵瞬移,深入體驗各個模組的詳細學術規範與即時轉換效果: