מהי ציטוט?

אם בדקת אי פעם ברשימת אלמנטים של HTML, אולי מצאת את עצמך שואל "מהי ציטוט?" אלמנט הבלוקציטוט הוא תג HTML זוג המשמש להגדרת הצעות מחיר ארוכות. להלן ההגדרה של אלמנט זה על פי מפרט W3C HTML5:

אלמנט blockquote מייצג קטע שמצוטט ממקור אחר.

כיצד להשתמש ב- Blockquote בדפי האינטרנט שלך

כשאתה כותב טקסט בדף אינטרנט ויוצר פריסת דף זה, אתה לפעמים רוצה לקרוא גוש טקסט כציטוט. זה יכול להיות הצעת מחיר ממקום אחר, כמו המלצת לקוח המלווה בבדיקת מקרה או סיפור הצלחה בפרויקט.

זה יכול להיות גם טיפול עיצובי החוזר על טקסט חשוב כלשהו מהמאמר או מהתוכן עצמו. בפרסום זה נקרא לפעמים למשוך הצעת מחיר, בעיצוב אתרים, אחת הדרכים להשיג זאת (והדרך בה אנו עוסקים במאמר זה) נקראת ציטוט.

אז בואו נסתכל כיצד תשתמשו בתגית blockquote כדי להגדיר ציטוטים ארוכים, כמו קטע זה מתוך "The Jabberwocky" מאת לואיס קרול:

״הוא היה ברק והסליף טוב
האם נשרף וגיעם בוואבה:
כל הערמומי היה הבורוגובים,
והכוכב מתגבר.

(מאת לואיס קרול)

דוגמה לשימוש בתג Blockquote

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

כשאתה חושב על זה, הציטוט המושך הזה הוא ציטוט של טקסט, זה פשוט קורה מאותו מאמר שהציטוט עצמו מופיע בו.

מרבית דפדפני האינטרנט מוסיפים כמה כניסות (בערך 5 רווחים) לשני צידי ציטוט כדי להבליט אותו מהטקסט שמסביב. חלק מהדפדפנים הישנים ביותר עשויים אפילו להציג את הטקסט המצוטט באותה נטייה. זכרו שזו פשוט עיצוב ברירת המחדל של אלמנט הבלוקציטוט.

עם CSS, יש לך שליטה מוחלטת על אופן הצגת הצעת המחיר שלך. אתה יכול להגדיל או אפילו להסיר את הכניסה, להוסיף צבעי רקע או להגדיל את גודל הטקסט כדי לקרוא עוד יותר את הצעת המחיר. אתה יכול לרחף את הציטוט לצד אחד של הדף ולסובב את הטקסט השני, שהוא סגנון חזותי נפוץ המשמש לציטוטים במגזינים מודפסים.

יש לך שליטה על הופעתה של הבלוקציטוט עם CSS, משהו שנדון בו עוד מעט בקרוב. לעת עתה, נמשיך לבדוק כיצד להוסיף את הצעת המחיר עצמה לסימון ה- HTML שלך.

כדי להוסיף את תגית הציטוט לטקסט שלך, פשוט הקף את הטקסט שהוא ציטוט עם צמד התגים הבא:

• פְּתִיחָה:
• סְגִירָה:

לדוגמה:

זה היה מבריק והסלייף טוב.
האם נשרף וגיעם בוואבה:
כל הערמומי היה הבורוגובים,
והכוכב מתגבר.

הוסף את צמד תגי הבלוקציטוט סביב תוכן הצעת המחיר עצמה. בדוגמה זו השתמשנו גם בכמה לשבור תגים (
) כדי להוסיף מעברי שורות בודדים במידת הצורך בתוך הטקסט. הסיבה לכך היא שאנחנו משחזרים טקסט משיר, שבו ההפסקות הספציפיות האלה חשובות.

אם היית יוצר הצעת מחיר ללקוח, והשורות לא היו צריכים לפרק חלקים ספציפיים, אתה לא היה רוצה להוסיף את תגיות ההפסקה האלה ולאפשר לדפדפן עצמו לעטוף ולשבור לפי הצורך בהתבסס על המסך גודל.

אל תשתמש בציטוט חסום כדי להכניס טקסט

במשך שנים רבות אנשים השתמשו בתגית הציטוט אם הם רוצים להכניס טקסט בדף האינטרנט שלהם, גם אם הטקסט הזה לא היה ציטוט משיכה. זה נוהג רע! אינך רוצה להשתמש בסמנטיקה של בלוקציטוט אך ורק מסיבות חזותיות.

אם אתה זקוק לכניסה לטקסט שלך, עליך להשתמש בגיליונות סגנון ולא בתגי הציטוט (אלא אם כן, כמובן, מה שאתה מנסה להכניס הוא הצעת מחיר!).