ניצן שפּאַן און דיוו מיט קסס פֿאַר גרעסער נוסח און אויסלייג קאָנטראָל.
פילע מענטשן וואס זענען נייע צו וועב פּלאַן און HTML / CSS נוצן די <שפּאַן> און
ניצן די עלעמענט דער דיוו עלעמענט דיפיינד לאַדזשיקאַל דיוויזשאַנז אויף דיין וועב בלאַט.
עס איז בייסיקלי אַ קעסטל וואָס איר קענען שטעלן אנדערע HTML עלעמענטן וואָס לאַדזשיקלי גיין צוזאַמען. א טייל קענען זיין קייפל אנדערע עלעמענטן אין עס, ווי פּאַראַגראַפס, כעדינגז, רשימות, לינקס, בילדער, אאז"וו. עס קען אַפֿילו האָבן אנדערע דעוויסיאָנס ין עס צו צושטעלן נאָך סטרוקטור און אָרגאַניזירונג צו דיין HTML דאָקומענט.
צו נוצן די div element, שטעלן אַ עפענען
קוויטל איידער די געגנט פון דיין בלאַט וואָס איר ווילן ווי אַ באַזונדער אָפּטייל, און אַ נאָענט צעטל נאָך עס:
אינהאַלט פון דיוו
אויב די געגנט פון דיין בלאַט דארף עטלעכע נאָך אינפֿאָרמאַציע אַז איר וועט נוצן צו סטיל מיט CSS שפּעטער, איר קענען לייגן אַ שייַן סעלעקטאָר (למשל,
id = "myDiv">), אָדער אַ קלאַס סעלעקטאָר (למשל, קלאַס = "ביגדיוו">). ביידע די אַטראַביוץ קענען ווערן אויסגעקליבן ניצן קסס אָדער מאַדאַפייד ניצן דזשאַוואַסקריפּט. קראַנט פּראַקטיסיז דאַרפן צו נוצן סאָרט סעלערז אַנשטאָט פון ידס, אין טייל ווייַל פון ווי ספּעציפיש שייַן סעלעקטאָרס זענען. אין אמת, אָבער, איר קען נוצן איינער און קענען אַפֿילו געבן אַ אָפּטייל ווי אַ שייַן און אַ קלאַס סעלעקטאָר.
ווען צו נוצן
ווערסאַס <אָפּטיילונג>
די דיוו עלעמענט איז אַנדערש פון די HTML5 אָפּטיילונג עלעמענט ווייַל עס טוט נישט געבן די ענקלאָוזד צופרידן קיין סעמאַנטיש טייַטש. אויב איר זענט נישט זיכער צי דער בלאָק פון אינהאַלט זאָל זיין אַ דיוו אָדער אַ אָפּטיילונג, טראַכטן וועגן וואָס דער ציל פון דעם עלעמענט און די צופרידן זענען צו העלפן איר באַשליסן וואָס צו נוצן:
- אויב איר דאַרפֿן די עלעמענט פשוט צו לייגן סטיילז צו אַז געגנט פון דער בלאַט, איר זאָל נוצן די דיוו עלעמענט.
- אויב דער אינהאַלט צו זיין קאַנטיינד האט אַ באַזונדער פאָקוס און קען שטיין אויף זיך, איר זאל וועלן צו נוצן די אָפּטיילונג עלעמענט אַנשטאָט.
לעסאָף, דיווידי דיווקס און סעקשאַנז ביכייוו אַזוי סימפּלי און איר קענען געבן איינער פון זיי אַטריביוט וואַלועס און סטיל זיי מיט קסס צו באַקומען די קוק פון דיין פּלאַץ אַז איר דאַרפֿן. ביידע זענען בלאָק מדרגה עלעמענטן.
ניצן די <שפּאַן> עלעמענט
די שפּאַן עלעמענט איז אַ ינלינע עלעמענט דורך פעליקייַט. דעם שטעלט עס באַזונדער פון די דיוו און אָפּטיילונג עלעמענטן. דער שפּאַן עלעמענט איז אָפט געניצט צו ייַנוויקלען אַ ספּעציפיש שטיק פון אינהאַלט, נאָרמאַלי טעקסט, צו געבן עס אַ נאָך "קרוק" וואָס קענען זיין סטיילד שפּעטער. געוויינט מיט קסס, עס קענען טוישן די נוסח פון די טעקסט עס ענקלאָוזיז; אָבער, אָן קיין נוסח אַטראַביוץ, די שפּאַן עלעמענט אַליין האט קיין ווירקונג אויף טעקסט אין אַלע.
דאס איז דער הויפּט חילוק צווישן די שפּאַן און די דיוו עלעמענטן. ווי דערמאנט אויבן, די דיוועל ענדערונגען האָבן אַ פּאַראַגראַף, כאָטש די שפּעלטל עלעמענט נאָר דערציילט דעם בלעטערער צו צולייגן פארבונדן קסס נוסח כּללים צו וואָס איז ענקלאָוזד דורך די <שפּאַן> טאַגס:
היגהליגהטעד טעקסט און ניט-כיילייטיד טעקסט
לייג די קלאַס = "הויכפּונקט" אָדער אנדערע קלאַס צו די שפּאַן עלעמענט צו סטיל דעם טעקסט מיט CSS (למשל, קלאַס = "הויכפּונקט">).
די שפּאַן עלעמענט האט קיין פארלאנגט אַטריביוץ, אָבער די דרייַ וואָס זענען די מערסט נוציק זענען די זעלבע ווי די פון די דיוו עלעמענט:
- style
- קלאַס
- id
ניצן שפּאַן ווען איר ווילן צו טוישן די נוסח פון צופרידן אָן דיפיינינג אַז צופרידן ווי אַ נייַ בלאָק-מדרגה עלעמענט אין דעם דאָקומענט.
למשל, אויב איר ווילט די צווייטע וואָרט פון אַ ה 3 כעדינג צו זיין רויט, איר קען אַרומרינגלען דעם וואָרט מיט אַ שפּאַן עלעמענט וואָס וואָלט סטיל וואָס וואָרט ווי רויט טעקסט. דער וואָרט נאָך בלייבט טייל פון די ה 3 עלעמענט, אָבער איצט אויך דיספּלייז אין רויט:
דאס איז מיין אַסאַם העאַדלינע
Edited by Jeremy Girard on 2/2/17
דער דיוו עלעמענט דיפיינד לאַדזשיקאַל דיוויזשאַנז אויף דיין וועב בלאַט.
עס איז בייסיקלי אַ קעסטל וואָס איר קענען שטעלן אנדערע HTML עלעמענטן וואָס לאַדזשיקלי גיין צוזאַמען. א טייל קענען זיין קייפל אנדערע עלעמענטן אין עס, ווי פּאַראַגראַפס, כעדינגז, רשימות, לינקס, בילדער, אאז"וו. עס קען אַפֿילו האָבן אנדערע דעוויסיאָנס ין עס צו צושטעלן נאָך סטרוקטור און אָרגאַניזירונג צו דיין HTML דאָקומענט.
צו נוצן די div element, שטעלן אַ עפענען
אינהאַלט פון דיוו
אויב די געגנט פון דיין בלאַט דארף עטלעכע נאָך אינפֿאָרמאַציע אַז איר וועט נוצן צו סטיל מיט CSS שפּעטער, איר קענען לייגן אַ שייַן סעלעקטאָר (למשל,
id = "myDiv">), אָדער אַ קלאַס סעלעקטאָר (למשל, קלאַס = "ביגדיוו">). ביידע די אַטראַביוץ קענען ווערן אויסגעקליבן ניצן קסס אָדער מאַדאַפייד ניצן דזשאַוואַסקריפּט. קראַנט פּראַקטיסיז דאַרפן צו נוצן סאָרט סעלערז אַנשטאָט פון ידס, אין טייל ווייַל פון ווי ספּעציפיש שייַן סעלעקטאָרס זענען. אין אמת, אָבער, איר קען נוצן איינער און קענען אַפֿילו געבן אַ אָפּטייל ווי אַ שייַן און אַ קלאַס סעלעקטאָר.
ווען צו נוצן
ווערסאַס <אָפּטיילונג>די דיוו עלעמענט איז אַנדערש פון די HTML5 אָפּטיילונג עלעמענט ווייַל עס טוט נישט געבן די ענקלאָוזד צופרידן קיין סעמאַנטיש טייַטש. אויב איר זענט נישט זיכער צי דער בלאָק פון אינהאַלט זאָל זיין אַ דיוו אָדער אַ אָפּטיילונג, טראַכטן וועגן וואָס דער ציל פון דעם עלעמענט און די צופרידן זענען צו העלפן איר באַשליסן וואָס צו נוצן:
- אויב איר דאַרפֿן די עלעמענט פשוט צו לייגן סטיילז צו אַז געגנט פון דער בלאַט, איר זאָל נוצן די דיוו עלעמענט.
- אויב דער אינהאַלט צו זיין קאַנטיינד האט אַ באַזונדער פאָקוס און קען שטיין אויף זיך, איר זאל וועלן צו נוצן די אָפּטיילונג עלעמענט אַנשטאָט.
לעסאָף, דיווידי דיווקס און סעקשאַנז ביכייוו אַזוי סימפּלי און איר קענען געבן איינער פון זיי אַטריביוט וואַלועס און סטיל זיי מיט קסס צו באַקומען די קוק פון דיין פּלאַץ אַז איר דאַרפֿן. ביידע זענען בלאָק מדרגה עלעמענטן.
ניצן די <שפּאַן> עלעמענט
די שפּאַן עלעמענט איז אַ ינלינע עלעמענט דורך פעליקייַט. דעם שטעלט עס באַזונדער פון די דיוו און אָפּטיילונג עלעמענטן. דער שפּאַן עלעמענט איז אָפט געניצט צו ייַנוויקלען אַ ספּעציפיש שטיק פון אינהאַלט, נאָרמאַלי טעקסט, צו געבן עס אַ נאָך "קרוק" וואָס קענען זיין סטיילד שפּעטער. געוויינט מיט קסס, עס קענען טוישן די נוסח פון די טעקסט עס ענקלאָוזיז; אָבער, אָן קיין נוסח אַטראַביוץ, די שפּאַן עלעמענט אַליין האט קיין ווירקונג אויף טעקסט אין אַלע.
דאס איז דער הויפּט חילוק צווישן די שפּאַן און די דיוו עלעמענטן. ווי דערמאנט אויבן, די דיוועל ענדערונגען האָבן אַ פּאַראַגראַף, כאָטש די שפּעלטל עלעמענט נאָר דערציילט דעם בלעטערער צו צולייגן פארבונדן קסס נוסח כּללים צו וואָס איז ענקלאָוזד דורך די <שפּאַן> טאַגס:
היגהליגהטעד טעקסט און ניט-כיילייטיד טעקסט
לייג די קלאַס = "הויכפּונקט" אָדער אנדערע קלאַס צו די שפּאַן עלעמענט צו סטיל דעם טעקסט מיט CSS (למשל, קלאַס = "הויכפּונקט">).
די שפּאַן עלעמענט האט קיין פארלאנגט אַטריביוץ, אָבער די דרייַ וואָס זענען די מערסט נוציק זענען די זעלבע ווי די פון די דיוו עלעמענט:
- style
- קלאַס
- id
ניצן שפּאַן ווען איר ווילן צו טוישן די נוסח פון צופרידן אָן דיפיינינג אַז צופרידן ווי אַ נייַ בלאָק-מדרגה עלעמענט אין דעם דאָקומענט.
למשל, אויב איר ווילט די צווייטע וואָרט פון אַ ה 3 כעדינג צו זיין רויט, איר קען אַרומרינגלען דעם וואָרט מיט אַ שפּאַן עלעמענט וואָס וואָלט סטיל וואָס וואָרט ווי רויט טעקסט. דער וואָרט נאָך בלייבט טייל פון די ה 3 עלעמענט, אָבער איצט אויך דיספּלייז אין רויט:
דאס איז מיין אַסאַם העאַדלינע
Edited by Jeremy Girard on 2/2/17