Haruskah indentasi teks digunakan di web?

11

Saya berpikir untuk menambahkan indentasi teks ke situs web saya (-memiliki baris pertama paragraf indentasi), tetapi pertama-tama mencari sedikit, dan menemukan bahwa banyak situs tidak memiliki indentasi teks. Mengapa demikian? Saya pikir ini membuatnya lebih jelas dari mana paragraf dimulai, jadi mengapa itu tidak digunakan lebih sering?

Apakah ada kelemahan serius, atau hanya masalah mode / tren?

ispiro
sumber

Jawaban:

8

Anda dapat memisahkan paragraf dengan beberapa cara.

Indentasi

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. 

Baris / Spasi Kosong

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 / Berkembang / ikon / bug

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. 

Angka

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. 

Semua (dan juga metode lain) semuanya valid. Apa yang biasanya disukai adalah menggabungkan mereka, karena itu agak berlebihan. Jika Anda sudah memiliki spasi di antara paragraf, indentasi tidak akan membantu memisahkannya secara visual.

Adapun mengapa Anda biasanya melihat baris / spasi kosong sebagai cara utama untuk memisahkan paragraf di web itu karena itu hanya default. Secara default, sebagian besar browser secara tradisional menambahkan ruang antar <p>tag. Jadi tidak perlu menggunakan indentasi. Tetapi Anda tentu saja bebas menggunakan indentasi jika Anda mau.

DA01
sumber
2
Hal bug yang menarik. Tapi saya pikir itu tidak berguna. : o) - Angka-angka (imho) berarti sesuatu yang bersifat aditional dari hanya paragraf yang berbeda.
Rafael
Kegunaan @Rafael berbasis konteks. :) Ini, memang, tidak umum digunakan.
DA01
Baiklah ... kita perlu menggunakan bug ini di kotak komentar ini! --- Stack Exchange: SAYA INGIN PARAGRAF DENGAN KOMENTAR! : o)
Rafael
@ Rafael itu sebenarnya contoh yang sangat baik di mana itu akan berguna! :)
DA01
1
"Bug" (atau yang serupa) digunakan dalam banyak bentuk tulisan kuno. Mereka adalah pemisah paragraf asli dari waktu ketika permukaan tulisan terbatas dan kepadatan informasi penting. Saya sarankan menggunakannya dalam situasi yang sama. Lekukan juga menghemat ruang, dibandingkan dengan alternatif jeda baris tambahan. Tetapi tipografi web modern harus menggunakan spasi jika memungkinkan untuk keterbacaan.
Rich Remer
4

Ini sebagian besar merupakan preferensi pribadi dan beberapa orang akan berpendapat mengapa orang tidak menggunakan Drop Cap alih-alih lekukan juga. Secara pribadi, jarak antar paragraf patut diperhatikan.

Pemahaman saya tentang tujuan ketika menggunakan indentasi hanya untuk digunakan untuk blok konten baru ketika menulis sesuatu seperti posting blog untuk suatu situs. Yang mengatakan ketika beberapa orang menggunakan situs atau blog CMS sulit untuk membuat kode indent pada paragraf yang diperlukan ketika beberapa topik sedang dalam diskusi sehingga tag header digunakan sebagai pemisahan.

Untuk mengatasi ini, Anda dapat menggunakan grepdan jQuery untuk menambahkan text-indentproperti CSS pada <p>tag tertentu . Jadi untuk menjawab pertanyaan Anda, ini adalah pilihan pribadi. Untuk juga mencatat jika Anda melakukan ini untuk sesuatu seperti posting blog dan Anda tidak ingin setiap <p>tag diindentasi, Anda dapat menggunakan pseudo-element first-child:

p:first-child {
  text-ident: 1.5em;
}
DᴀʀᴛʜVᴀᴅᴇʀ
sumber
Secara historis, tidak ada cara mudah untuk membuat indentasi paragraf atau menggunakan dropcaps dalam HTML. Ketika CSS datang lama, itu mengubah banyak hal.
DA01
1
jangan bicara tentang zaman kegelapan seperti itu;)
DᴀʀᴛʜVᴀᴅᴇʀ
Dalam penyusunan huruf klasik untuk materi panjang (yaitu buku) paragraf pertama bagian akan memiliki ruang di atasnya dan tidak ada indentasi, sedangkan paragraf yang tersisa akan memiliki indentasi. Itu biasanya dilakukan apakah ada judul atau judul bagian. Paragraf pertama dari jeda penting seperti bab mungkin mendapatkan drop cap atau drop cap menyala.
RBerteig
4

Haruskah teks diindentasi? Yah itu masalah preferensi pribadi tetapi sebagian besar situs yang saya lihat tidak membuat paragraf.

Anda harus melihat asal HTML

Ketika HTML dimulai tidak ada panduan standar. HTML yang asli dibuat oleh Berners-Lee dianggap yang menulis peramban dan perangkat lunak server. Orang-orang di organisasi besar bertanya perintah pemformatan apa yang bisa mereka gunakan. Karena paragraf dalam teks tertulis memiliki ruang setelahnya, mereka mengadopsi ini ke HTML. Inilah cara kerja <p>tag. Orang akan mengadopsi standar yang ditetapkan dan tidak akan menggunakan opsional.

Ada juga kutipan dari dokumen HTML 2.0

Karakter tab horizontal (posisi kode 9 dalam kumpulan karakter dokumen HTML) harus ditafsirkan sebagai jumlah nol terkecil positif ruang yang akan meninggalkan jumlah karakter sejauh ini pada baris sebagai kelipatan 8. Dokumen tidak boleh mengandung karakter tab , karena mereka tidak didukung secara konsisten.

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

Perbedaan antara tab di pengolah kata dan digunakan di web

Alasan lain untuk kurangnya indentasi adalah penggunaan Tab. Dalam program pengolah kata kita terbiasa menggunakan tab untuk paragraf indentasi. Yah, itu bukan cara kerja di web. Ketika formulir dibuat di awal 90-an, orang menggunakan tombol tab untuk melompat ke bidang berikutnya. Sekarang orang terbiasa dengan fitur ini daripada memiliki garis indentasi tab di web.

Tidak ada alasan mengapa Anda tidak dapat membuat indentasi paragraf di web. Orang hanya terbiasa tidak memiliki lekukan pada paragraf dan memiliki ruang vertikal.

p {
    text-indent: 20px;
}
AndrewH
sumber
1
Tombol tab agak herring merah. Kunci tab selalu digunakan untuk tab antar bidang. Ini lebih dulu dari web. Ini relevan dengan textareabidang, tetapi tidak memformat paragraf umum di halaman web (karena pengguna tidak menggunakan tombol tab untuk membaca paragraf). Perhatikan juga bahwa HTML bukanlah yang membuat spasi secara default, melainkan, perenderan tag tag paragraf default dari browser adalah apa yang menciptakan spasi default (Pilihan teknis, harus diakui)
DA01
@ DA01 Bukankah Berners-Lee membuat perangkat lunak dan peramban yang akan menyajikan HTML? Saya mengerti bahwa browser membuat HTML tetapi tidakkah ia membuat standar untuk itu? Bukankah fakta bahwa tab selalu digunakan untuk tab antar bidang alasan mengapa itu tidak diterapkan dalam HTML? Juga fakta bahwa HTML tidak mengenali spasi.
AndrewH
2
Benar, tetapi tidak ada 'standar HTML' untuk cara merendernya. Kebetulan dia memilih untuk menggunakan spasi tambahan antara paragraf di browser khususnya. Browser lain mengadopsi standar itu, tetapi tidak pernah menyatakan standar apa pun dalam HTML.
DA01