این آموزش در تاریخ ۱۳۹۸/۱۱/۲۰ آپدیت شده است.
آموزش تگ del در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ del در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Del در HTML
تگ del که از کلمه Delete گرفته شده و همانطور که از اسمش هم مشخصه برای حذف محتوا/متن از یک صفحه ی وب مورد استفاده قرار میگیرد، که معمولا متنی که درون این تگ قرار گرفته می شود بروی آن یک خط کشیده می شود. (این یعنی محتوا حذف شده است)
اینکه با استفاده از این تگ بروی محتوا خط کشیده می شود، برای موتورهای جستجوگر و مرورگرها به این معنی می باشد که محتوای مورد نظر حذف شده است و موتورهای جستجوگر باید به دید یک محتوای حذف شده به آن محتوا نگاه کنند.
Free-Learn
مثال از تگ del در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 5 |
<body> <p>Esm Man Sadegh Ast Na <del>Reza</del>.</p> </body> |
مثال شماره ۲ : سفارشی سازی کردن تگ del با استفاده از CSS
|
1 2 3 4 5 6 7 |
<style> del { background-color:#f2f2f2; padding:5px; color:red; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ del در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ del در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| cite | 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; } |
