Html-д зай оруулах нь зохиогчийн зохиосон эффектүүдийн дагуу вэб хуудсан дээрх текстийг зөв харуулахад шаардлагатай байдаг. Даалгаврын нарийн төвөгтэй байдлаас хамааран та ердийн тасралтгүй хоосон зайг хоёуланг нь ашиглаж, css шинж чанарыг ашиглан зайны тоог хянах боломжтой.
Энэ нь зайлшгүй шаардлагатай
html редактор
Зааварчилгаа
1-р алхам
Хэрэв та үгсийн хооронд нэг ердийн зай оруулах шаардлагатай бол (Space товчлуурыг дарж олж авсан), та ямар нэгэн тусгай үйлдэл хийх шаардлагагүй болно - html кодын хэдэн дараалсан ердийн зай вэб хуудсанд байгаа мэт харагдах болно.
Алхам 2
Үгүүдийн хоорондох зайг яг нарийн байлгахын тулд ердийн зай бүрийг " (ишлэлгүйгээр) -ээр солих хэрэгтэй - энэ бол html дэх тасралтгүй зайны код юм. Жишээ нь: "Үг бүрийн хооронд хоёр зай байна." Хоёр үгийн хооронд тасралтгүй зай байрлуулж, өөр мөрөнд ороосны дараа тусгаарлахгүй. Текстэд эвдэрдэггүй зайг автоматаар байрлуулахын тулд Артемий Лебедевийн сайн мэддэг хэрэгсэл болох "Typograf" (https://www.artlebedev.ru/tools/typograf/) ашиглах нь тохиромжтой байдаг.
Алхам 3
Үгсийн хооронд html-д төлөвлөсөн хэмжээний зайг оруулах өөр нэг арга бол: текстийн хүссэн хэсгийг шошго болон. Дараа нь эдгээр үгсийг нэг үсгийн фонтоор харуулах боловч вэб хуудсанд гарч ирэхэд үгийн хоорондох ердийн бүх зай хадгалагдах болно. Шошго нь зарим онцлог шинж чанартай болохыг анхаарна уу: бусад шошгыг дотор нь оруулахыг хориглоно. болон ,,,,.
Алхам 4
Хоосон зайтай харьцах харилцааг хянах илүү төвөгтэй арга: white-space css шинж чанарыг урьдчилж эсвэл урьдчилж боох утгатай ашиглана уу (элемент дотор мөр оролгүйгээр, мөр ороосон тус тус). Энэ шинж чанарыг хуудасны хэв маягийн тодорхойлолт эсвэл тусдаа html-layout элементэд зааж өгнө үү. Энэ аргыг ашиглахдаа фонт нь нэг зайтай болж өөрчлөгдөхгүй бөгөөд үг хоорондын зайны тоог хадгална. Жишээ: Би html код руу яаж зай оруулах вэ? Эсвэл:.free_spaces {white-space: pre-wrap;} … html код руу яаж зай оруулах вэ?
