این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ del در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ del در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Del در HTML
تگ del که از کلمه Delete گرفته شده و از اسمشم کاملا مشخصه برای چیه! با استفاده از این تگ میتونیم یک محتوا ( هرچی که داخلش قرار بگیره ) رو به عنوان یک محتوای حذف شده مشخص نماییم.
یعنی من میگم آقا این متن / محتوا از این صفحه حذف شده ،و این برای مرورگرها و موتورهای جستجوگر به این معنی می باشد که محتوای مورد نظر حذف شده است. ( دیگه اصلا ارزش محتوایی نداره )
Free-Learn
مثال از تگ del در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ del بصورت عادی ( بدون استایل )
|
1 2 3 4 5 |
<body> <p>Salam Khobi? Man Sadegh Hastam Na <del>Reza</del></p> </body> |
مثال شماره ۲ : استایل دادن به تگ del با استفاده از CSS
|
1 2 3 4 5 6 7 8 9 10 |
<style> del{ background-color:#d94112; padding:3px 5px; color:#fff; border-radius:4px; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ del در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ del در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| cite | URL | آدرس URL یک صفحه که مثلا دلیل حذف اون متن رو توضیح داده باشه |
| datetime | YYYY-MM-DDThh:mm:ssTZD | مشخص کردن تاریخ و زمان حذف شدن محتوای مورد نظر
سال-ماه-روز-Tساعت:دقیقه:ثانیهTZD (منطقه زمانی) |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ del از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- برای بهینه بودن وبسایت تان از نظر سئو ، اگر محتوایی را میخواهید حذف کنید از تگ del و اگر میخواهید زیر یک محتوا خط بکشید از تگ ins استفاده نمایید.
- اگر میخواهید یک متن را بولد یا پُررنگ کنید ( بهمراه ارزش محتوایی بالا ) از تگ strong استفاده نمایید و اگر میخواهید بروی محتوایی تاکید داشته باشید از تگ em استفاده نمایید.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ del را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
del { text-decoration: line-through; } |
