Có nên sử dụng văn bản thụt lề trên web?


11

Tôi đã nghĩ đến việc thêm văn bản thụt lề vào trang web của mình (-có dòng đầu tiên của đoạn văn thụt vào), nhưng trước tiên tìm kiếm một chút và phát hiện ra rằng nhiều trang web không có bất kỳ văn bản thụt lề nào. Tại sao vậy? Tôi nghĩ rằng nó làm cho nó rõ ràng hơn nơi đoạn văn bắt đầu, vậy tại sao nó không được sử dụng thường xuyên hơn?

Có một nhược điểm nghiêm trọng, hay đó chỉ là vấn đề thời trang / xu hướng?

Câu trả lời:


8

Bạn có thể tách các đoạn một số cách.

Ấn độ

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 
    Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 
    Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Dòng trống / Không gian

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 

Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 

Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Fleurons / Khởi sắc / biểu tượng / lỗi

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius 
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. ~•~ 
Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Số

1  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
   Curabitur in orci pellentesque, volutpat metus eget, interdum 
   mauris. 
2  Nunc faucibus lectus id libero blandit, et varius augue 
   vehicula. Cras eu dictum libero, a elementum velit. Fusce 
   ultrices malesuada elit, et convallis massa tristique in. 
3  Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
   Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
   velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
   sit amet neque aliquam ultrices eget vitae urna. 

Tất cả (cũng như các phương pháp khác) đều hợp lệ. Những gì thường cau mày khi kết hợp chúng, vì nó hơi dư thừa. Nếu bạn đã có một khoảng trống giữa các đoạn văn, việc thụt lề sẽ không thực sự giúp phân tách chúng một cách trực quan.

Về lý do tại sao bạn thường xem các dòng / không gian trống là cách chính để phân tách các đoạn trên web bởi vì đó chỉ là mặc định. Theo mặc định, hầu hết các trình duyệt theo truyền thống đã thêm không gian giữa <p>các thẻ. Vì vậy, không cần phải sử dụng thụt lề. Nhưng bạn chắc chắn có thể tự do sử dụng thụt lề nếu bạn thích.


2
Thú vị các điều lỗi. Nhưng tôi không nghĩ nó là một thứ hữu ích. : o) - Các số (imho) có nghĩa là một cái gì đó có tính quảng cáo hơn là chỉ các đoạn khác nhau.
Rafael

@Rafael hữu ích là dựa trên bối cảnh. :) Đó là, thừa nhận, không được sử dụng phổ biến.
DA01

Chà ... chúng ta cần sử dụng lỗi này trên các hộp bình luận này! --- Trao đổi ngăn xếp: TÔI MUỐN PARAGRAPHS VỀ Ý KIẾN! : o)
Rafael

@Rafael thực sự là một ví dụ tuyệt vời về nơi nó sẽ hữu ích! :)
DA01

1
"Lỗi" (hoặc một cái gì đó tương tự) đã được sử dụng trong nhiều hình thức viết cổ. Chúng là các dấu phân cách đoạn gốc từ thời điểm bề mặt viết bị hạn chế và mật độ thông tin là quan trọng. Tôi sẽ đề nghị sử dụng chúng trong các tình huống tương tự. Sự thụt lề cũng tiết kiệm không gian, so với sự thay thế của một ngắt dòng bổ sung. Nhưng kiểu chữ web hiện đại nên sử dụng khoảng cách bất cứ khi nào có thể cho mức độ dễ đọc.
Rich Remer

4

Đây chủ yếu là một sở thích cá nhân và một số người sẽ tranh luận lý do tại sao mọi người không sử dụng Drop Cap thay vì thụt đầu dòng. Cá nhân không gian giữa các đoạn công đức.

Sự hiểu biết của tôi về mục đích khi sử dụng thụt lề chỉ được sử dụng cho các khối nội dung mới khi viết một cái gì đó như một bài đăng blog cho một trang web. Điều đó nói rằng khi một số người sử dụng các trang web hoặc blog CMS, thật khó để viết mã thụt vào các đoạn cần thiết khi nhiều chủ đề được thảo luận để các thẻ tiêu đề được sử dụng làm phân tách.

Để giải quyết điều này, bạn có thể sử dụng grepvà jQuery để thêm thuộc tính CSS text-indenttrên các <p>thẻ nhất định . Vì vậy, để trả lời câu hỏi của bạn đây là một sở thích cá nhân. Cũng lưu ý rằng nếu bạn đang làm điều này cho một cái gì đó như một bài đăng trên blog và bạn không muốn mọi <p>thẻ được thụt vào, bạn có thể sử dụng phần tử giả đầu tiên:

