เพิ่มช่องว่างที่ไม่แบ่งใน HTML อย่างถูกต้อง รูปแบบที่ถูกต้อง.

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

การใช้อักขระพิเศษ

ในภาษามาร์กอัปไฮเปอร์เท็กซ์ จะใช้อักขระพิเศษที่เบราว์เซอร์ตีความว่าเป็นช่องว่าง นี่คือ:

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

ส่วนโค้ดของเราจะเป็นอย่างไรหากเราต้องการเพิ่มช่องว่างสามช่องติดต่อกัน

ส่วนรหัสทดสอบ

หากเราเปิดหน้าดังกล่าวในเบราว์เซอร์ นี่คือสิ่งที่เราจะได้รับ:

ส่วนรหัสทดสอบ

แท็กก่อน

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

จะทำอย่างไรในสถานการณ์เช่นนี้?

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

อย่างที่คุณเห็น มีการบันทึกการขึ้นบรรทัดใหม่ติดต่อกันหลายบรรทัดด้วย นี่คือสิ่งที่แท็กนี้ใช้สำหรับ โดยจะปล่อยให้การจัดรูปแบบด้วยตนเองเป็นข้อความที่อยู่ภายใน

วิดีโอสำหรับบทความ:

บทสรุป

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

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

โดยทั่วไปแล้ว พื้นที่สีขาวคือพื้นที่ว่างใดๆ ในข้อความที่เขียนด้วยลายมือ พิมพ์ หรือแสดงในสื่ออื่นๆ จึงมีช่องว่างที่แตกต่างกัน:

• จากมากไปน้อย (ช่องว่างแนวตั้งขนาดใหญ่ในหน้าแรกของสิ่งพิมพ์) และช่องว่างท้ายของแถบ
• การเยื้องย่อหน้าและช่องว่างต่อท้ายย่อหน้า
• ช่องว่างระหว่างบรรทัด (ระหว่างบรรทัดข้อความ)
• ช่องว่างระหว่างคำ (ระหว่างคำในหนึ่งบรรทัด)
• ช่องว่างระหว่างตัวอักษร (ระหว่างตัวอักษรในคำ)

ต่อไปเราจะพูดถึงช่องว่างระหว่างคำที่แยกคำและหน้าที่เป็นของเครื่องหมายวรรคตอน

ประวัติความเป็นมาของพื้นที่คำ

คำว่าสเปซเป็นสิ่งประดิษฐ์ที่ค่อนข้างช้าในประวัติศาสตร์ความคิดของมนุษย์ ประวัติความเป็นมาของช่องว่างมีการอธิบายไว้อย่างเจาะลึกในหนังสือ Space between Words: The Origins of Silent Reading ของ Paul Saenger และยังอธิบายลึกลงไปไม่มากในหนังสือ The History of Writing ของ Johannes Friedrich

นอกจากนี้ยังมีบทความดีๆ โดย Anton Bizyaev เกี่ยวกับช่องว่างและประวัติของพวกเขา "ในตอนแรกไม่มีช่องว่าง" ซึ่งตีพิมพ์ในปี 1997 ในนิตยสาร Publish

กล่าวโดยสรุป ช่องว่างปรากฏขึ้นค่อนข้างช้าในงานเขียนเหล่านั้นซึ่งการขาดการกำหนดเขตคำทำให้อ่านยาก (ที่เรียกว่าอักษรพยัญชนะซึ่งเขียนเฉพาะเสียงพยัญชนะเท่านั้น) อย่างไรก็ตาม ในภาษากรีกและละตินซึ่งบันทึกเสียงสระด้วย การใช้ช่องว่างก็หายไป พอล แซงเจอร์ให้เหตุผลว่าสิ่งนี้เกิดจากการอ่านออกเสียง ซึ่งทำให้แยกแยะคำต่างๆ ได้ง่ายขึ้นเมื่อรับรู้ข้อความ

เริ่มมีการใช้พื้นที่นี้อีกครั้งประมาณศตวรรษที่ 7-9 n. ก่อนคริสต์ศักราช และประเพณีนี้มาจากไอร์แลนด์ ซึ่งอาลักษณ์และผู้อ่านใช้ภาษาไอริชโบราณเป็นภาษาแม่ และวรรณกรรมทางศาสนาก็เขียนเป็นภาษาละติน เห็นได้ชัดว่าด้วยเหตุนี้พระภิกษุจึงอ่านออกเสียงได้ยาก เชื่อกันว่าการปรากฏของช่องว่างมีความสัมพันธ์อย่างใกล้ชิดกับการเปลี่ยนจากการอ่านออกเสียงไปเป็นการอ่านอย่างเงียบๆ อย่างค่อยเป็นค่อยไป ตัวอย่างหนังสือในภาษาละตินที่มีการเว้นวรรคเป็นอนุสรณ์สถานวรรณกรรมอังกฤษ: Gospel of Durrow (ศตวรรษที่ 7) และ Book of Kells (ศตวรรษที่ 8-IX)

