Làm thế nào để bạn chèn một dòng trống vào HTML? Một số cách có thể, với mỗi cách tiếp cận duy nhất tùy thuộc vào trường hợp sử dụng cụ thể của bạn và những gì được cho phép để bạn chỉnh sửa với HTML.
Lý do tại sao bạn có thể cần chèn các dòng trống vào mã HTML của bạn có thể là để hiển thị nó trong PDF. Một trường hợp gần đây cho bản thân tôi với một dự án là có một khu vực ở dưới cùng của một lá thư mà ai đó có thể ký. Điều này có thể hữu ích, ví dụ khi tải tài liệu lên dấu hiệu Adobe và được ký bởi một vài bên.
Dù lý do hoặc trường hợp sử dụng cần thiết để chèn một dòng trống vào mã của bạn, đây là một số phương tiện có sẵn để bạn sử dụng.
Tôi đã phá vỡ từng phần theo những gì cần thiết để thay đổi và chúng như sau:
- Sử dụng thẻ HTML
- Sử dụng các thực thể HTML
- Sử dụng CSS
Hãy cùng nhìn vào từng cách tiếp cận chi tiết hơn.
Sử dụng thẻ HTML
Có ba thẻ có sẵn để giúp chèn các dòng trống vào mã của bạn. Ba thẻ này được gọi là thẻ break, thẻ được định dạng sẵn và thẻ đoạn văn.
Hãy cùng nhìn vào từng chi tiết hơn một chút.
Sử dụng thẻ Yours sincerely,
Ryan
3
Yours sincerely,
Ryan
Nếu bạn bị mắc kẹt với các nút mẹ bao bọc văn bản của bạn, thì một giải pháp bạn có thể sử dụng là nối thêm thẻ HTML để bao gồm một dòng trống bằng cách chèn thẻ
Yours sincerely,
Ryan
4.append a HTML tag to include a blank line
by inserting the Yours sincerely,
Ryan
4 tag. Nếu một thẻ BR chứa một cú đánh phía trước, nó sẽ giúp người đọc mã biết thẻ đang tự đóng. Nói cách khác, nó không cần một thẻ
Yours sincerely,
Ryan
5 đóng tương ứng.self-closing. In other words, it doesn’t need a corresponding closing Yours sincerely,
Ryan
5 tag.Nếu bạn tình cờ viết mã
Yours sincerely,
Ryan
6 của mình mà không có điểm nhấn phía trước, bạn không cần phải lo lắng về nó vì hầu hết các trình duyệt hoặc công cụ kết xuất HTML sẽ biết thẻ Yours sincerely,
Ryan
7 là thẻ không cần phải có thẻ đóng tương ứng.Cá nhân, tôi thích chèn thanh toán chuyển tiếp hoàn toàn cho khả năng đọc, tôi có thể nhanh chóng thấy từ mã rằng thẻ
Yours sincerely,
Ryan
4 đang tự tạo và tôi không cần phải đi săn tìm thẻ đóng.Bằng cách chèn thẻ
Yours sincerely,
Ryan
7 ở cuối dòng, nó chèn một break break [tức là trả về vận chuyển] và bắt đầu văn bản sau thẻ Yours sincerely,
Ryan
4 trên một dòng mới. Nếu cần thêm một dòng trống, hãy chèn một thẻ BR khác.Dưới đây, một ví dụ về mã sẽ trông như thế nào khi sử dụng thẻ
Yours sincerely,
Ryan
3 và kết quả tiếp theo của nó trong HTML:Yours sincerely,
Ryan
Hãy cẩn thận với việc sử dụng thẻ ngắt dòng vào mã HTML của bạn. Bạn có thể muốn kiểm tra bài đăng khác của tôi về việc chèn dòng vào HTML về mục đích phá vỡ dòng.
Sử dụng thẻ Yours sincerely,
Ryan
2
Nếu bạn có thể sửa đổi nút cha mẹ gói khu vực mà bạn muốn các dòng trống của bạn đi, thì tùy chọn này có thể cung cấp sự linh hoạt nhất mà không cần phải chèn vào các thẻ.without needing to insert any additional tags.
Vấn đề duy nhất với việc sử dụng thẻ
Yours sincerely, Ryan3 là bạn có thể cần tạo kiểu nó để phù hợp với các định dạng khác trên trang của bạn. Ngoài ra, nó sẽ không cho phép bất kỳ thẻ HTML nào khác được sử dụng bên trong.
Để chèn một dòng trống bằng thẻ
Yours sincerely, Ryan2 chỉ cần sử dụng phím Enter trên bàn phím của bạn và nhập thông tin về cách xuất hiện.
Dưới đây là một ví dụ sử dụng thẻ
Yours sincerely, Ryan2 và kết quả tiếp theo của nó trong HTML:
Yours sincerely,
Ryan
Yours sincerely, Ryan
Như bạn có thể thấy từ ví dụ trên, rất ít cần thiết trong mã để thay đổi. Tuy nhiên, điều đó có nghĩa là các thẻ
Yours sincerely, Ryan3 sẽ yêu cầu kiểu dáng cụ thể của chúng vì trình kết xuất hoặc trình duyệt sẽ hiển thị điều này hoàn toàn khác với phần còn lại của nội dung của bạn.
Ngoài ra, bạn có thể phải thêm một hoặc hai không gian trên các dòng trống đó nếu không nó có thể được hiển thị dưới dạng sai lầm và các dòng trống có thể được gỡ bỏ.
Sử dụng thẻ Yours sincerely,
Ryan
7
Một cách khác để thêm một dòng trống bằng cách sử dụng thẻ HTML là sử dụng thẻ tiêu chuẩn
Yours sincerely, Ryan8.
Nếu cấu trúc nội dung của bạn là quan trọng và các yếu tố cần được bọc trong các thẻ đoạn văn, bạn có thể thêm một dòng trống bằng cách chèn một phần đoạn văn trống, như vậy:
Yours sincerely,
Ryan
Chân thành của bạn,
Ryan
Bây giờ bạn sẽ nhận thấy trong đầu ra ở trên mà WordPress đã hiển thị đoạn trống [dòng
Yours sincerely, Ryan9]. Kiểm tra xem mã trên có hoạt động có quan trọng hay không vì một số trình kết xuất có thể loại bỏ đoạn trống này nghĩ rằng một lỗi đã được thực hiện.
Do đó, để buộc dòng trống, hãy nhập một cái gì đó giữa các đoạn văn giống như một ký tự không gian hoặc thực thể HTML cho không gian không phá vỡ
Yours sincerely,
Ryan
0 như vậy:Yours sincerely,
Ryan
Chân thành của bạn,
Ryan
Bây giờ bạn sẽ nhận thấy trong đầu ra ở trên mà WordPress đã hiển thị đoạn trống [dòng
Yours sincerely, Ryan9]. Kiểm tra xem mã trên có hoạt động có quan trọng hay không vì một số trình kết xuất có thể loại bỏ đoạn trống này nghĩ rằng một lỗi đã được thực hiện.
Do đó, để buộc dòng trống, hãy nhập một cái gì đó giữa các đoạn văn giống như một ký tự không gian hoặc thực thể HTML cho không gian không phá vỡ Yours sincerely,
Ryan
0 như vậy:
Yours sincerely,
Ryan
Như bạn có thể thấy từ đầu ra HTML ở trên, WordPress không coi đoạn giữa là OOPSIE và do đó làm cho đoạn giữa, hiển thị một dòng trống.
Một thực thể HTML là một đại diện của một ký tự ASCII và được chú thích bằng cách viết chúng bằng một ampersand và theo sau là viết tắt Khái niệm tương tự được áp dụng]. Cuối cùng, đảm bảo thực thể bị đóng cửa với một đại hội.
Ví dụ, ký tự không gian không phá vỡ có thể được viết dưới dạng tham chiếu thực thể viết tắt như
Yours sincerely,
Ryan
0 hoặc là một tham chiếu ký tự như Yours sincerely,
Ryan
4 với cả hai biểu thức đều tương đương.Vì ISO-8859-1 đã xác định ký tự được đặt cho tiêu chuẩn HTML 4.01. Trong 32 ký tự đầu tiên [từ 0 đến 31] là các ký tự điều khiển, một số ký tự xác định ngắt dòng.
Sử dụng tham chiếu ký tự trở lại vận chuyển
Tham chiếu ký tự HTML cho ký tự trả về vận chuyển là
Yours sincerely,
Ryan
5 và một ví dụ về điều này được nhìn thấy trong mã sau:Yours sincerely,
Ryan
Yours sincerely, Ryan
Nếu không có gì được hiển thị thì có khả năng hệ điều hành sẽ không diễn giải điều này như bình thường. Hãy thử cái tiếp theo…
Sử dụng tham chiếu ký tự nguồn cấp dữ liệu
Một ký tự HTML khác có sẵn là ký tự nguồn cấp dữ liệu, có ký hiệu ` ` và điều này hoạt động theo cách tương tự như trở lại vận chuyển, như đã thấy trong ví dụ sau:
Yours sincerely,
Ryan
Yours sincerely, Ryan
Điều này dường như hiển thị tốt trên máy Mac OS của tôi, nhưng nếu bạn sử dụng Windows hoặc trên thiết bị di động, một hoặc cái kia có thể không hoạt động. Do đó, tốt nhất là kết hợp cả hai thành một thứ như thế này:
Yours sincerely,
Ryan
Yours sincerely, Ryan
Tôi đã chèn ký tự trả về vận chuyển trước vì một số máy Windows thích thứ tự này: Trở về vận chuyển sau đó là nguồn cấp dữ liệu.
Dù sao, hãy thử các tham chiếu ký tự HTML ở trên trong mã của bạn nếu đây là một tùy chọn hấp dẫn bạn.
Sử dụng CSS
Tất cả các ví dụ trên yêu cầu chèn mã bổ sung, cho dù đó là HTML trực tiếp hoặc ký tự ASCII.
Điều gì xảy ra nếu không có khả năng chèn thêm dữ liệu? Có phương tiện sử dụng CSS để có các dòng trống không?
Sử dụng thuộc tính Yours sincerely,
Ryan
6 CSS
Yours sincerely,
Ryan
Một phương tiện là sử dụng thuộc tính
Yours sincerely,
Ryan
6 trong CSS.
Có một số tùy chọn có sẵn cho loại này, nhưng cái tôi quan tâm nhất nếu văn bản của tôi được sửa và tôi muốn đưa ra kết quả này theo đầu ra của nó là tùy chọn
Yours sincerely,
Ryan
8.Dưới đây là một ví dụ chứng minh việc sử dụng này [I hève đã chèn thuộc tính
Yours sincerely,
Ryan
9, nhưng mã này có thể dễ dàng được chèn vào bảng kiểu thay thế]: thay vào đó là:Yours sincerely,
Ryan
1Trân trọng, Ryan
Sử dụng lề hoặc đệm
Nếu cấu trúc của mã của bạn được bọc trong các thẻ cho mỗi dòng, thì bạn có thể muốn xem đặt một khoảng cách lớn hơn bên dưới dòng thứ nhất [hoặc khoảng cách lớn hơn trên dòng thứ hai].
Thuộc tính CSS có thể dễ dàng cho phép chức năng này là thuộc tính
Yours sincerely,
Ryan
0 hoặc Yours sincerely,
Ryan
1.Dưới đây là một ví dụ chứng minh việc sử dụng
Yours sincerely,
Ryan
0 trong đó mỗi dòng được bọc trong thẻ HTML:Yours sincerely,
Ryan
2Chân thành của bạn,
Ryan
Một lần nữa, giải pháp này phù hợp nhất khi bạn có thể tiêm đoạn trống vào HTML như đã đề cập ở trên và mỗi phần được bọc trong thẻ HTML của riêng nó.
Bạn cũng có thể cần phải buộc
Yours sincerely,
Ryan
3 trên đoạn văn sẽ có khoảng cách vì các thuộc tính CSS khác có thể ghi đè.Bản tóm tắt
Có một số cách để chèn một dòng trống vào mã HTML của bạn. Một số phương pháp phụ thuộc vào những gì bạn có thể tiêm [nếu có bất cứ điều gì], trong khi các phương tiện khác có thể sử dụng CSS để giúp cung cấp khoảng cách cần thiết.
Thẻ nào được sử dụng để tạo một dòng trống trong HTML?
tag inserts a single line break. The
tag is useful for writing addresses or poems. The
tag is an empty tag which means that it has no end tag.
Làm thế nào để bạn thêm một dòng vào văn bản trong HTML?
HTML element produces a line break in text [carriage-return]. It is useful for writing a poem or an address, where the division of lines is significant.