p:first-child {
  text-ident: 1.5em;
}

Trong lịch sử, không có cách nào dễ dàng để thụt lề các đoạn hoặc sử dụng dropcaps trong HTML. Khi CSS xuất hiện lâu, điều đó đã thay đổi mọi thứ.
DA01

1
đừng nói về thời kỳ đen tối như thế;)
DVᴀᴅᴇʀ

Trong cách sắp chữ cổ điển cho vật chất dài (tức là sách), đoạn đầu tiên của một phần sẽ có khoảng trắng phía trên nó và không có vết lõm, trong khi các đoạn còn lại sẽ có vết lõm. Điều đó thường được thực hiện cho dù có tiêu đề hay phần tiêu đề hay không. Đoạn đầu tiên của một sự phá vỡ quan trọng như một chương có thể có một nắp thả hoặc nắp thả được chiếu sáng.
RBerteig

4

Có nên thụt lề văn bản? Vâng, đó là một vấn đề sở thích cá nhân nhưng phần lớn các trang web tôi đã thấy không thụt lề các đoạn.

Bạn phải xem nguồn gốc của HTML

Khi HTML bắt đầu, không có hướng dẫn chuẩn. HTML ban đầu được tạo bởi Berners-Lee xem xét người đã viết phần mềm trình duyệt và máy chủ. Mọi người tại các tổ chức lớn đã hỏi những lệnh định dạng nào họ có thể sử dụng. Vì các đoạn văn bản bằng văn bản có khoảng trắng sau chúng, chúng đã chấp nhận điều này cho HTML. Đây là cách <p>thẻ hoạt động. Mọi người sẽ áp dụng các tiêu chuẩn được thiết lập và sẽ không sử dụng tùy chọn.

Ngoài ra còn có một đoạn trích từ tài liệu HTML 2.0

Ký tự tab nằm ngang (vị trí mã 9 trong bộ ký tự tài liệu HTML) phải được hiểu là số khoảng trắng dương khác nhau nhỏ nhất sẽ để lại số lượng ký tự cho đến nay là bội số của 8. Tài liệu không được chứa ký tự tab , vì chúng không được hỗ trợ một cách nhất quán.

http://www.ietf.org/rfc/rfc1866.txt

Sự khác biệt giữa tab trong trình xử lý văn bản và sử dụng trên web

Một lý do khác cho việc thiếu thụt lề là việc sử dụng Tab. Trong một chương trình xử lý văn bản, chúng ta đã quen với việc sử dụng tab để thụt các đoạn văn. Vâng, đó không phải là cách mọi thứ hoạt động trên web. Khi các biểu mẫu được tạo vào đầu những năm 90, mọi người đã sử dụng phím tab để chuyển sang trường tiếp theo. Bây giờ mọi người đã quen với tính năng này hơn là có các dòng thụt tab trên web.

Không có lý do tại sao bạn không thể thụt lề một đoạn trên web. Mọi người chỉ quen với việc không thụt vào các đoạn văn và có không gian dọc.

p {
    text-indent: 20px;
}

1
Phím tab là một chút cá trích đỏ. Phím tab luôn được sử dụng để tab giữa các trường. Điều này có trước web. Nó có liên quan đến textareatrường, nhưng không phải là định dạng đoạn chung trong một trang web (vì người dùng không sử dụng phím tab để đọc đoạn văn). Cũng lưu ý rằng HTML không phải là thứ tạo ra không gian theo mặc định, mà thay vào đó, việc hiển thị thẻ đoạn mặc định của trình duyệt là thứ tạo ra không gian mặc định (phải thừa nhận kỹ thuật)
DA01

@ DA01 Không Berners-Lee tạo phần mềm và trình duyệt sẽ kết xuất HTML? Tôi hiểu rằng một trình duyệt hiển thị HTML nhưng anh ta không tạo ra các tiêu chuẩn cho điều đó? Không phải thực tế là tab luôn được sử dụng để tab giữa các trường là lý do tại sao nó không được triển khai trong HTML? Ngoài ra, thực tế HTML không nhận ra khoảng trắng.
AndrewH

2
Đúng, nhưng không có 'tiêu chuẩn HTML' để làm thế nào để hiển thị nó. Nó chỉ xảy ra rằng anh ấy đã chọn sử dụng khoảng cách giữa các đoạn trong trình duyệt cụ thể của mình. Các trình duyệt khác chấp nhận mặc định đó, nhưng nó không bao giờ được tuyên bố là tiêu chuẩn của bất kỳ loại nào trong HTML.
DA01
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.