ในอักษรกลาโกลิติกและซีริลลิกไม่มีที่ว่างเช่นกัน และในความหมายปกติของเรามีการใช้ตั้งแต่ศตวรรษที่ 17 เท่านั้น

ก่อนที่มนุษยชาติจะประดิษฐ์แบบอักษรขึ้นมา ไม่มีการจำแนกประเภทพิเศษของช่องว่างระหว่างคำ - นักเขียนจะใส่ช่องว่างด้วยตาแล้ววางไว้ ฉันขอเตือนคุณ (เราเขียนเกี่ยวกับเรื่องนี้ในบทความ) ว่าต้นฉบับและ xylography เป็นวิธีการสร้างข้อความโดยไม่ต้องย้ายตัวอักษร โดยปกติแล้ว ช่องว่างอาจมีความกว้างต่างกัน เนื่องจากช่องว่างนั้นถูกสร้างขึ้นด้วยตนเอง

ช่องว่างในการพิมพ์ด้วยตนเอง

เมื่อความคล่องตัวของตัวอักษรปรากฏขึ้น (และสิ่งนี้เกิดขึ้นพร้อมกับการกำเนิดของแบบอักษร) คำถามก็เกิดขึ้นตามมา - จะเว้นวรรคอย่างไรเพื่อรักษาความกว้างไว้?

เทคโนโลยีการพิมพ์ด้วยตนเองนั้นทำให้เส้นที่พิมพ์ถูกยึดอย่างสมบูรณ์ในกระดานเรียงพิมพ์และในห้องครัวและดังนั้นจึงต้องมีความกว้างเกือบเท่ากับความกว้างของแถบ (รายละเอียดเพิ่มเติมเกี่ยวกับเทคโนโลยีการพิมพ์ด้วยตนเองสามารถทำได้ พบได้ในหนังสือชื่อเดียวกันโดย M. V. Shulmeister)

เมื่อพิมพ์ด้วยตนเองจะมีการพิมพ์บรรทัดจากตัวอักษร (แท่งที่ส่วนท้ายของสำเนาตัวอักษรแบบกระจกนูนพิมพ์บนกระดาษ) และช่องว่างระหว่างคำถูกสร้างขึ้นโดยใช้สิ่งที่เรียกว่าระยะห่าง - แท่งที่มีความหนาต่าง ๆ ซึ่งทำ ไม่มีพื้นผิวการพิมพ์ที่ส่วนท้าย มันมีลักษณะเช่นนี้ โดยปกติแล้ว ระยะห่างสำหรับขนาดตัวอักษรแต่ละขนาดจะถูกสร้างขึ้นไม่เหมือนกันและมีความกว้างต่างกัน ตัวอย่างเช่น สำหรับขนาดแบบอักษร 10 พอยต์ (ขนาดมาตรฐานสำหรับสิ่งพิมพ์ข้อความส่วนใหญ่) emps จะถูกสร้างให้มีความกว้าง 10, 5, 4, 3, 2 และ 1 พอยต์

ไม้พายซึ่งมีความกว้างเท่ากับหมุดเรียกว่าหมุดหรือกลม ไม้พายครึ่ง Kegel เรียกว่าครึ่ง Kegel หรือครึ่งวงกลม นอกจากนี้ยังมีชื่อ “thin embed” ซึ่งหมายถึง emps หนา 1-2 พอยต์สำหรับขนาดตัวอักษร 8-12 พอยต์ นั่นคือ สำหรับฟอนต์ขนาด 10 พอยต์ การเน้นแบบละเอียดมักจะเป็น 2 พอยต์ (ตามลำดับ 1/5 พอยต์) อย่างไรก็ตาม เนื่องจากขาดคำจำกัดความที่ชัดเจนของการปรับ empacing คู่มือของผู้จัดพิมพ์ บรรณาธิการ และผู้ออกแบบเลย์เอาต์มักจะไม่ได้พูดถึงการ empacing อย่างละเอียด แต่พูดถึงหลายจุด (สมมติว่าขนาดตัวอักษรคือ 10 จุด)

ดังนั้นคุณต้องเข้าใจว่าขึ้นอยู่กับขนาดตัวอักษรส่วนแบ่งของจักรพรรดินีทรงกลม (หนึ่งในสามหนึ่งในสี่ ฯลฯ ) อาจมีความกว้างที่แตกต่างกันและในทางกลับกัน

ความกว้างของพื้นที่คำแบบดั้งเดิม

ดังนั้น เมื่อทราบว่าการเน้นแบบกลมและแบบครึ่งวงกลมคืออะไร มาดูความกว้างของพื้นที่คำจริงที่ยอมรับในการเรียงพิมพ์ภาษารัสเซียกัน

ชูลไมสเตอร์เขียนไว้ (หน้า 94) ว่าเมื่อพิมพ์บรรทัด จะมีเส้นครึ่งวงกลมอยู่ระหว่างคำนั้น เมื่อพิมพ์บรรทัดจนถึงจุดสิ้นสุด ในกรณีส่วนใหญ่ ความกว้างของบรรทัดจะน้อยกว่าหรือมากกว่าความกว้างของแถบพิมพ์ ดังนั้นผู้ออกแบบเลย์เอาต์จึงต้องเปลี่ยนความกว้างของช่องว่างโดยลดให้เหลืออย่างน้อย 1/4 รอบ และเพิ่มเป็นสูงสุด 3/4 รอบ (ดังนั้น เมื่อพิมพ์ด้วยขนาดตัวอักษร 10 จุด คำแทรก ช่องว่างอาจแตกต่างกันตั้งแต่ 3 ถึง 7 จุด) โดยธรรมชาติแล้วมีความแตกต่างที่ขึ้นอยู่กับรูปแบบของสิ่งพิมพ์ แต่เราจะไม่แตะต้องสิ่งเหล่านี้

อย่างไรก็ตาม ชูลไมสเตอร์กำหนดว่าช่องว่างระหว่างคำระหว่างครึ่งวงกลมนั้นใหญ่เกินไป และการใช้ช่องว่างมาตรฐาน 1/3 รอบจะประหยัดกว่าในแง่ของการใช้กระดาษและมักจะสวยงามกว่าด้วย นอกจากนี้ ไม่แนะนำให้ใช้ช่องว่างคำคั่นครึ่งวงกลมสำหรับแบบอักษรแคบ

ด้วยการถือกำเนิดของเครื่องหล่อเส้น ช่องว่างเริ่มมีความกว้างเท่ากันภายในหนึ่งบรรทัด และความกว้างของช่องว่างคำแทรกเริ่มเปลี่ยนแปลงประมาณ 1/3 รอบ

การเรียงพิมพ์บนเดสก์ท็อปและการพิมพ์บนเว็บ

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

ในระหว่างการเปลี่ยนไปใช้ระบบเค้าโครงคอมพิวเตอร์ การเปลี่ยนแปลงเกิดขึ้นจากการระบุความกว้างของ empaces เป็นจุดเพื่อระบุความกว้างของ empaces ในรูปแบบเศษส่วนแบบกลม เนื่องจากแบบอักษรสามารถปรับขนาดได้อย่างง่ายดายตามขนาดต่างๆ และองค์ประกอบช่องว่างจะต้องคงสัดส่วนกับ ขนาดของตัวอักษร

อักขระเว้นวรรคใน Unicode

Unicode ระบุอักขระต่อไปนี้สำหรับช่องว่างในการพิมพ์แบบตะวันตก

• ช่องว่างระหว่างคำ, U+0020, - ความกว้างตั้งแต่ 1/5 ถึง 1/2 รอบ ขึ้นอยู่กับแบบอักษร สำหรับแบบอักษรขนาดกลาง พื้นที่คำแทรกจะมีความกว้างประมาณ 1/4 รอบ (เช่น Times New Roman มีพื้นที่เพียงเท่านี้) สำหรับแบบอักษรกว้างจะมีความกว้างประมาณ 1/3 รอบ (Microsoft Verdana - 0.35 รอบ, Microsoft Tahoma - รอบ 0.31 น.)
• พื้นที่คำที่ไม่ทำลาย, U+00A0, - มีความกว้างเท่ากับช่องว่างคำปกติ แต่ห้ามขึ้นบรรทัดใหม่แทนช่องว่างที่ไม่แยก

พื้นที่สีขาวปกติและไม่แยกจะรวมอยู่ในแบบอักษรใดๆ และเอเจนต์ทั้งหมดจะแสดงอย่างถูกต้อง ยกเว้นในกรณีที่ไม่มีการเพิ่มหรือลดลงของพื้นที่ไม่แยกเมื่อมีเหตุผลในโปรแกรมประมวลผลคำและเบราว์เซอร์บางตัว (ซึ่งเป็นการละเมิดคำแนะนำ) . ตัวอย่างเช่น FireFox ปรับขนาดพื้นที่ที่ไม่แบ่งอย่างถูกต้อง แต่ MSIE 7.0 ไม่ได้ปรับขนาดพื้นที่ทั้งหมดเลย

อักขระช่องว่างอื่นๆ ทั้งหมดมีความกว้างคงที่ และไม่ยืดเมื่อบรรทัดถูกชิดขอบ อย่างไรก็ตาม ตามอัลกอริธึมการแบ่งบรรทัดของ Unicode ทั้งหมดควรถือเป็นจุดแบ่งบรรทัด

