آموزش تگ del در HTML

آموزش تگ del در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ del
در HTML به صورت کامل آشنا بشید.
تگ del در HTML
تگ del
از کلمه Delete گرفته شده است. میتوانید آن را روی کیبورد خود نیز مشاهده کنید. همان طور که میدانید و از نام آن مشخص است. از آن میتوانیم برای حذف یک سری المان ها هم استفاده کنیم. اگر محتوایی را در داخل این تگ قرار دهیم. آن را به عنوان یک محتوای حذف شده مشخص می نماییم. از نظر مرورگر ها اگر محتوایی را داخل این تگ قرار دهیم. به این معنی هستند که این محتوا یا متن از این صفحه حذف شده است. و هیچ گونه ارزشی برای مرورگر ها ندارد.
چند مثال برای تگ del در HTML
در ادامه دوره آموزشی HTML CSS پروژه محور به دو تا از مثال های این تگ میپردازیم که شما عزییزان درک بهتری از این تگ داشته باشید و بتوانید بهتر از این تگ استفاده کنید.
مثال آول : استفاده از تگ del
به شکل عادی یعنی بدون استایل دهی و استفاده از کد های CSS
<body> <p>Salam Khobi? Man Milad Hastam Na <del>Reza</del></p> </body>
مثال دوم : استایل دهی به تگ del
با استفاده از کد های CSS
del{ background-color:#d94112; padding:3px 5px; color:#fff; border-radius:4px; }
راستی اگر دنبال آموزش html css پروژه محور در تبریز هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید
پشتیبانی مرورگرها از تگ del
در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ del
در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
جدول صفات تگ del در HTML
جدول زیر به شما کمک میکند تا صفات تگ del
را به همراه مقادیری را که میتوانیم در این تگ استفاده کنیم را مشاهده نماییدم.
پشتیبانی تگ del از صفات و رویدادهای عمومی
تگ del
قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.
نکات و توضیحات
- اگر قصد دارید که از نظر اصول سئو وبسایت خودتان را بهینه کنید. محتوایی که خواستار حذف آن هستید را داخل تگ
del
و اگر خواستار خط کشیدن زیر آن هستید از تگ ins استفاده نمایید.
دستورات پیش فرض CSS
اغلب مرورگرها تگ del
را به شکل کد های CSS همچون دستورات زیر نمایش میدهند. شما عزیزان نیز میتوانید بدون هیچ گونه تغییری از این کد ها استفاده کنید.
del { text-decoration: line-through; }
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید