مراحل حذف انفعال از لینک های متنی و مسائل مربوط به آگاهی از
به طور پیش فرض، محتوای متنی که به HTML متصل است با استفاده از عنصر یا «لنگر» با زیر خطی طراحی شده است. اغلب، طراحان وب تصمیم می گیرند این قالب بندی پیش فرض را حذف کنند با حذف خط زیرین.
بسیاری از طراحان به دنبال ظاهر متن تحت تأثیر نیستند، مخصوصا در بلوک های متراکم از محتوای با تعداد زیادی لینک. همه این واژه های تحت تأثیر واقعا می توانند جریان خواندن یک سند را شکست دهند. بسیاری معتقدند که آنهایی که برجسته هستند در واقع باعث می شود کلمات سخت تر به تمایز و خواندن به سرعت به دلیل راه است که با توجه به تغییر فرم های طبیعی.
با این وجود، مزایای قانونی برای حفظ این تأکید در لینک های متنی وجود دارد. به عنوان مثال، هنگامی که شما از طریق بلوک های بزرگ متن مرور می کنید، لینک های زیر با همراه کنتراست رنگ مناسب، خوانندگان را برای بلافاصله یک صفحه را اسکن و ببینید کدام لینک چیست. اگر شما به مقالات طراحی وب در اینجا در About.com نگاه کنید، و همچنین مقالات دیگر در سایت، این ظاهر از لینکهای زیر را در جای خود ببینید.
اگر تصمیم بگیرید لینک ها را از متن حذف کنید (یک فرایند ساده که مدت کوتاهی آن را پوشش می دهیم)، مطمئن شوید که روش هایی را برای سبک این متن پیدا کرده اید تا بتوانید آنچه را که از متن ساده است لینک کنید. این اغلب با این کنتراست رنگی مطابقت دارد، اما رنگ به تنهایی می تواند مشکلی برای بازدیدکنندگان با اختلالات بینایی مانند کور رنگی باشد. بسته به نوع خاصی از کوررنگی، کنتراست ممکن است به طور کامل بر روی آنها گم شود و مانع تفاوت بین متن متصل و غیر مرتبط شود. به همین دلیل است که متن تحت تأیید هنوز بهترین روش نمایش لینک است.
پس اگر شما هنوز هم میخواهید این کار را انجام دهید، چگونه یک خط زیر را خاموش کنید؟ از آنجا که این ویژگی ویژوالی ما مربوط می شود، ما به بخشی از وب سایت ما تبدیل خواهیم شد که همه چیز بصری - CSS را مدیریت می کند.
از Cascading Style Sheets برای غیرفعال کردن لینکها استفاده کنید
در اغلب موارد، شما نمیخواهید فقط یک پیوند متنی را برجسته کنید. در عوض، سبک طراحی شما به احتمال زیاد شما را مجبور به حذف زیر خطوط از تمام لینک ها می کند. این کار را با اضافه کردن سبک به ورق سبک خارجی خود انجام دهید.
{{متن-دکوراسیون: هیچ؛ }خودشه! این یک خط ساده از CSS خط زیر را خاموش می کند (که در واقع از ویژگی CSS برای «دکوراسیون متن» استفاده می کند) در تمام لینک ها.
شما همچنین می توانید با این سبک بیشتر مشخص کنید. به عنوان مثال، اگر شما فقط می خواستید خط زیر را بنویسید یا لینک ها را درون عنصر "nav" خاموش کنید، می توانید نوشتن کنید:
nav a {text-decoration: none؛ }در حال حاضر، پیوندهای متنی در صفحه، به طور پیش فرض تحت تأثیر قرار می گیرند، اما کسانی که در نوک آن را حذف می کنند.
یکی از دلایلی که بسیاری از طراحان وب تصمیم می گیرند این است که لینک را به سمت «روی» برگردانند، زمانی که فرد بر روی متن حرکت می کند. این کار با استفاده از کلاس pseudo-class hover CSS انجام می شود، مانند این:
{{متن-دکوراسیون: هیچ؛ } a: hover {text-decoration: underline؛ }با استفاده از Inline CSS
به عنوان یک جایگزین برای ایجاد تغییر در یک شیوه بیرونی، می توانید سبک ها را به طور مستقیم به عنصر خود در HTML اضافه کنید، مانند این:
این لینک دارای خط زیر نیستمشکل این روش این است که اطلاعات سبک را درون ساختار HTML خود قرار می دهد، که بهترین عمل نیست. سبک (CSS) و ساختار (HTML) باید جداگانه نگه داشته شوند.
اگر شما تمام لینکهای متن سایت را حذف کردید، افزودن این اطلاعات سبک به هر لینک به صورت جداگانه به معنی یک مقدار عادلانه از نشانه گذاری اضافی به کد سایت شما است. این صفحه نفخ می تواند زمان بارگذاری سایت را کند کند و مدیریت کل صفحه بسیار چالش برانگیز است. به این دلایل، بهتر است همیشه به یک ورق سبک خارجی برای تمام نیازهای یکپارچه صفحه تبدیل شوید.
در آستانه نزدیک شدن
همانطور که آسان است به حذف زیر خط از لینک های متن وب صفحه، شما همچنین باید از عواقب انجام این کار را در نظر داشته باشید. در حالی که ممکن است واقعا یک صفحه را تمیز کند، ممکن است این کار را با هزینه استفاده کلی انجام دهد. دفعه بعد که در حال تغییر یک ویژگی "text-decoration" صفحه هستید، این را در نظر بگیرید.
مقاله اصلی جنیفر کریینین. ویرایش شده در 19/19/16 توسط جرمی گیرارد