• ฝังแบบกลม, U+2003,   - ตามที่กล่าวไว้ มีความกว้างเท่ากับขนาดของจุด เรียกอีกอย่างว่า Em Space อาจเป็นเพราะตัวอักษร "M" ในฟอนต์เก่าบางฟอนต์มีความกว้างขนาดนั้น อย่างไรก็ตาม ขณะนี้สิ่งนี้ไม่ได้เกิดขึ้นทุกที่ ดังนั้นการที่ Em Space มีความกว้างของตัวอักษร "M" เสมอจึงถือเป็นการเข้าใจผิด
• ฝังครึ่งวงกลม, U+2002,   - ครึ่งรอบ เรียกอีกอย่างว่า En Space อาจเป็นเพราะตัวอักษร "N" ในฟอนต์เก่าบางฟอนต์มีความกว้างขนาดนั้น อย่างไรก็ตาม ขณะนี้สิ่งนี้ไม่ได้เกิดขึ้นทุกที่ ดังนั้นการที่ En Space มีความกว้างของตัวอักษร "N" เสมอจึงถือเป็นความเข้าใจผิด
• ระยะห่างที่ได้รับการรักษา, U+2004,   - หนึ่งในสามของรอบ ในภาษาอังกฤษเรียกว่า Three-per-Em Space
• ระยะห่างของไตรมาส, U+2005,   - รอบควอเตอร์ ในภาษาอังกฤษเรียกว่า Four-per-Em Space
• หนึ่งรอบที่หก, U+2006,  . ในภาษาอังกฤษเรียกว่า Six-per-Em Space
• ระยะห่างบาง, U+2009, - มักจะมีความกว้าง 1/5 รอบ (บ่อยน้อยกว่า - 1/6) โดยทั่วไปแล้ว ความกว้างจะขึ้นอยู่กับภาษาในการเรียงพิมพ์และผู้ผลิตฟอนต์ และสำหรับฟอนต์ซีริลลิก พื้นที่ว่างแบบบางมักจะมีความกว้าง 1/5 รอบ อิโมติคอนนี้มีสัดส่วนเท่ากันทุกประการกับอิโมติคอนสองจุดเมื่อพิมพ์ด้วยแบบอักษร 10 จุด ในภาษาอังกฤษเรียกว่า Thin Space
• ระยะห่างของเส้นผม, U+200A,   เป็นการฝังที่แคบที่สุด กว้างประมาณ 1/10-1/16 รอบ อีโมติคอนประเภทนี้จะมีสัดส่วนเทียบเท่ากับอีโมติคอนจุดเดียวเมื่อพิมพ์ด้วยแบบอักษร 10 จุด หรือแม้กระทั่งดูแคบลง

การใช้ช่องว่างที่แตกต่างกัน

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

ในรูปแบบเว็บปกติ เพื่อแยกคำ การใช้ช่องว่างปกติและไม่แยกระหว่างคำก็เพียงพอแล้ว

ในเวลาเดียวกันตามกฎของการพิมพ์ภาษารัสเซียควรใช้การเอาใจใส่แบบบางในหลาย ๆ ที่ (แม่นยำยิ่งขึ้นในหนังสืออ้างอิงที่เขียนเกี่ยวกับอิโมติคอนสองจุด แต่เราจะใช้คำว่า "ผอม" empton” ตามความเหมาะสมที่สุดทั้งจากมุมมองของคำศัพท์ที่กำหนดไว้และจากมุมมองของลักษณะของบรรทัดเมื่อพิมพ์)

กฎพื้นฐานสำหรับการใช้ช่องว่างจะอธิบายไว้ด้านล่าง แต่โดยทั่วไปเราขอแนะนำหลักการต่อไปนี้เพื่อใช้ในการเขียนโค้ดสำหรับเว็บ

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

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

การจัดการช่องว่างโดยเบราว์เซอร์และเครื่องมือค้นหา

เมื่อเตรียมบทความเราได้ทำการทดลองชนิดหนึ่งในหน้าที่จัดทำขึ้นเป็นพิเศษ ยานเดกซ์และ Google จัดการกับอักขระที่ไม่ได้มาตรฐานอย่างดี โดยแทนที่องค์ประกอบช่องว่างที่ไม่เป็นมาตรฐานทั้งหมดด้วยอักขระปกติเมื่อทำการค้นหา (เราเชื่อว่านี่เป็นพฤติกรรมที่ถูกต้อง) นั่นคือพวกเขาไม่ได้สร้างความแตกต่างระหว่างข้อความ "สองคำ" "สองคำ" "สอง" คำ ฯลฯ

ปรากฎว่าการแสดงผลองค์ประกอบช่องว่างที่ไม่ได้มาตรฐานทำงานได้แย่มากในเบราว์เซอร์ มีเพียง Firefox 3.0 บน Windows XP และ *nix, MSIE 7.0 และ Safari บน Windows XP เท่านั้นที่สามารถทำงานได้ตามปกติ ไม่มีข้อมูลบน MSIE 8.0 แต่ส่วนใหญ่แล้วทุกอย่างก็ดีเช่นกัน

