ווי צו נוצן HTML און קסס צו שאַפֿן טאַבס און ספּייסינג

א קוק אין ווי ווייַס פּלאַץ אין HTML איז באהאנדלט דורך בראַוזערז

אויב איר זענט אַ אָנהייב וועב דיזיינער, איינער פון די פילע זאכן איר וועט האָבן צו פֿאַרשטיין פרי אויף איז די וועג אַז ווייַס פּלאַץ אין אַ פּלאַץ ס קאָד איז כאַנדאַלד דורך וועב בראַוזערז.

צום באַדויערן, די וועג אַז בראַוזערז כאַנדאַלד ווייַס פּלאַץ איז נישט זייער ינטואַטיוו אין ערשטער, ספּעציעל אויב איר קומען אין HTML און פאַרגלייַכן עס צו ווי ווייַס פּלאַץ איז כאַנדאַלד אין וואָרט פּראַסעסינג מגילה, וואָס איר קענט זיין מער באַקאַנט מיט.

אין וואָרט פּראַסעסינג סאָפטווער, איר קענען לייגן אַ פּלאַץ פון ספּייסינג אָדער טאַבס אין דעם דאָקומענט און אַז ספּייסינג וועט זיין שפיגלט אין דער אַרויסווייַז פון דעם דאָקומענט 'ס צופרידן. דעם איז ניט דער פאַל מיט HTML אָדער מיט וועב זייַטלעך. ווי אַזאַ, לערנען ווי ווייַס פּלאַץ איז, טאַקע, כאַנדאַלד דורך וועב בראַוזערז איז זייער וויכטיק.

ספּאַסינג אין דרוק

אין וואָרט פּראַסעסינג סאָפטווער, די דרייַ ערשטיק ווייַס פּלאַץ אותיות זענען די פּלאַץ, קוויטל, און וועגעלע צוריקקומען. יעדער פון די אַקט אין אַ באַזונדער וועג, אָבער אין HTML, בראַוזערז ופפירן זיי אַלע יסענשאַלי די זעלבע. צי איר שטעלן איין פּלאַץ אָדער 100 ספּייסיז אין דיין HTML מאַרקאַפּ, אָדער מישן דיין ספּייסינג אַרויף מיט טאַבס און וועגעלע קערטאַנז, אַלע פון ​​זיי וועלן קאַנדענסט אַראָפּ צו איין פּלאַץ ווען די בלאַט איז רענדערד דורך דעם בלעטערער. אין וועב פּלאַן טערמינאָלאָגיע, דאָס איז באקאנט ווי ווייַס אָרט ייַנבראָך. איר קענען נישט נוצן די טיפּיש ספּייסינג שליסלען צו לייגן ווהיטעספּאַסע אין אַ וועב בלאַט ווייַל די בלעטערער קאַלאַפּסיז קייפל ספּייסיז אַראָפּ אין בלויז איין אָרט ווען רענדערד אין דער בלעטערער,

פארוואס טאָן עמעצער ניצן טאַבס?

טיפּיקאַללי, ווען מען נוצן טאַבס אין אַ טעקסט דאָקומענט, זיי זענען ניצן זיי פֿאַר אויסלייג סיבות אָדער צו באַקומען דעם טעקסט צו אַריבערפירן צו אַ זיכער אָרט אָדער צו זיין אַ ווייַטקייט פון אן אנדער עלעמענט. אין וועב פּלאַן, איר קענען נישט נוצן די אַפאָרמענשאַנד אָרט אותיות צו דערגרייכן די וויסואַל סטיילז אָדער אויסלייג באדערפענישן.

אין וועב פּלאַן, די נוצן פון עקסטרע ספּייסינג אותיות אין די קאָד וואָלט זיין ריין פֿאַר יז פון לייענען דעם קאָד. וועב דיזיינערז און דעוועלאָפּערס אָפט נוצן טאַבס צו ינדענט קאָד אַזוי אַז זיי קענען זען וואָס עלעמענטן זענען קינדער פון אנדערע עלעמענטן - אָבער די ינדענץ טאָן ניט ווירקן די וויזשאַוואַל אויסלייג פון די בלאַט זיך. פֿאַר די דארף וויזשאַוואַל אויסלייג ענדערונגען, איר דאַרפֿן צו ווענדן צו CSS (קאַסקיידינג נוסח שיץ).

ניצן CSS צו שאַפֿן HTML טאַבס און ספּייסינג

