שאַפֿן ספּייסאַז און גשמיות צעשיידונג פון עלעמענטן אין HTML מיט קסס
שאפן ספּייסיז און גשמיות צעשיידונג פון עלעמענטן אין HTML קענען זיין שווער צו פֿאַרשטיין פֿאַר די אָנהייב וועב דיזיינער. דעם איז ווייַל HTML האט אַ פאַרמאָג באקאנט ווי "ווייטספּאַסע ייַנבראָך." צי איר דרוקן 1 אָרט אָדער 100 אין דיין HTML קאָד, די וועב בלעטערער קאַלאַפּייזיז די ספּייסאַז אַראָפּ צו נאָר איין אָרט. דעם איז אַנדערש פון אַ פּראָגראַם ווי מיקראָסאָפט וואָרט , וואָס אַלאַוז דאָקומענט קריייטערז צו לייגן קייפל ספּייסאַז צו באַזונדער ווערטער און אנדערע יסודות פון דעם דאָקומענט.
דאָס איז נישט ווי וועבזייַטל פּלאַן ספּייסינג אַרבעט.
אַזוי, ווי טאָן איר לייגן ווהיטעספּאַסעס אין HTML אַז ווייַזן אַרויף אויף די וועב בלאַט ? דער אַרטיקל יגזאַמאַנז עטלעכע פון די פאַרשידענע וועגן.
ספּאַסעס אין HTML מיט קסס
די בילכער וועג צו לייגן ספּייסאַז אין דיין HTML איז מיט קאַסקאַדינג סטייל שיץ (קסס) . CSS זאָל זיין געניצט צו לייגן קיין וויזשאַוואַל אַספּעקץ פון אַ וועבפּאַגע, און זינט די ספּייסינג איז טייל פון די וויזשאַוואַל פּלאַן טשאַראַקטעריסטיקס פון אַ בלאַט, קסס איז ווו איר ווילן דעם צו זיין געטאן.
אין קסס, איר קענען נוצן אָדער די גרענעץ אָדער וואַטן פּראָפּערטיעס צו לייגן פּלאַץ אַרום עלעמענטן. דערצו, די טעקסט-ינדענט פאַרמאָג לייגט פּלאַץ צו די פראָנט פון די טעקסט, אַזאַ ווי פֿאַר ינדענטינג פּאַראַגראַפס.
דאָ איז אַ בייַשפּיל פון ווי צו נוצן קסס צו לייגן אָרט אין פראָנט פון אַלע דיין פּאַראַגראַפס. לייג די ווייַטערדיק CSS צו דיין פונדרויסנדיק אָדער אינערלעכער נוסח בויגן:
p {
text-indent: 3em;
}
ספּייסאַז אין HTML: ינסידע דיין טעקסט
אויב איר נאָר וויל צו לייגן אַ נאָך אָרט אָדער צוויי צו דיין טעקסט, איר קענען נוצן די ניט-ברייקינג פּלאַץ.
דעם כאַראַקטער אקטן נאָר ווי אַ נאָרמאַל אָרט כאַראַקטער, נאָר עס טוט נישט ייַנבראָך ין דער בלעטערער.
דאָ איז אַ בייַשפּיל פון ווי צו לייגן פינף ספּייסיז ין אַ שורה פון טעקסט:
דעם טעקסט האט פינף עקסטרע ספּייסיז ין עס
ניצט די HTML:
דער טעקסט איז & נבספּ; & נבספּ; & נבספּ; & נבספּ; & נבספּ; פינף עקסטרע ספּייסאַז ין עס
איר קענען אויך נוצן די
טאַג צו לייגן עקסטרע שורה ברייקס.
דעם זאַץ האט פינף שורה ברייקס אין די סוף פון עס
פארוואס ספּייסינג אין HTML איז אַ שלעכט געדאַנק
בשעת די אָפּציעס ביידע אַרבעט - די ניט-ברייקינג ספּייסיז עלעמענט וועט טאַקע לייגן ספּייסינג צו דיין טעקסט און די שורה ברייקס וועט לייגן ספּייסינג ונטער דעם אויבן פּאַראַגראַף - דאָס איז ניט דער בעסטער וועג צו שאפן ספּייסינג אין דיין וועבפּאַגע. אַדדינג די עלעמענטן צו דיין HTML מוסיף וויזשאַוואַל אינפֿאָרמאַציע צו דעם קאָד אַנשטאָט פון סעפּערייטינג די סטרוקטור פון אַ בלאַט (HTML) פון די וויזשאַוואַל סטיילז (קסס). בעסטער פּראַקטאַסאַז דיקטירן אַז די זאָל זיין באַזונדער פֿאַר אַ נומער פון סיבות, אַרייַנגערעכנט יז פון אַפּדייטינג אין דער צוקונפֿט און קוילעלדיק טעקע גרייס און זייַט פאָרשטעלונג.
אויב איר נוצן אַ פונדרויסנדיק סטיל בלאַט צו דיקטירן אַלע דיין סטיילז און ספּייסינג, דעמאָלט טשאַנגינג די סטיילז פֿאַר די גאנצע פּלאַץ איז גרינג צו טאָן, ווייַל איר פשוט האָבן צו דערהייַנטיקן אַז איינער נוסח בלאַט.
באַטראַכטן דעם בייַשפּיל אויבן פון דעם זאַץ מיט פינף
טאַגס אין די סוף פון עס. אויב איר געוואלט אַז די סומע פון ספּייסינג בייַ די דנאָ פון יעדער פּאַראַגראַף, איר דאַרפֿן צו לייגן HTML קאָד צו יעדער פּאַראַגראַף אין דיין פּלאַץ. אַז איז אַ שיין סומע פון עקסטרע מאַרקאַפּ וואָס וועט בלאָזן דיין בלעטער.
דערצו, אויב איר באַשליסן אַראָפּ די וועג אַז דאָס ספּייסינג איז אויך פיל אָדער צו קליין, און איר ווילט צו טוישן עס אַ ביסל, איר דאַרפֿן צו רעדאַגירן יעדער איין פּאַראַגראַף אין דיין גאנצע וועבזייַטל. ניין א דאנק!
אַנשטאָט אַדאַסיז די ספּייסינג עלעמענטן צו דיין קאָד, נוצן CSS.
p {
padding-bottom: 20px;
}
אַז איין ליניע פון קסס וואָלט לייגן ספּייסינג אונטער דיין בלאַט ס פּאַראַגראַפס. אויב איר געוואלט צו טוישן דעם ספּייסינג אין דער צוקונפֿט, רעדאַגירן דעם איין שורה (אַנשטאָט פון דיין גאנצע פּלאַץ קאָד) און איר זענט גוט צו גיין!
איצט, אויב איר דאַרפֿן צו לייגן אַ איין אָרט אין איין טייל פון דיין וועבזייַטל, ניצן אַ
צעטל אָדער אַ איין ניט-ברייקינג פּלאַץ איז נישט דער סוף פון דער וועלט, אָבער איר דאַרפֿן צו זיין אָפּגעהיט.
ניצן די ינלינע HTML ספּייסינג אָפּציעס קענען זיין אַ גליטשיק שיפּוע. בשעת איינער אָדער צוויי קען נישט שאַטן דיין פּלאַץ, אויב איר פאָרזעצן דעם וועג, איר וועט פאָרשטעלן פּראָבלעמס אין דיין בלעטער. אין די סוף, איר זענט בעסער אַוועק אויסגעדרייט צו CSS פֿאַר HTML ספּייסינג, און אַלע אנדערע וועבזייטל וויזשאַוואַל באדערפענישן.