• Firefox ก่อนเวอร์ชัน 3.0 จะไม่แบ่งบรรทัดเลยในพื้นที่ที่ไม่ได้มาตรฐาน ในกรณีนี้ ความกว้างของช่องว่างจะแสดงอย่างถูกต้อง
• Opera 9.26 และ 9.50, FireFox 3.0 สำหรับ Mac, Safari สำหรับ Mac ตัดบรรทัด แต่ช่องว่างทั้งหมดมีความกว้างเท่ากัน
• MSIE 5.5 และ 6.0 สำหรับ Windows 2000 ใส่สี่เหลี่ยมแทนการเว้นวรรค (บางทีอักขระที่เกี่ยวข้องอาจไม่ได้อยู่ในแบบอักษรของระบบ)

ยังไม่ชัดเจนนักว่าทำไมองค์ประกอบช่องว่างทั้งหมดจึงมีความกว้างเท่ากันในทุกเบราว์เซอร์สำหรับ Mac อาจมีแบบอักษรในตัว

กฎพื้นฐานสำหรับการใช้ช่องว่าง

ดังนั้น ให้เราเน้นย้ำอีกครั้งว่าในกฎทั้งหมดที่แสดงด้านล่าง Thin Emplace จะใช้เฉพาะเมื่อผู้เขียนปฏิเสธความเสี่ยงที่ผู้เยี่ยมชมไซต์ใช้เบราว์เซอร์ที่แสดง Thin Empace อย่างไม่ถูกต้อง ซึ่งรวมถึงเบราว์เซอร์บางตัวบน *nix (อาจเป็นเพราะฟอนต์ในตัว), MSIE เวอร์ชัน 6.0 และเก่ากว่า, เบราว์เซอร์สำหรับ Mac (สิ่งเหล่านี้สามารถละเว้นได้ เนื่องจากข้อผิดพลาดในการเรนเดอร์อยู่ที่ความกว้างของระยะห่างเท่านั้น) อาจเป็นเบราว์เซอร์บางตัวสำหรับ โทรศัพท์มือถือและพีดีเอ

ในกรณีที่มีแนวโน้มที่จะใช้เบราว์เซอร์ดังกล่าว เราขอแนะนำให้ใช้ช่องว่างปกติหรือไม่แยก แทนที่จะเว้นวรรคแบบบาง

ตามที่อธิบายไว้ข้างต้น ตามหลักเกณฑ์ของ Unicode empace คือช่องว่างที่สามารถขึ้นบรรทัดใหม่ได้ ในกรณีที่กฎกำหนดให้ใช้การเน้นแบบบางและการห้ามขึ้นบรรทัดใหม่ (เช่น ระหว่างตัวเลขเมื่อพิมพ์ตัวเลข) จำเป็นต้องใช้โครงสร้างเช่น 250 000- องค์ประกอบ nobr HTML เป็นกรรมสิทธิ์และไม่ได้รับอนุญาตให้ใช้

ต่อไป เราจะอธิบายกฎเหล่านั้นสำหรับการเว้นวรรคซึ่งจากการสังเกตของเรา มักถูกละเมิดเมื่อจัดวางข้อความ ข้อมูลรายละเอียดเพิ่มเติมเกี่ยวกับกฎการพิมพ์สามารถพบได้ใน "คู่มือผู้จัดพิมพ์และผู้แต่ง" โดย A. E. Milchin และ L. K. Cheltsova

คำย่อและสัญลักษณ์

1. ในตัวย่อ “และอื่นๆ”, “และอื่นๆที่คล้ายกัน”, “ตั้งแต่”, “นั่นคือ”, “และอื่นๆ”, “BC”, “ละติจูดใต้” และอื่นๆที่คล้ายกัน องค์ประกอบทั้งหมดของตัวย่อจะถูกคั่นด้วย พื้นที่ไม่ทำลาย
   ฯลฯ - ฯลฯ
   ฯลฯ - ฯลฯ
   เพราะ - เพราะว่า
   นั่นคือ - นั่นคือ
   ฯลฯ - ฯลฯ
   พ.ศ จ. - พ.ศ จ.
   ยู. ว. - ยู. ว.
2. ชื่อย่อจะแยกออกจากกันและจากนามสกุลด้วยช่องว่างต่อเนื่อง
   เอ.เอส. พุชกิน - เอ.เอส. พุชกิน
   เจ.อาร์.อาร์.โทลคีน - เจ.อาร์.อาร์.โทลคีน
   อนุญาตให้แยกชื่อย่อออกจากกันและออกจากนามสกุลที่ตามด้วยเครื่องหมายบาง ๆ แต่ห้ามโอนชื่อย่อหรือนามสกุลไปยังบรรทัดถัดไป โดยไม่คำนึงถึงการเลือกสไตล์การเริ่มต้น จำเป็นต้องยึดมั่นในความสามัคคีของสไตล์ตลอดทั้งเอกสารหรือไซต์
   V. V. ปูติน - V. V. ปูติน
   V. ปูติน - V. ปูติน
   ปูติน วี.วี.
   ปูติน วี. - ปูติน วี.