וועבסיטעס הייַנט זענען געבויט מיט אַ צעשיידונג פון סטרוקטור און סטיל. די סטרוקטור פון אַ בלאַט איז כאַנדאַלד דורך די HTML בשעת דער סטיל איז דיקטאַד דורך די קסס. דאָס מיינט אַז צו שאַפֿן ספּייסינג אָדער דערגרייכן אַ געוויסע אויסלייג, איר זאָל זיין אויסגעדרייט צו קסס און נישט טריינג צו פשוט לייגן ספּייסינג אותיות צו די HTML קאָד.

אויב איר זענען טריינג צו נוצן טאַבס צו שאַפֿן שפאלטן פון טעקסט, איר קענען נוצן

עלעמענטן וואָס זענען פּאַזישאַנד מיט קסס צו באַקומען דעם זייַל אויסלייג. דעם פּאַזישאַנינג קענען זיין געטאן דורך CSS פלאָוץ, אַבסאָלוט און קאָרעוו פּאַזישאַנינג, אָדער נייַער CSS אויסלייג טעקניקס ווי פלעקסבאָקס אָדער קסס גריד.

אויב די דאַטן איר זענען ארויפלייגן איז טאַבולאַר דאַטע, איר קענען נוצן טישן צו ייַנרייען די דאַטן ווי איר'ד ווי. טאַבלעס אָפט באַקומען אַ שלעכט ראַפּ אין וועב פּלאַן ווייַל זיי זענען אַביוזד ווי ריין אויסלייג מכשירים פֿאַר אַזוי פילע יאָרן, אָבער טישן זענען נאָך בישליימעס גילטיק אויב דיין צופרידן כּולל אַז אַפאָרמענשאַנד טאַבולאַר דאַטן.

מאַרגינס, פּאַדינגס, און טעקסט-ינדענט

די מערסט פּראָסט וועגן צו שאַפֿן ספּייסינג מיט קסס איז ניצן איינער פון די פאלגענדע קסס סטיילז:

  • גרענעץ
  • padding
  • טעקסט-ינדענט

פֿאַר בייַשפּיל, איר קענען ינדענט די ערשטער שורה פון אַ פּאַראַגראַף ווי אַ קוויטל מיט די פאלגענדע קסס (טאָן אַז דאָס אַסומז דיין פּאַראַגראַף האט אַ קלאַס אַטריביוט פון "ערשטער" אַטאַטשט צו עס):

p.first {
text-indent: 5em;
}

דעם פּאַראַגראַף וואָלט איצט זיין ינדענטיד וועגן 5 אותיות.

איר קענען אויך נוצן די גרענעץ אָדער וואַטן פּראָפּערטיעס אין קסס צו לייגן אַבזאָרפּשאַן צו די שפּיץ, דנאָ, לינקס, אָדער רעכט (אָדער קאַמבאַניישאַנז פון די זייטן) פון אַן עלעמענט. לעסאָף, איר קענען דערגרייכן קיין סאָרט פון ספּייסינג דארף דורך אויסגעדרייט צו קסס.

מאָווינג טעקסט מער ווי איין אָרט אָן CSS

אויב אַלע איר ווילן איז פֿאַר דיין טעקסט צו זיין אריבערגעפארן מער ווי איין אָרט אַוועק פון די פּריסידינג נומער, איר קענען נוצן די ניט-ברייקינג פּלאַץ.

צו נוצן די ניט-ברייקינג פּלאַץ, איר פשוט לייגן & נבספּ; ווי פילע מאל ווי איר דאַרפֿן עס אין דיין HTML מאַרקאַפּ.

פֿאַר בייַשפּיל, אויב איר געוואלט צו מאַך דיין וואָרט פינף ספּייסיז איבער, איר קען לייגן די פאלגענדע איידער די וואָרט.

& נבספּ; & נבספּ; & נבספּ; & נבספּ; & נבספּ;

HTML רעספּעקץ די און וועט ניט צעשטערן זיי אַראָפּ צו אַ איין פּלאַץ. אָבער, דאָס איז באטראכט אַ זייער אָרעם פיר, ווי עס איז אַן עקסטרע הטמל מאַרקאַפּ צו אַ דאָקומענט בלויז צו דערגרייכן אויסלייג באדערפענישן. ריפערינג צו דעם צעשיידונג פון סטרוקטור און סטיל, איר זאָל ויסמייַדן אַנליידינג ניט-ברייקינג ספּייסאַז פשוט צו דערגרייכן אַ געוואלט אויסלייג ווירקונג און זאָל נוצן CSS מאַרדזשאַנז און וואַטן אַנשטאָט.