Chuyển kebab-case
Chuyển cụm từ và định danh thành kebab-case — phổ biến trong URL và CSS.
Nhập
Chuyển sang
Đầu ra
Riêng tư theo thiết kế
Việc chuyển đổi chạy hoàn toàn trên trình duyệt. Văn bản của bạn không được gửi lên máy chủ.
Mẹo
Mật khẩu, khóa API và một số định danh phân biệt hoa thường. Chỉ chuyển khi bạn cố ý đổi giá trị.
Cách chuyển với Chuyển kebab-case
Dán hoặc gõ văn bản vào khung input.
Kết quả cập nhật ngay — không tải dữ liệu lên máy chủ.
Chọn kiểu chữ khác để mở trang chuyển đổi đó với cùng văn bản.
Sao chép kết quả, hoặc dùng nó làm input tiếp theo.
Khi nào nên dùng?
Viết
Làm mềm tiêu đề, ghi chú và tin nhắn để văn bản đọc như câu thông thường.
Lập trình
Khớp quy ước định danh trong code, cấu hình và API.
URL
Chuẩn bị hostname, đường dẫn, slug và class CSS.
Dữ liệu
Chuẩn hóa tên, thẻ và hàng nhập về cùng một kiểu chữ.
Về chuyển kebab-case
kebab-case thường hóa từ và nối bằng gạch ngang. Phổ biến trong URL, tên lớp CSS và cờ dòng lệnh. Slugify còn gấp dấu và có thể giới hạn độ dài; kebab-case là phép nối đơn giản hơn.
Ví dụ: “The Quick BROWN Fox” thành “the-quick-brown-fox.” CONSTANT_CASE là THE_QUICK_BROWN_FOX. Đừng để kebab-case trong định danh JavaScript (dùng camelCase).
Không tải lên. Convert to giữ đầu vào. Slugify là anh em khi nguồn là tiêu đề có dấu câu và dấu thanh.
URL là /tools/kebab-case. Chúng tôi không percent-encode; Mã hóa URL là anh em cho việc đó. Gạch ngang liên tiếp có thể xuất hiện từ dấu câu — Slugify khắt khe hơn về slug gọn.
Ví dụ Chuyển kebab-case
Tiêu đề
Câu
Định danh
So sánh kiểu chữ
| Kiểu | Ví dụ | Dùng khi |
|---|---|---|
| chữ thường | hello world example | Văn bản nhẹ, thẻ, và chuẩn hóa input |
| CHỮ HOA | HELLO WORLD EXAMPLE | Tiêu đề, từ viết tắt, và nhãn ngắn |
| Kiểu câu | Hello world example | Văn xuôi, chú thích, và đoạn dễ đọc |
| Kiểu tiêu đề | Hello World Example | Tiêu đề, headline, và tên riêng |
| camelCase | helloWorldExample | Biến JavaScript và khóa object |
| PascalCase | HelloWorldExample | Kiểu, class, và component React |
| snake_case | hello_world_example | Python, API, và cột cơ sở dữ liệu |
| kebab-case | hello-world-example | URL, class CSS, và tên tệp |
| CONSTANT_CASE | HELLO_WORLD_EXAMPLE | Biến môi trường, hằng số, và enum |
Hỏi đáp Chuyển kebab-case
kebab-case chỉ viết thường và nối bằng gạch ngang: “The Quick BROWN Fox” thành “the-quick-brown-fox.” Tạo slug còn gỡ dấu (Café → cafe), có thể loại ký hiệu, và có thể giới hạn độ dài cho trường CMS. Dùng kebab-case cho định danh; dùng Tạo slug cho tiêu đề.
Không. Gạch ngang là dấu trừ trong JS. Dùng camelCase cho định danh. CONSTANT_CASE là THE_QUICK_BROWN_FOX.
Không. Chuyển đổi ở lại tab này. Chuyển sang giữ input. Liên quan: Tạo slug, snake_case, Title Case.