3. คำย่อจะถูกแยกออกจากชื่อที่เหมาะสมด้วยช่องว่างที่ไม่แยก
   เซนต์ ชอร์ซา - เซนต์ ชอร์ซา
   มอสโก - มอสโก
   รถไฟใต้ดินตั้งชื่อตาม เลนิน - รถไฟใต้ดินตั้งชื่อตาม เลนิน
4. ตัวเลขและคำนับที่เกี่ยวข้องจะถูกคั่นด้วยช่องว่างที่ไม่แยก
   12 พันล้านรูเบิล - 12 พันล้านรูเบิล
   ช. IV - ช. IV
   หน้า 3-6 - หน้า 3-6
   ข้าว. 42 - มะเดื่อ 42
   ศตวรรษที่ XX - ศตวรรษที่ XX
   พ.ศ. 2484-2488 - พ.ศ. 2484-2488
   วอร์ดหมายเลข 6 - วอร์ดหมายเลข 6
   มาตรา 22 - มาตรา 22
   25 % - 25 %
   97,5 ? - 97,5 ?
   16¢ - 16¢.
5. ห้ามทำเครื่องหมายตัวเลขและหน่วยการวัดที่เกี่ยวข้อง (ยกเว้นสัญลักษณ์ขององศา นาที และวินาที)
   400 ม. - 400 ม
   100 t - 100 t
   451°F - 451°F
   แต่ 59°, 57′, 00″.
6. องศา นาที และวินาทีจะมีเครื่องหมายนูนบางๆ จากตัวเลขถัดไป
   59° 57′ 00″ - 59° 57′ 00″

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

ตัวเลขและช่วงเวลา

1. เศษส่วนและจำนวนเต็มของตัวเลขจะไม่ถูกคั่นด้วยการเว้นวรรคจากจุดทศนิยม: 0.62, 345.5
2. ตัวเลขของตัวเลขจะถูกแยกออกจากกันด้วยเครื่องหมายอีมป์ตันบางๆ ยกเว้นวันที่ ตัวเลข (เช่น เอกสาร) การกำหนดเครื่องจักรและกลไก
   25 563,42 - 25 563,42
   1 652 - 1 652
   1 298 300 - 1 298 300
   และ 1999, GOST 20283, อินพุต เลขที่ 982364
3. เมื่อกำหนดช่วงเวลาเป็นตัวเลข เส้นประจะไม่เคลื่อนออกจากขอบเขตของช่วงเวลา
   50-100 ม. - 50-100 ม
   1 500-2 000 - 1 500-2 000
   1.5-2 พัน - 1.5-2 พัน
   15-20 % - 15-20 %
4. เครื่องหมายเอกนารีบวก ลบ และบวกลบจะไม่แยกออกจากตัวเลขต่อไปนี้: +20 °C, −42, ±0.1
5. เครื่องหมายไบนารีของการดำเนินการทางคณิตศาสตร์และความสัมพันธ์จะมีนูนทั้งสองด้านบนฝังแบบบาง
   2 + 3 = 5 - 2 + 3 = 5

เครื่องหมายวรรคตอน

1. จุด จุลภาค ทวิภาค เครื่องหมายคำถาม เครื่องหมายอัศเจรีย์ อัฒภาค จะไม่คั่นด้วยช่องว่างจากคำก่อนหน้า แต่จะคั่นด้วยช่องว่างจากคำต่อไปนี้: Ha, ha ฮา? ฮ่า!
2. จุดไข่ปลาจะไม่แยกออกจากคำก่อนหน้าหากอยู่ท้ายประโยคหรือเป็นส่วนหนึ่งของประโยค และจากคำถัดไปหากอยู่ที่ต้นประโยค: ว้าว... อะไรนะ? …ไม่มีอะไร.
3. เครื่องหมายคำพูดจะไม่คั่นด้วยช่องว่างจากข้อความที่อยู่ในนั้น: เรือรบ "Potemkin".
4. วงเล็บจะไม่คั่นด้วยช่องว่างจากข้อความที่อยู่ในวงเล็บ และจะถูกคั่นด้วยช่องว่างด้านนอก (ยกเว้นกรณีที่วงเล็บปิดอยู่ติดกับเครื่องหมายวรรคตอนทางด้านขวา): ข้อความในวงเล็บไม่มีใครสนใจ (ปกติ)
5. เส้นประจะถูกแยกออกจากคำก่อนหน้าด้วยช่องว่างที่ไม่แยก และจากคำถัดไปด้วยช่องว่างธรรมดา (รวมถึงหากช่วงเวลาถูกระบุด้วยวาจาแทนที่จะเป็นรูปแบบดิจิทัล)
   วิเทนก้า - ทำได้ดีมาก!
   แตงกวาที่มีความยาวเพียงสิบห้าถึงยี่สิบเซนติเมตรเท่านั้นที่จะเหมาะกับเรา
   สนธิสัญญาโมโลตอฟ-ริบเบนทรอพ.
