Cách dùng Tạo dấu nối mềm
- Dán tiêu đề hoặc đoạn văn của bạn vào. Ở chế độ tự động, các từ dài hơn giới hạn sẽ được chèn dấu nối mềm tại những vị trí có thể tách âm tiết.
- Để kiểm soát hoàn toàn, nhập ký hiệu đánh dấu (mặc định
|) ở nơi từ có thể ngắt, ví dụVersicherungs|leistungen. - Kéo thanh chiều rộng xem trước để thấy cách văn bản xuống dòng trên màn hình hẹp — dấu gạch nối chỉ hiện khi từ thực sự bị ngắt.
- Copy dưới dạng text (ký tự vô hình, rất phù hợp với các trường của Webflow và CMS) hoặc dạng HTML với các thực thể
­.
Dấu nối mềm là gì?
Dấu nối mềm (Unicode U+00AD, thực thể HTML ­) là một ký tự vô hình đánh dấu một vị trí có thể ngắt dòng bên trong một từ. Nếu từ vừa dòng, sẽ không có gì hiển thị. Nếu không vừa, trình duyệt sẽ ngắt từ tại vị trí đó và hiển thị dấu gạch nối. Đây là cách xử lý gọn gàng nhất cho các từ ghép dài — phổ biến trong tiếng Đức (“Kundenzufriedenheitsanalyse”) — khi chúng làm tràn khung hoặc trông lạ mắt ở tiêu đề lớn trên điện thoại.
Dấu nối mềm và khoảng trắng không độ rộng và CSS hyphens
| Kỹ thuật | Có hiện dấu gạch nối? | Phù hợp nhất cho |
|---|---|---|
­ dấu nối mềm | Có, chỉ khi bị ngắt | Từ dài trong tiêu đề và nội dung chính |
| Khoảng trắng không độ rộng (U+200B) | Không | URL, địa chỉ email, đường dẫn file, dấu gạch chéo |
CSS hyphens: auto | Có | Nội dung văn bản dài — nhưng cần thuộc tính lang đúng và từ điển của trình duyệt, không thể kiểm soát |
CSS overflow-wrap: anywhere | Không | Phương án dự phòng cuối cùng; có thể ngắt từ ở những chỗ xấu |
Dùng dấu nối mềm trong Webflow
Các trường văn bản của Webflow không cho bạn gõ ­ — nó sẽ hiển thị nguyên văn. Hãy copy kết quả dưới dạng văn bản có ký tự vô hình và dán vào trường tiêu đề, rich text hoặc CMS: các dấu nối mềm sẽ đi theo một cách vô hình và hoạt động ngay trên trang đã xuất bản. Để xóa chúng sau này, hãy dán lại văn bản vào đây và nhấn “Xóa ký tự vô hình”.
Về chế độ tự động
Chế độ tự động dùng các quy tắc âm tiết đơn giản (chuyển tiếp nguyên âm–phụ âm) để gợi ý vị trí ngắt, đồng thời giữ ít nhất ba chữ cái ở mỗi bên. Chế độ này phù hợp cho tiêu đề nhưng không phải là bộ từ điển ngắt từ đầy đủ — hãy kiểm tra các từ quan trọng trong phần xem trước, hoặc tự đặt vị trí ngắt bằng ký hiệu đánh dấu để có kết quả hoàn hảo.
Cũng được tìm dưới tên: dấu nối mềm, soft hyphen, ­, khoảng trắng không độ rộng, zero width space, ngắt từ trên điện thoại, ngắt dòng từ dài, chèn dấu gạch nối mềm.
Các công cụ dùng kèm tốt với Tạo dấu nối mềm
- Sửa dấu ngoặc kép thông minh — Code copy từ Slack, Notion, Word hay blog mà không chạy được?
- Đổi kiểu chữ — Dán văn bản vào và đổi giữa 11 kiểu viết khác nhau, từ Title Case cho tiêu đề đến camelCase và snake_case cho code.
- Đếm từ — Dán hoặc gõ văn bản để đếm từ và ký tự theo thời gian thực, kèm thời gian đọc và thời gian nói, mật độ từ khóa và kiểm tra độ dài cho tiêu đề SEO, mô tả meta và bài đăng mạng xã hội.
- Mã hóa HTML Entity — Escape < > & " để văn bản hiển thị an toàn trong HTML, chuyển dấu và ký hiệu sang entity dạng tên hoặc số, hoặc giải mã HTML chứa entity về văn bản thuần.
Câu hỏi thường gặp
Làm sao để gõ dấu nối mềm?
­. Với các trình soạn thảo không hỗ trợ thực thể (Webflow, Figma, hầu hết các trường CMS), hãy copy ký tự từ công cụ này — nó vô hình nhưng vẫn tồn tại. Trên Windows, bạn cũng có thể gõ Alt+0173.