ควรใช้การเยื้องข้อความบนเว็บหรือไม่

ฉันคิดว่าการเพิ่มการเยื้องข้อความลงในเว็บไซต์ของฉัน (- มีย่อหน้าที่เยื้องบรรทัดแรก) แต่แรกค้นหาเล็กน้อยและค้นพบว่าเว็บไซต์จำนวนมากไม่มีการเยื้องข้อความใด ๆ ทำไมถึงเป็นอย่างนั้น? ฉันคิดว่ามันทำให้ชัดเจนว่าย่อหน้าเริ่มต้นขึ้นทำไมจึงไม่ใช้บ่อยกว่านี้

มีข้อเสียร้ายแรงหรือเป็นเพียงเรื่องของแฟชั่น / เทรนด์?

คุณสามารถแยกย่อหน้าได้หลายวิธี

เยื้อง

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. 

บรรทัดว่าง / ช่องว่าง

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 / Flourishes / ไอคอน / ข้อบกพร่อง

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. 

เบอร์

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. 

ทั้งหมด (เช่นเดียวกับวิธีอื่น ๆ ) ทั้งหมดถูกต้อง สิ่งที่มักจะขมวดคิ้วอยู่คือการรวมเข้าด้วยกันเพราะมันซ้ำซ้อนเล็กน้อย หากคุณมีช่องว่างระหว่างย่อหน้าการเยื้องนั้นจะไม่ช่วยแยกการมองเห็นออกจากกันจริงๆ

สำหรับสาเหตุที่คุณมักเห็นบรรทัดว่าง / ช่องว่างเป็นวิธีหลักในการแยกย่อหน้าบนเว็บเป็นเพราะนั่นเป็นเพียงค่าเริ่มต้น ตามค่าเริ่มต้นเบราว์เซอร์ส่วนใหญ่จะเพิ่มช่องว่างระหว่าง<p>แท็ก ดังนั้นจึงไม่จำเป็นต้องใช้การเยื้อง แต่คุณสามารถใช้การเยื้องได้อย่างอิสระหากคุณต้องการ

นี่เป็นความชอบส่วนบุคคลและบางคนก็แย้งว่าทำไมคนไม่ใช้ Drop Cap แทนการเยื้อง ส่วนตัวช่องว่างระหว่างย่อหน้าได้รับการเยื้อง

ความเข้าใจในวัตถุประสงค์ของฉันเมื่อใช้การเยื้องเป็นเพียงเพื่อใช้สำหรับบล็อกใหม่ของเนื้อหาเมื่อเขียนบางอย่างเช่นโพสต์บล็อกสำหรับไซต์ ที่กล่าวว่าเมื่อบางคนใช้ไซต์ CMS หรือบล็อกเป็นเรื่องยากที่จะเขียนโค้ดย่อหน้าในย่อหน้าที่จำเป็นเมื่อมีหลายหัวข้อที่กำลังสนทนากัน

เพื่อแก้ปัญหานี้คุณสามารถใช้grepและ jQuery เพื่อเพิ่มtext-indentคุณสมบัติCSS ใน<p>แท็กบางอย่าง ดังนั้นเพื่อตอบคำถามของคุณนี่เป็นความชอบส่วนตัว หากต้องการทราบว่าคุณกำลังทำสิ่งนี้เพื่อโพสต์บล็อกและคุณไม่ต้องการ<p>ให้มีการเยื้องทุกแท็กคุณสามารถใช้องค์ประกอบหลอกลูกคนแรก:

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

ควรเยื้องข้อความหรือไม่ นั่นเป็นเรื่องของความชอบส่วนบุคคล แต่เว็บไซต์ส่วนใหญ่ที่ฉันเห็นไม่ได้เยื้องย่อหน้า

คุณต้องดูที่มาของ HTML

เมื่อ HTML เริ่มไม่มีคู่มือมาตรฐาน HTML นั้นถูกสร้างขึ้นโดย Berners-Lee ซึ่งเป็นผู้เขียนซอฟต์แวร์เบราว์เซอร์และเซิร์ฟเวอร์ ผู้คนในองค์กรสำคัญ ๆ ถามว่าการจัดรูปแบบคำสั่งที่สามารถใช้ได้ เนื่องจากย่อหน้าในข้อความที่เป็นลายลักษณ์อักษรมีช่องว่างหลังจากนั้นจึงนำสิ่งนี้มาใช้กับ HTML นี่คือการ<p>ทำงานของแท็ก ผู้คนจะใช้มาตรฐานที่กำหนดไว้และจะไม่ใช้ทางเลือก

นอกจากนี้ยังมีข้อความที่ตัดตอนมาจากเอกสาร HTML 2.0

อักขระแท็บแนวนอน (ตำแหน่งรหัส 9 ในชุดอักขระเอกสาร HTML) ต้องถูกตีความว่าเป็นจำนวนที่ไม่ใช่ศูนย์บวกที่น้อยที่สุดซึ่งจะทำให้จำนวนของอักขระจนถึงบรรทัดเป็นจำนวน 8 เอกสารไม่ควรมีอักขระแท็บ เนื่องจากไม่ รองรับอย่างสม่ำเสมอ

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

ความแตกต่างระหว่างแท็บในโปรแกรมประมวลผลคำและใช้บนเว็บ

อีกเหตุผลที่ทำให้ไม่มีการเยื้องคือการใช้แท็บ ในโปรแกรมประมวลผลคำเราคุ้นเคยกับการใช้แท็บเพื่อย่อหน้าย่อหน้า นั่นไม่ใช่วิธีการทำงานบนเว็บ เมื่อมีการสร้างแบบฟอร์มในต้นปี 90 ผู้คนใช้ปุ่มแท็บเพื่อข้ามไปยังฟิลด์ถัดไป ตอนนี้ผู้คนคุ้นเคยกับคุณสมบัตินี้มากกว่าที่จะมีบรรทัดเยื้องบนแท็บบนเว็บ

ไม่มีเหตุผลใดที่คุณไม่สามารถเยื้องย่อหน้าบนเว็บได้ ผู้คนเคยชินกับการไม่เยื้องย่อหน้าและมีพื้นที่แนวตั้ง

p {
    text-indent: 20px;
}