אויב איר 'ווע אלץ געקוקט אין אַ רשימה פון HTML עלעמענטן, איר קען האָבן געפונען זיך אַסקינג "וואָס איז אַ בלאָקקוואָטע?" די בלאָקקוואָטע עלעמענט איז אַ HTML פאַרבינדן פּאָר וואָס איז גענוצט צו דעפינירן לאַנג קוואָטעס. דאָ איז די דעפֿיניציע פון דעם עלעמענט לויט די W3C HTML5 באַשרייַבונג:
די בלאַקקוואָוסט עלעמענט רעפּראַזענץ אַ אָפּטיילונג וואָס איז צעטיילט פון אן אנדערן מקור.
ווי צו נוצן Blockquote אויף דיין וועבפּאַגעס
ווען איר שרייַבט טעקסט אין אַ וועבזייטל און קריייץ דעם בלאַט 'ס אויסלייג, איר מאל איר ווילן צו אַרויסגעבן אַ בלאָק פון טעקסט ווי אַ ציטאַט.
דאס קען זיין אַ ציטירן פון ערגעץ אַנדערש, ווי אַ קונה טעסטאַמאָוניאַל אַז אַקאַמפּאַניז אַ פאַל לערנען אָדער פּרויעקט הצלחה געשיכטע. דעם קען אויך זיין אַ פּלאַן באַהאַנדלונג אַז ריפּיץ עטלעכע וויכטיק טעקסט פון דעם אַרטיקל אָדער צופרידן זיך. אין פּובלישינג, דאָס איז מאל גערופן אַ פּול-ציטירן , אין וועב פּלאַן, איינער פון די וועגן צו דערגרייכן דעם (און דער וועג אַז מיר זענען קאַווערינג אין דעם אַרטיקל) איז גערופן אַ בלאָקקוואָטע.
אַזוי לאָזן ס קוק אין ווי איר וואָלט נוצן די בלאַקקוואָוסט צעטל צו באַשטימען לאַנג קוואָטעס, אַזאַ ווי דעם עקסערפּט פון "די דזשאַבבערוואָקקי" דורך לויס קאַראָלל:
'טוואַס בריללי און די סליטהיי טובז
האט גיס און גימבל אין די וואַב:
אַלע מימסי זענען די באָראָגאָוועס,
און די מאָמע ראַטז אָוטגראַבע.
(by Lewis Carroll)
בייַשפּיל פון ניצן די Blockquote Tag
די בלאָקקוואָאָטע צעטל איז אַ סעמאַנטיק צעטל אַז דערציילט דעם בלעטערער אָדער באַניצער אַגענט אַז די אינהאַלט איז אַ לאַנג ציטאַט. ווי אַזוי, איר זאָל נישט אַרייַן טעקסט וואָס איז נישט אַ ציטאַט אין דעם בלאָקקוואָטע טאַג.פֿאַרמער, אַ "ציטאַט" איז אָפט פאַקטיש ווערטער אַז עמעצער האט געזאגט אָדער טעקסט פון אַ אַרויס מקור (ווי די לויס קאַראָל טעקסט אין דעם אַרטיקל), אָבער עס קען אויך זיין די פּוללקוואָטע באַגריף אַז מיר באדעקט ביז אַהער.
ווען איר טראַכטן וועגן אים, אַז פּוללקוואָטע איז אַ ציטירן פון טעקסט, עס פּונקט כאַפּאַנז צו זיין פון די זעלבע אַרטיקל אַז די ציטירן זיך אויס אין.
רובֿ וועב בראַוזערז לייגן עטלעכע ינדענטינג (וועגן 5 ספּייסיז) צו ביידע זייטן פון אַ בלאָקקוואָטע צו מאַכן עס שטיין אויס פון די אַרומיק טעקסט. עטלעכע גאָר אַלט בראַוזערז זאל אַפֿילו פאָרשטעלן דעם ציטירטן טעקסט אין ייטאַליקס.
געדענקען אַז דאָס איז פשוט די פעליקייַט סטילינג פון די בלאָקקקוואָטע עלעמענט. מיט קסס, איר האָבן גאַנץ קאָנטראָל איבער ווי דיין בלאַקקוואַץ וועט אַרויסווייַזן. איר קענען פאַרגרעסערן אָדער אפילו באַזייַטיקן די ינדענט, לייגן הינטערגרונט פארבן אָדער פאַרגרעסערן טעקסט גרייס צו ווייַטער רופן אויס די ציטירן. איר קענען לאָזנ שווימען אַז ציטירן צו איין זייַט פון די בלאַט און האָבן די אנדערע טעקסט ווראָפּ אַרום עס, וואָס איז אַ קאַמאַנלי וויזשאַוואַל נוסח געניצט פֿאַר פּולקוואָטעס אין געדרוקט מאַגאַזינז. איר האָבן קאָנטראָל איבער די בלאַקקוואָץ 'ס אויסזען מיט קסס, וואָס מיר וועלן דיסקוטירן אַ ביסל מער באַלד. פֿאַר איצט, לאָזן ס פאָרזעצן צו זען ווי צו לייגן די ציטירן זיך צו דיין HTML מאַרקאַפּ.
צו לייגן די בלאַקקוואָוסט צעטל צו דיין טעקסט, פשוט אַרומרינגלען דעם טעקסט וואָס איז אַ ציטאַט מיט די ווייַטערדיק פאַרבינדן פּאָר -
פֿאַר בייַשפּיל:
'טוואַס בריללי און די סליטהיי טובז
האט גיס און גימבל אין די וואַב:
אַלע מימסי זענען די באָראָגאָוועס,
און די מאָמע ראַטז אָוטגראַבע.
ווי איר קענען זען, איר פשוט לייגן די פּאָר פון בלאָקקקוואָטע טאַגס אַרום די אינהאַלט פון די ציטירן זיך. אין דעם בייַשפּיל, מיר אויך געניצט עטלעכע ברעכן טאַגס (
) צו לייגן איין שורה ברייקס ווו צונעמען אינעווייניק פון די טעקסט. דעם איז ווייַל מיר זענען רעקריייטינג טעקסט פון אַ ליד, ווו די ספּעציפיש ברייקס זענען וויכטיק. אויב איר האָט באשאפן אַ קונה טעסטאַמאָוניאַל ציטירן, און די שורות האָבן ניט דאַרפֿן צו ברעכן אין ספּעציפיש טיילן, איר וואָלט נישט וועלן צו לייגן די ברעכן טאַגס און לאָזן דעם בלעטערער זיך צו וואַפּלעניש און ברעכן ווי דארף באזירט אויף די פאַרשטעלן גרייס.
דו זאלסט נישט נוצן Blockquote צו ינדענט טעקסט
פֿאַר פילע יאָרן, מענטשן האָבן געניצט די בלאַקקוואָוסט צעטל אויב זיי געוואלט צו ינדענט טעקסט אויף זייער וועבפּאַגע, אַפֿילו אויב דעם טעקסט איז נישט אַ פּוללאָטע. דאָס איז אַ שלעכט פיר! איר טאָן ניט ווילן צו נוצן די סעמאַנטיקס פון בלאַקקוואָוץ סאָוללי פֿאַר וויסואַל סיבות. אויב איר דאַרפֿן צו ינדענט דיין טעקסט, איר זאָל נוצן נוסח שיץ, נישט די בלאָקקקוואָטע טאַגס (סייַדן, פון קורס, וואָס איר זענט טריינג צו ינדענט איז אַ פּרייַז!). פּרוּווט פּאַטינג דעם קאָד אין דיין וועב בלאַט אויב איר זענען טריינג פשוט צו לייגן אַ ינדענט:
דעם וועט זיין טעקסט וואָס איז ינדענטיד.
ווייַטער, איר וואָלט ציל אַז קלאַס מיט אַ CSS נוסח
.ינדענטעד {
וואַטן: 0 10 פּקס;
}
דעם מוסיף די 10 פּיקסעלס פון וואַטן צו יעדער זייַט פון די פּאַראַגראַף.
אָריגינעל אַרטיקל דורך דזשענניפער קרינן. Edited by Jeremy Girard on 5/8/17.