ECTools
文字與排版烤肉串連字 (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 錯誤!