HTML עלעמענץ: בלאַק-מדרגה ווס. ינלינע עלעמענץ

וואָס איז די חילוק צווישן פאַרשפּאַרן-מדרגה און ינלינע עלעמענץ?

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

בלאַק לעוועל עלעמענץ

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

בלאָק-מדרגה עלעמענטן זענען געניצט ין דעם HTML דאָקומענט 'ס גוף. זיי קענען אַנטהאַלטן ינלינע עלעמענטן, ווי געזונט ווי אנדערע בלאָק-מדרגה עלעמענטן.

ינלינע עלעמענץ

אין קאַנטראַסט צו אַ בלאָק-מדרגה עלעמענט, אַ ינלינע עלעמענט קענען:

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

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

פֿאַר בייַשפּיל:

  • <סטיל> דיפיינז סטיילז און סטילעשעעץ.
  • <מעטאַ> דיפיינז מעטאַ דאַטן.
  • <קאָפּ> איז דער HTML דאָקומענט עלעמענט וואָס האלט די עלעמענטן.

סוויטטשינג ינלינע און בלאַק עלעמענט טייפּס

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

  • ווייַז: בלאָק;
  • ווייַז: ינלינע;
  • אַרויסווייַזן: קיין;

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

ווען טוישן די ווייַז פּראָפּערטי

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

  • מעניו פֿאַר האָריזאָנטאַל רשימה: ליס זענען בלאָק-מדרגה עלעמענטן, אָבער אויב איר ווילן דיין מעניו צו אַרויסווייַזן כאָריזאַנטאַלי, איר דאַרפֿן צו בייַטן די רשימה צו אַ ינלינע עלעמענט אַזוי אַז יעדער מעניו נומער טוט נישט אָנהייבן אַ נייַ שורה.
  • כעדערז אין די טעקסט: מאל איר זאל וועלן אַ כעדער צו בלייַבן אין די טעקסט, אָבער טייַנען די HTML כעדער וואַלועס. טשאַנגינג די h1 דורך ה 6 וואַלועס צו ינלינע וועט לאָזן טעקסט וואָס קומט נאָך זייַן קלאָוזינג טאַגע צו פאָרזעצן צו לויפן ווייַטער צו עס אויף די זעלבע שורה, אַנשטאָט פון סטאַרטינג אויף אַ נייַ שורה.
  • רימוווינג די עלעמענט: אויב איר ווילן צו באַזייַטיקן אַן עלעמענט גאָר פון די נאָרמאַל לויפן פון די דאָקומענט, איר קענען שטעלן די אַרויסווייַזן צו גאָרנישט. איין טאָן, זיין אָפּגעהיט ווען ניצן אַרויסווייַזן: none.While נוסח וועט טאַקע מאַכן אַן עלעמענט ומזעיק, איר קיינמאָל ווילן צו נוצן דעם צו באַהאַלטן טעקסט אַז איר צוגעגעבן צו סעאָ סיבות, אָבער טאָן נישט וועלן צו אַרויסווייַזן פֿאַר וויזאַטערז. אַז איז אַ זיכערע וועג צו האָבן דיין פּלאַץ פּינאַלייזד פֿאַר אַ שוואַרץ הוט צוגאַנג צו סעאָ.

פּראָסט ינלינע עלעמענט פאָרמאַטטינג מיסטייקס

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

ינלינע עלעמענטן איגנאָרירן עטלעכע פּראָפּערטיעס:

  • ברייט און הייך
  • מאַקס-ברייט און מאַקס-הייך
  • מינ-ברייט און מין-הייך

באַמערקונג: מיקראָסאָפט Internet Explorer (איצט גערופן מייקראָסאָפֿט עדזש) האט אין דער פאַרגאַנגענהייַט פאַלש געווענדט עטלעכע פון ​​די פּראָפּערטיעס אַפֿילו צו ינלינע באָקסעס. דאָס איז ניט נאָרמאַלע כּללים, און דאָס קען ניט זיין דער פאַל מיט נייַער ווערסיעס פון מיקראָסאָפט וועב בראַוזער.

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

Edited by Jeremy Girard on 2/3/17