با استفاده از CSS Text-Align برای توجیه متن
یکی از ویژگی های تایپوگرافی وب سایت که شما می توانید در طول یک توسعه سایت تنظیم کنید، این است که چگونه متن سایت توجیه می شود. به طور پیش فرض، متن وب سایت توجیه شده است و این است که چگونه بسیاری از سایت ها متن خود را ترک کنند. تنها گزینه های دیگر حق توجیه است، که هیچ کس در وب سایت ها استفاده نمی کند، زیرا متن را اساسا غیرممکن می کند برای خواندن در اینترنت و یا چیزی که به طور کامل توجیه شده است.
متن توجیهی یک متن متنی است که در سمت چپ و راست سمت چپ قرار دارد، به عنوان مخالف فقط با یکی از این دو طرف (که همان چیزی است که "سمت چپ" و "حق" را توجیه می کند). اثر دوگانه موجه با تنظیم فضای کلمه و حرف در هر خط از متن انجام می شود تا اطمینان حاصل شود که هر خط یکسان است. این اثر توجیه کامل است . متن را در CSS توجیه می کنید با استفاده از ویژگی text-align .
چگونه موثر است؟
دلیل اینکه شما اغلب یک لبه ناهموار در سمت راست یک بلوک متن را مشاهده می کنید این است که هر خط متن یکسان نیست. برخی خطوط دارای کلمات بیشتر یا کلمات بلندتر هستند در حالی که برخی کلمات کمتر یا کوتاهتر هستند. برای توجیه این بلوک متن، فضاهای اضافی باید به برخی از خطوط اضافه شوند تا همه خطوط را پاک کنند و آنها را سازگار سازد.
هر سازنده وب دارای الگوریتم خاص خود برای اعمال فضاهای اضافی در یک خط است. مرورگرها به طول کلمه، خط تا خط و دیگر عوامل نگاه می کنند تا تعیین کنند که کجا فضا را قرار دهند.
در نتیجه، متن توجیهی ممکن است از یک مرورگر به بعد یکسان نباشد. این خوب است چرا که هیچ بازدید کننده سایت از یک مرورگر به سمت دیگر پرش نخواهد کرد فقط برای مقایسه طول خط های سایت شما! با این حال، مطمئن باشید که پشتیبانی بزرگ مرورگر برای توجیه متن با CSS مفید است.
نحوه توجیه متن
توجیه متن با CSS نیازمند یک بخش از متن برای توجیه است.
به طور معمول، این کار به پاراگراف متن انجام می شود از آنجا که بلوک های بزرگ متن متن که شامل چند خط می شوند با تگ های پاراگراف مشخص می شوند.
پس از اینکه یک بلوک متن برای توجیه داشته باشید، این فقط یک موضوع است که سبک را با محتویات متن سبک CSS توجیه می کند.
متن-align: توجیه؛
شما میبایست این قانون CSS را به یک انتخاب مناسب برای اعمال بلوک متن برای ارائه به عنوان در نظر بگیرید.
هنگامی که متن توجیه می شود
بسیاری از مردم به نظر می رسد که متن توافق شده از دیدگاه طراحی، عمدتا به این دلیل است که یک نگاه بسیار سازگار و اندازه گیری ایجاد می کند، اما به طور کامل توجیه متن در یک صفحه وب وجود دارد.
اولا متن قابل توجیه می تواند به سختی بخواند. این به این دلیل است که وقتی شما متن را توجیه می کنید، گاهی اوقات می تواند فضای اضافی بین برخی از کلمات در خط اضافه شود. این شکاف های متناقض می تواند متن را برای خواندن سخت تر کند. این به ویژه در صفحات وب اهمیت دارد، که می تواند به دلیل روشنایی، رزولوشن و یا کیفیت دیگر سخت افزاری دشوار باشد. اضافه کردن فضاهای غیر معمول به متن می تواند وضعیت بد بدتر شود.
علاوه بر مسائل قابل خواندن، فضاهای خالی گاهی اوقات با همدیگر ترکیب می شوند تا "رودخانه ها" فضای سفید را در وسط متن ایجاد کنند.
این شکاف های بزرگ فضای سفید واقعا می تواند یک صفحه نمایش بی دست و پا ایجاد کند. علاوه بر این، در خطوط بسیار کوتاه، توجیه می تواند خطوطی را ایجاد کند که حاوی یک کلمه با فاصله های اضافی بین حروف خود باشند.
پس چه وقت باید از توجیه متن استفاده کنید؟ بهترین زمان برای توجیه متن زمانی رخ می دهد که خطوط طولانی هستند و اندازه فونت کوچک است (چیزی که سخت است در وبسایت های پاسخگو که طول خط ها براساس اندازه صفحه تغییر می کند اطمینان حاصل شود). شماره طول سخت و سریع برای طول خط یا اندازه متن وجود ندارد؛ شما باید از بهترین قضاوت خود استفاده کنید.
پس از اعمال متن سبک متن برای توجیه متن، آن را تست کنید تا مطمئن شوید که متن رودخانه های فضای سفید ندارد و مطمئن شوید که آن را در اندازه های مختلف آزمایش کنید.
ساده ترین راه برای انجام این کار این است که آن را با چشمان کشیده شده مشاهده کنید. رودخانه ها به عنوان بلوک های سفید در یک جعبه خاکستری به رنگ خاکستری به نظر می رسد. اگر رودخانه ها را می بینید، باید به اندازه متن یا عرض بلوک متن تغییر دهید تا از این رودخانه های ناخوشایند خلاص شوید.
پس از مقایسه آن با متن چپ گرا که در این مقاله دیده شده است، توجیه استفاده کنید. شما مانند یک توافق کامل توجیه می کنید، اما استاندارد متضاد متن توجیه شده معمولا قابل خواندن است. در نهایت، شما باید متن را توجیه کنید زیرا شما انتخاب کردید متن را برای اهداف طراحی توجیه کنید و تأیید کنید که سایت شما برای خواندن آسان است.