محتوا
خط زنی در HTML قبلاً به منزله پیوستن متن بین برچسب های u> / u> بود ، اما از آن زمان این روش به نفع CSS همه کاره منسوخ شده است. زیر خط زدن در صفحات وب به طور کلی یک روش ناخوشایند برای تأکید بر بخش خاصی از متن در نظر گرفته می شود. زیرا متن زیرخط دار به راحتی با پیوند اشتباه گرفته می شود.
گام برداشتن
روش 1 از 2: روش فعلی
از ویژگی تزئین متن به سبک CSS خود استفاده کنید. استفاده از برچسب u> دیگر راهی مناسب برای خط کشی متن نیست. در عوض ، از ویژگی CSS "text-decoration" استفاده می کنیم. - این کار تغییر کد را آسان می کند ، در صورت غیرقابل استفاده بودن کد قدیمی مجبور به تغییر چیزی در مورد کد قبلی نیست.
وقتی می خواهید قسمت خاصی از متن را زیر خط بکشید ، از برچسب span> استفاده کنید. برچسب شروع را به همراه ویژگی "تزئین متن" در جایی که می خواهید زیر خط شروع شود قرار دهید. برچسب / دهانه انتهایی را قرار دهید> جایی که زیرخط باید متوقف شود. span style = "text-decoration: underline؛"> این مورد خط کشیده خواهد شد. / span>
عناصر HTML را به سبک> بخشی از صفحه خود اعلام کنید. همچنین می توانید این کار را در شیوه نامه CSS انجام دهید. با مرتبط کردن یک سبک با یک عنصر HTML ، زیر خط زدن بسیار ساده تر می شود. به عنوان مثال ، برای زیر خط کشیدن همه عناوین سطح 3 ، سبک CSS زیر را اضافه کنید: html> head> style> h3 {text-decoration: underline؛ } / style> / head> body> h3> این عنوان زیرخط دار است / h3> / body> / html>
یک کلاس CSS ایجاد کنید تا در هر زمان به سرعت زیر خط بکشید. می توانید کلاسهایی را در سبک یا سبک خود ایجاد کنید تا بعداً فراخوانی شوند. کلاس می تواند هر اسمی را که می خواهید داشته باشد. html> head> style> .underline {text-decoration: underline؛ } / style> / head> body> می توانید با استفاده از این کلاس به سرعت زیر div> / div> را از قسمتهای مختلف div> از محتوای خود / div> / body> / html زیر خط بزنید
روشهای دیگر تأکید بر متن را در نظر بگیرید. برای جلوگیری از سردرگمی خواننده باید از زیر خط زدن خودداری شود. یک روش محبوب استفاده از برچسب em> است که متن را به صورت کج تبدیل می کند. برای تعیین بیشتر این برچسب ، می توانید از CSS استفاده کنید ، تا یک روش منحصر به فرد برای تأکید داشته باشید. html> head> style> em {color: red؛ } / style> / head> body> همه چیزهای موجود در عنصر em به حالت <italic (به دلیل تنظیمات پیش فرض) و red / em> به دلیل سبک اضافه شده در بالا تبدیل می شوند. / body> / html>
روش 2 از 2: روش منسوخ شده
از استفاده از برچسب های قدیمی u> / u> خودداری کنید. اینها "دلسرد" هستند ، یعنی هنوز هم م stillثر است ، اما دیگر استفاده یا توصیه نمی شود. به این دلیل که HTML در اصل به عنوان یک زبان نشانه گذاری طراحی نشده است. برچسب u> همچنان کار خواهد کرد ، اما اکنون برای نشان دادن متنی است که با متن دیگر متفاوت است ، مانند کلمه غلط املایی یا اسامی خاص چینی. 
برای زیر خط زدن از برچسب u> / u> استفاده کنید (فقط برای اهداف تصویرسازی). به هیچ عنوان نباید از این روش دوباره استفاده کنید. در صورت نیاز به به روزرسانی یک وب سایت قدیمی بهتر است بدانید که چگونه از آن استفاده شده است. html> body> با برچسب قدیمی u> در HTML می توانید به سرعت چیزهایی / u> را خط بکشید ، اما وقتی دیگر عناصر سبک استفاده می شود ، همه چیز به سرعت کثیف می شود. به همین دلیل است که ما اکنون "عناصر تزئینی متن" را با عنصر CSS زیر خط می کشیم. / body> / html>
نکات
- تقریباً همیشه برای تأکید بر روی یک صفحه وب راهی بهتر از زیر خط زدن وجود دارد. این می تواند برای خوانندگان بسیار گیج کننده باشد. متن خود را با CSS زیباتر کنید تا به خوبی جلوه کند.