6. หากตัวเลขสองตัวในรูปแบบวาจาไม่ได้สร้างช่วงเวลา แต่หมายถึง "ตัวเลขหนึ่งหรือตัวเลขอื่น" เครื่องหมายยัติภังค์จะถูกวางไว้ระหว่างตัวเลขเหล่านั้นซึ่งไม่ได้คั่นด้วยช่องว่าง: ดื่มไปสองสามแก้ว.

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

ยัติภังค์ที่ไม่ต้องการ

1. คำสั้นและคำสันธาน ( ก, และ, แต่, ฉัน, คุณและอื่นๆ) จะเป็นการดีกว่าถ้าแยกคำที่ตามมาด้วยช่องว่างที่ไม่แยก เนื่องจากคำสั้นๆ ที่แขวนอยู่ที่ท้ายบรรทัดจะทำให้ความสามารถในการอ่านลดลง โดยเฉพาะอย่างยิ่ง การป้องกันเส้นแบ่งระหว่างอนุภาคเป็นที่น่าพอใจอย่างยิ่ง ไม่และกริยาต่อไปนี้
2. อนุภาค หรือ, จะ, ไม่ว่าขอแนะนำให้แยกคำก่อนหน้าด้วยช่องว่างที่ไม่แยก: ฉันจะพูดแบบเดียวกันถ้าฉันคิด
3. ไม่แนะนำให้แยกคำบุพบทที่ต้นประโยคออกจากคำที่ตามมา (ยาวกว่าหนึ่งและสองตัวอักษรด้วยซ้ำ)

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

อักขระพิเศษช่วยให้คุณจัดรูปแบบข้อความบนหน้าได้อย่างถูกต้อง

แป้นพิมพ์ลัดและการแก้ไขอัตโนมัติ

องค์ประกอบนี้จะปรากฏขึ้นหากคุณกด Shift + Ctrl + Space bar พร้อมกัน คุณสามารถกำหนดปุ่มอื่นๆ ได้ดังนี้:

1. ไปที่เมนู แทรก - สัญลักษณ์ - อื่น ๆ
2. แท็บ "อักขระพิเศษ"
3. มองหารายการ "พื้นที่ไม่แตกหัก"
4. คลิกที่ "แป้นพิมพ์ลัด..."
5. ตั้งค่าพารามิเตอร์ที่สะดวกสำหรับคุณ

หากคุณไม่ต้องการเข้าถึงตำแหน่งต่างๆ บนแป้นพิมพ์ทุกครั้ง หรือจำไว้ว่าปุ่มนี้หรือปุ่มนั้นใน Word มีหน้าที่รับผิดชอบอะไร กำหนดการตั้งค่าการทดแทน

1. เลือกและคัดลอกองค์ประกอบการจัดรูปแบบที่ต้องการ
2. เปิดแท็บ "สัญญาณพิเศษ" เดียวกัน
3. คลิกที่ "แก้ไขอัตโนมัติ"
4. ในช่องแทนที่ ให้พิมพ์สิ่งที่คุณต้องการเปลี่ยนเป็นช่องว่างที่ไม่แยกขณะที่คุณพิมพ์ ซึ่งอาจเป็นเครื่องหมายขีดกลางสามอัน ขีดล่างสองอัน หรือคำรหัสที่ไม่ได้ใช้ในการพิมพ์ใน Word ตั้งค่าพารามิเตอร์ที่คุณต้องการ
5. ในช่อง "เปิด" คุณต้องใส่ช่องว่างที่ไม่ทำลายที่คัดลอกไว้ก่อนหน้านี้ ก่อนดำเนินการนี้ ให้ทำเครื่องหมายในช่อง "ข้อความธรรมดา"
6. คลิกเพิ่ม

วิธีแทรกช่องว่างที่ไม่แบ่งใน Word นั้นขึ้นอยู่กับคุณ คุณสามารถเลือกได้มากที่สุด วิธีที่สะดวก- มันง่ายมากที่จะตั้งค่า

พื้นที่พิเศษ

หากคุณไม่เพียงต้องการห้ามการแบ่งวลีเท่านั้น แต่ยังต้องแก้ไขระยะห่างระหว่างตัวอักษรด้วย ให้ใช้องค์ประกอบ Word พิเศษ - ช่องว่างที่ไม่แบ่งแคบลง ด้วยเหตุนี้ คำต่างๆ จะอยู่ใกล้กัน แม้ว่าคุณจะตั้งค่าการจัดตำแหน่งความกว้างก็ตาม

หากต้องการใส่ลงในเอกสาร คุณต้องดำเนินการดังนี้:

