خط کلیدی و نمایش درست شعر پارسی

راهنمایی برای تراز، رسم‌الخط و فونت شعر فارسی در وب؛ شامل نمونه کد، نکتهٔ کلیدی و راه‌حل‌های واکنش‌گرا.

خط کلیدی و نمایش درست شعر پارسی
سه‌شنبه 27 آبان 1404 | 3 هفته پیشاهمیت تراز و کشیدگی مصراع‌ها در شعر پارسی تراز بودن و کشیدگی مناسب مصراع‌ها در شعر پارسی فراتر از زیبایی‌شناسی صرف است؛ این ویژگی‌ها بازتاب دهندهٔ وزن، اندازه و زمان شعری هستند و بخش قابل توجهی از معنا و ریتم را منتقل می‌کنند. وقتی مصراع‌ها به درستی کشیده و هم‌تراز می‌شوند، خواننده می‌تواند ضرب‌آهنگ درونی بیت را بهتر حس کند و ارتباط بین مصراع‌ها در ساختار قافیه حفظ شود. در پیاده‌سازی دیجیتال، رعایت تراز و کشیدگی به معنی کنترل دقیق فضا، فاصله‌ها و رفتار مرورگر نسبت به آخرین خط است. راهکارهای CSS مثل استفاده از شبه‌عنصر خالی برای هر مصراع، تنظیم text-align و text-align-last، و کنترل white-space و عرض نسبی مصراع‌ها، تضمین می‌کنند که نمایش بصری وزن شعری همواره ثابت و قابل پیش‌بینی بماند؛ چیزی که در مواجهه با اندازه‌های مختلف صفحه و فونت‌های فارسی اهمیت دوچندان می‌یابد. حفظ این دقت در نمایش نه فقط خوانش را روان‌تر می‌کند، بلکه از لحاظ فرهنگی هم اهمیت دارد! شعر پارسی میراثی از وزن و موسیقی است و نمایش نامناسب آن می‌تواند بخشی از معنا و تجربهٔ ادبی را محو کند. پیاده‌سازی درست نمایش مصراع‌ها در وب، ترکیبی از حساسیت ادبی و مهارت فنی است که باعث می‌شود خواننده همان حس و ریتمی را دریافت کند که شاعر مقصود داشته است. در نمایش شعر پارسی در وب یک نکتهٔ ساده اما سرنوشت‌ساز وجود دارد: استفاده از شبه‌عنصر خالی برای تضمین تراز کامل مصراع‌ها. در عمل کافی است در CSS بخش مربوط به مصراع‌ها این قانون را قرار دهیم:
.mesra::after { content: ""; width: 0; height: 0; }
این خط کوچک اما حیاتی باعث می‌شود مرورگرها بتوانند خاصیت justify را حتی روی آخرین خط مصراع اجرا کنند و تراز، فاصله‌ها و ظاهری یک‌دست برای اشعار فراهم آید. برای آموزش کامل، مثال‌های عملی و نکات واکنش‌گرایی به مطلب جامع موجود در ویراویر مراجعه کنید: viraw.ir
بوی جوی مولیان آید همییاد یار مهربان آید همی
ریگ آمو با درشتی‌های اوزیر پا چون پرنیان آید همی
آب جیحون و شگرفی‌های اوخنگ ما را تا میان آید همی
ای بخارا شاد باش و دیر زیشاه نزدت میهمان آید همی
مهر ماهست و بخار آسمانماه سوی آسمان آید همی
مهر سروست و بخارا بوستانسرو سوی بوستان آید همی
دسته‌بندی نوشته‌های پراکنده کلید‌واژه طراحی وبسئونمایش شعر در وبشعر فارسیفونت فارسی وبتجربه کاربریراست‌چینCSS شعرقالب شعرویراویر
رقص میان دو هیچ: تراژدی آگاهی در یک چشم بر هم زدن کیهانیرقص میان دو هیچ: تراژدی آگاهی در یک چشم بر هم زدن کیهانیسه‌شنبه 11 آذر 1404مروری عمیق بر نظریه‌های پایان جهان؛ از انفجار بزرگ تا انقباض بزرگ، سناریوها، شواهد و پیامدهای فلسفی و علمی برای درک سرنوشت کیهان.
ارزش عملارزش عملنویسنده را گر ستون عمل بیفتد، نبرد طناب امل
دور، نزدیکدور، نزدیکدل نوشته‌ای کوتاه از دور و نزدیک دنیای پیرامون ما
جاذبه‌های گردشگری ایرانجاذبه‌های گردشگری ایرانسه‌شنبه 21 بهمن 1399گردشگری در ایران را از کجا شروع کنیم؟
One Night, Angel of Death, touched me so nicelyOne Night, Angel of Death, touched me so nicelyچهارشنبه 19 ارديبهشت 1397
هارمونی زندگیهارمونی زندگیيكشنبه 8 شهريور 1394آگاهی، گام نهادن و دیدن هارمونی زندگی است. اینجا جایی برای قضاوت کردن نیست. نیکبختی در پذیرش مسئولیت انتخاب‌هایمان است. مسیری که خود برگزیده‌ایم.
چکیده‌ای از تاریخ ایران باستانچکیده‌ای از تاریخ ایران باستانسه‌شنبه 2 مرداد 1380نخستین سرزمین و كشور نیكی كه من - اهوره‌مزدا - آفریدم، ایران‌ویچ بود
آورِ فرناسآورِ فرناسشنبه 1 ارديبهشت 1380در این‌ داستان‌ که‌ در فضای‌ باستانی‌ ایران‌ رخ‌ می‌دهد، گوناگونی‌ راه‌های‌ نیک‌بختی‌ و بشرگونه‌زیستن‌ بیان‌ می‌گردد، در حالی‌ که‌ بر محور قرار نگرفتن‌ چگونگی‌ طی‌ طریق‌ در برابر دستیابی‌ به‌ مطلوب‌ تأکید شده‌ است‌.
دیوانِ دیودیوانِ دیوسه‌شنبه 7 مهر 1377پژوهشی کوتاه درباره دیو
رود هرازرود هرازدوشنبه 25 ارديبهشت 1374داستان هراز روایت رودخانه‌ای است که از دامنه‌های دماوند تا دریای خزر می‌پیچد و همواره راهنمای کاروان‌ها، بستر حیات و شاهد تاریخ و فرهنگ منطقه مازندران بوده است در طول مسیر، پلور، گزنك، رینه و آمل و آثار تاریخی‌ای مانند سه‌طاق و قلعهٔ ملک بهمن را در بر می‌گیرد و طبیعت جنگل‌ها، چشمه‌ها و دشت‌هایش زندگی و افسانه‌ها را به هم پیوند زده است.