1. เปิดเมนูสัญลักษณ์
2. จากรายการแบบเลื่อนลงตั้งค่า ให้เลือกเครื่องหมายวรรคตอน
3. ค้นหาแคบไม่แตกหัก ชื่อ วัตถุที่เลือกซึ่งอยู่เหนือปุ่มแก้ไขอัตโนมัติ
4. คุณสามารถปรับแต่งแป้นพิมพ์ลัดหรือวางได้โดยตรง

ฟังก์ชั่นนี้สามารถใช้เพื่อระบุวันที่ - ตัวเลข "2016" จะไม่ย้ายออกจากคำว่า "ปี"

ฉันจะดูได้อย่างไรว่าสัญลักษณ์ที่ซ่อนอยู่อยู่ที่ไหน?

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

1. ที่ด้านบนของหน้าต่าง ให้เลือก เมนู (เรียกว่า หน้าแรก ใน Word 2013)
2. ค้นหาไอคอนแสดงอักขระทั้งหมดในแผงย่อหน้า ดูเหมือนตัวอักษร "P" มีจุดสีดำอยู่ด้านบน สามารถเปิดใช้งานฟังก์ชันเดียวกันนี้ได้โดยการกด Ctrl+Shift+* (เครื่องหมายดอกจัน) พร้อมกัน

HTML เพียงละเว้นช่องว่าง เมื่อเขียนโค้ด การกดแป้น Spacebar, Enter หรือ Tab จะถูกละเว้น การคลิก HTML ดังกล่าวถูกตีความว่าเป็นอักขระช่องว่าง ในคำง่ายๆ - หมายถึงการจัดรูปแบบโค้ด (อักขระ คำ ข้อความ) ดังนั้นจึงไม่ถูกแสดง ดังนั้น หากคุณต้องการแสดงช่องว่าง คุณจะต้องติดตั้งช่องว่างเหล่านั้นในโค้ด อ่านบทความนี้เพื่อทำความเข้าใจวิธีการในบางสถานการณ์

มีหลายวิธีในการเพิ่มช่องว่างเดียวในข้อความ มันไม่ซับซ้อนเลยและต้องการให้ผู้ใช้ป้อนอักขระสองสามตัวในช่องที่ให้ไว้เท่านั้น มาดูแต่ละวิธีเหล่านี้กันดีกว่า

วิธีที่หนึ่ง- วางโค้ด HTML - วางในตำแหน่งที่เราต้องการให้มีช่องว่าง "nbsp" เป็นตัวย่อของวลีภาษาอังกฤษบางวลี - nonbreaking space ซึ่งในการแปลหมายถึงช่องว่างที่ไม่แตกหัก

ควรใช้วิธีนี้ในกรณีที่จำเป็นต้องเว้นวรรคหนึ่งหรือสองช่องระหว่างคำหรืออักขระในข้อความเพื่อความสวยงามและมีสไตล์

ตัวอย่างเช่นคุณกำลังเผชิญกับงานที่ต้องหยุดชั่วคราวระหว่างคำเช่น: " สวัสดี คุณเป็นอย่างไร?" คุณจะต้องป้อนรหัสสำหรับแต่ละช่องว่างเช่นนี้: " สวัสดี คุณเป็นอย่างไร?"

วิธีที่สอง- การแทรกย่อหน้าใน HTML

คุณต้องวางข้อมูลโค้ดต่อไปนี้

ก่อนข้อความที่ต้องนำเสนอเป็นย่อหน้า

ต้องใส่โค้ด

ที่จุดเริ่มต้นของแต่ละย่อหน้า

ในตอนท้ายของแต่ละย่อหน้า คุณควรแทรกแท็กปิดที่มีลักษณะดังนี้ - เนื่องจากแท็กย่อหน้าเป็นแท็กที่จับคู่กัน จึงไม่สามารถเปิดทิ้งไว้ได้

วิธีที่สาม- การเพิ่มแท็บโดยใช้โมดูล HTML

จำเป็นต้องใช้ช่องว่างที่ไม่แยก 4 หรือ 5 ช่องเพื่อเพิ่มแท็บ รหัสจะเป็นดังนี้: .

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

วิธีที่สี่- การเพิ่มตัวแบ่งบรรทัดให้กับ HTML

ตำแหน่งที่คุณต้องการสร้างตัวแบ่งบรรทัด ให้ใส่โค้ด
.

หากคุณวางแท็กดังกล่าวสองสามแท็กในข้อความพร้อมกัน -

จากนั้นคุณสามารถเลื่อนข้อความลงหนึ่งบรรทัดได้ ในสถานการณ์นี้ แท็กหนึ่งจะเลื่อนบรรทัดถัดไป และแท็กที่สองจะข้ามไป

วิธีที่ห้า- การแสดงข้อความตามที่เขียนโดยใช้ HTML

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

ในบทความนี้ เราได้ดูตัวอย่างวิธีแทรกช่องว่างใน HTML เราหวังว่าคุณจะไม่มีปัญหาใดๆ กับเรื่องนี้อีกในอนาคต เราหวังว่าคุณจะโชคดี!