گاهی هنگام ویرایش محتوای یک صفحه HTML لازم است بخش‌هایی از متن را حذف کنیم، اما نمی‌خواهیم آن قسمت برای همیشه ناپدید شود. در چنین شرایطی استفاده از تگ del در HTML بهترین گزینه است. این تگ به مرورگر و موتور جستجو اعلام می‌کند که بخش مشخصی از متن، حذف‌شده یا منسوخ است؛ نه اینکه صرفاً از نظر ظاهری خط‌خورده باشد. شناخت دقیق این تگ به توسعه‌دهندگان کمک می‌کند نسخه‌های ویرایش‌شده محتوا را به‌صورت استاندارد و قابل‌ردیابی نمایش دهند. در ادامه یاد می‌گیریم چطور از تگ del به شکل درست، کاربردی و سئویی استفاده کنیم.
گاهی هنگام ویرایش محتوای یک صفحه HTML لازم است بخش‌هایی از متن را حذف کنیم، اما نمی‌خواهیم آن قسمت برای همیشه ناپدید شود. در چنین شرایطی، تگ del به ما اجازه می‌دهد حذف واقعی محتوا را از یک خط‌زدن صرفاً ظاهری متمایز کنیم.
اگر هنوز با نقش عناصر و ساختار کلی یک سند وب آشنا نیستید، ابتدا راهنمای HTML چیست را بخوانید.
تگ del در HTML چیست؟
تگ del برای مشخص کردن محتوایی استفاده می‌شود که از یک نسخه از سند حذف شده است. نمایش خط‌خورده فقط ظاهر پیش‌فرض این عنصر است؛ معنای اصلی آن ثبت یک تغییر محتوایی است.
اگر می‌خواهید جایگاه del را در کنار ins، s و سایر عناصر متن‌محور ببینید، مرجع تگ‌های HTML را بررسی کنید.
این تگ اغلب در کنار تگ ins استفاده می‌شود. در چنین حالتی، del بخش حذف‌شده را مشخص می‌کند و ins بخش اضافه‌شده را نشان می‌دهد. این ترکیب به‌ویژه در سیستم‌های ویرایش محتوا، مستندات نسخه‌بندی‌شده و صفحات مقایسه تغییرات کاربرد زیادی دارد.
از نظر استانداردهای وب، تگ del یکی از عناصر Semantic HTML محسوب می‌شود. به همین دلیل ابزارهایی مانند Screen Readerها و موتورهای جستجو می‌توانند تشخیص دهند که متن داخل آن واقعاً حذف شده است، نه اینکه فقط برای زیبایی ظاهری خط‌خورده شده باشد. مستندات رسمی MDN نیز تأکید می‌کند که استفاده از عناصر معنایی باعث درک بهتر ساختار محتوا توسط مرورگرها و ابزارهای دسترس‌پذیری می‌شود.
مثال ساده از تگ del
در ساده‌ترین حالت می‌توانید یک متن حذف‌شده را به شکل زیر مشخص کنید:
<p>قیمت قبلی محصول: <del>500,000 تومان</del></p>
خروجی این کد معمولاً به‌صورت زیر نمایش داده می‌شود:
قیمت قبلی محصول: 500,000 تومان
در این مثال، استفاده از del نشان می‌دهد که این قیمت دیگر معتبر نیست و در نسخه جدید صفحه حذف شده است.
چه زمانی باید از del استفاده کرد؟
استفاده از این تگ در چند سناریوی رایج منطقی است:
- نمایش قیمت قدیمی محصولات
- نمایش تغییرات در متن یک مقاله یا سند
- ثبت ویرایش‌ها در سیستم‌های مدیریت محتوا
- مقایسه نسخه‌های مختلف یک متن
در این موارد، استفاده از del کمک می‌کند هم کاربران و هم موتورهای جستجو متوجه شوند که یک بخش از محتوا عمداً از نسخه جدید حذف شده است.
تگ del چگونه در HTML استفاده می‌شود؟
تگ del زمانی استفاده می‌شود که بخواهید نشان دهید بخشی از متن در نسخه جدید یک سند حذف شده است. این عنصر معمولاً درون عناصر متنی مانند p، span یا div قرار می‌گیرد و محتوای داخل آن را به‌صورت خط‌خورده نمایش می‌دهد. هدف اصلی استفاده از این تگ انتقال مفهوم حذف واقعی محتوا است، نه صرفاً ایجاد یک افکت ظاهری.
ساختار پایه تگ del
برای استفاده از این عنصر، کافی است متنی که حذف شده را بین تگ باز و بسته del قرار دهید.
<del>متن حذف شده</del>
مرورگرها این متن را معمولاً با یک خط افقی در وسط آن نمایش می‌دهند. این نمایش پیش‌فرض است و در صورت نیاز می‌توان آن را با CSS تغییر داد.
مثال عملی در یک پاراگراف
در مثال زیر، بخشی از متن در نسخه جدید صفحه حذف شده است:
<p>
این محصول قبلاً با قیمت
<del>750,000 تومان</del>
فروخته می‌شد.
</p>
در خروجی صفحه، قیمت قدیمی به‌صورت خط‌خورده نمایش داده می‌شود و کاربر به‌سادگی متوجه می‌شود که این مقدار دیگر معتبر نیست.
استفاده از del در عناصر مختلف
تگ del محدود به یک نوع عنصر خاص نیست و می‌توان آن را در بخش‌های مختلف متن قرار داد. برای مثال:
- داخل پاراگراف‌ها
- داخل لینک‌ها یا span
- در لیست‌ها
- در توضیحات محصولات
مثال در یک لیست:
<ul>
<li>قیمت قدیمی: <del>300,000 تومان</del></li>
<li>قیمت جدید: 250,000 تومان</li>
</ul>
کاربردهای واقعی تگ del
در پروژه‌های واقعی وب، تگ del فقط یک عنصر آموزشی نیست؛ بلکه در سناریوهای عملی متعددی استفاده می‌شود. این تگ زمانی ارزشمند می‌شود که بخواهید تغییرات را شفاف، قابل‌درک و استاندارد نمایش دهید.
بیایید چند کاربرد رایج و حرفه‌ای آن را بررسی کنیم.
۱) نمایش قیمت قدیمی در فروشگاه‌های اینترنتی
یکی از رایج‌ترین کاربردهای del در صفحات فروشگاهی است. وقتی قیمت یک محصول کاهش پیدا می‌کند، قیمت قبلی معمولاً خط‌خورده نمایش داده می‌شود.
<p>
<del>1,200,000 تومان</del>
950,000 تومان
</p>
در این حالت، کاربر بلافاصله متوجه تخفیف می‌شود.
نکته مهم این است که استفاده از del نسبت به CSS ساده، معنای «حذف قیمت قبلی» را به‌صورت دقیق‌تری منتقل می‌کند.
۲) نمایش تغییرات در مستندات یا مقالات
در مستندات فنی، قراردادها یا مقالات نسخه‌بندی‌شده، ممکن است بخشی از متن حذف و بخش جدیدی اضافه شود. در این سناریو ترکیب del و ins بسیار کاربردی است.
مثال:
<p>
نسخه قدیمی: <del>پشتیبانی فقط از نسخه 5</del>
نسخه جدید: <ins>پشتیبانی از نسخه 6 و 7</ins>
</p>
این روش باعث می‌شود خواننده دقیقاً متوجه تغییرات شود، بدون اینکه لازم باشد کل متن را دوباره بررسی کند.
۳) ثبت تاریخچه ویرایش در سیستم‌های مدیریت محتوا
در برخی سیستم‌های ویرایش متن (مانند ابزارهای مقایسه نسخه‌ها)، تغییرات به‌صورت خودکار با del و ins مشخص می‌شوند. این موضوع در همکاری‌های تیمی اهمیت زیادی دارد.
در چنین حالتی، کاربر می‌تواند ببیند چه بخشی حذف شده و چه بخشی جایگزین آن شده است.
۴) اصلاح اطلاعات اشتباه
گاهی لازم است یک اشتباه تایپی یا اطلاعات قدیمی را اصلاح کنید، اما می‌خواهید تغییر برای کاربر شفاف باشد.
مثال:
<p>
تاریخ رویداد: <del>15 اردیبهشت</del> 20 اردیبهشت
</p>
این روش در اطلاعیه‌ها یا صفحات رسمی بسیار کاربردی است.
استفاده ترکیبی del و ins
در بسیاری از مواقع، حذف یک بخش از متن به‌تنهایی کافی نیست و همزمان محتوای جدیدی جایگزین آن می‌شود. در چنین شرایطی، بهترین روش استفاده از ترکیب دو تگ del و ins است. تگ del بخش حذف‌شده را مشخص می‌کند و تگ ins بخش اضافه‌شده را نمایش می‌دهد.
این ترکیب در واقع یک روش استاندارد برای نمایش تغییرات نسخه‌ای (Content Changes) در صفحات وب محسوب می‌شود. بسیاری از سیستم‌های مدیریت محتوا و ابزارهای مقایسه متن نیز از همین ساختار استفاده می‌کنند.
مثال ساده از استفاده همزمان del و ins
در مثال زیر، یک جمله اصلاح شده است:
<p>
نسخه قبلی: <del>این دوره فقط برای مبتدیان مناسب است.</del>
<ins>این دوره برای مبتدیان و کاربران متوسط طراحی شده است.</ins>
</p>
در خروجی صفحه، متن حذف‌شده خط‌خورده نمایش داده می‌شود و متن جدید معمولاً با خط زیرین یا استایل متفاوت دیده می‌شود. این نمایش کمک می‌کند کاربر سریع متوجه تغییرات شود.
کاربرد در اصلاح قیمت
یکی از کاربردهای رایج ترکیب این دو تگ در صفحات فروشگاهی است.
<p>
قیمت محصول:
<del>850,000 تومان</del>
<ins>690,000 تومان</ins>
</p>
در این حالت، کاربر دقیقاً می‌بیند که قیمت قبلی حذف شده و قیمت جدید جایگزین آن شده است.
چرا استفاده از این ترکیب مهم است؟
استفاده همزمان از del و ins چند مزیت مهم دارد:
- تغییرات محتوا برای کاربران شفاف‌تر می‌شود
- ابزارهای دسترس‌پذیری می‌توانند تغییرات را بهتر تشخیص دهند
- ساختار معنایی صفحه دقیق‌تر منتقل می‌شود
- در مستندات فنی و نسخه‌بندی متن بسیار کاربردی است
بر اساس مستندات HTML در MDN، این دو تگ برای نمایش ویرایش‌های محتوایی در اسناد طراحی شده‌اند و استفاده از آن‌ها باعث می‌شود ساختار تغییرات برای مرورگرها و ابزارهای پردازش متن قابل تشخیص باشد.
ویژگی‌ها (Attributes) در تگ del
دو ویژگی اختصاصی مهم در کار با del، ویژگی‌های cite و datetime هستند. cite می‌تواند به منبع یا توضیحات مربوط به تغییر اشاره کند و datetime زمان تغییر را به‌شکل ماشین‌خوان ثبت می‌کند.
برای بررسی این دو ویژگی در کنار سایر Attributeها و عناصر پشتیبانی‌شده، مرجع اتریبیوت‌های HTML را ببینید.
ویژگی datetime در تگ del
ویژگی datetime مشخص می‌کند حذف محتوا دقیقاً چه زمانی اتفاق افتاده است. این مقدار باید با فرمت تاریخ استاندارد (ISO 8601) نوشته شود.
<del datetime="2026-05-05">نسخه قدیمی متن</del>
این ویژگی به ابزارهای پردازش محتوا و سیستم‌های نسخه‌بندی کمک می‌کند زمان تغییر را تشخیص دهند. در پروژه‌هایی که تاریخچه تغییرات اهمیت دارد، استفاده از datetime توصیه می‌شود.
ویژگی cite در تگ del
ویژگی cite برای مشخص کردن منبع یا دلیل حذف محتوا استفاده می‌شود. معمولاً یک URL در آن قرار می‌گیرد که به سند یا توضیح مرتبط اشاره دارد.
<del cite="https://example.com/update-details">
متن حذف‌شده
</del>
این ویژگی به‌ویژه در مستندات رسمی یا تغییرات قراردادی کاربرد دارد؛ جایی که لازم است مشخص شود حذف محتوا بر چه اساسی انجام شده است.
ترکیب cite و datetime
می‌توان هر دو ویژگی را همزمان استفاده کرد:
<del datetime="2026-05-05"
cite="https://example.com/version-history">
نسخه قدیمی توضیحات
</del>
در این حالت، هم زمان حذف مشخص است و هم منبع تغییر.
آیا استفاده از این ویژگی‌ها الزامی است؟
خیر، این Attributes اجباری نیستند. اما در پروژه‌های حرفه‌ای و مستندات رسمی، استفاده از آن‌ها ساختار معنایی قوی‌تری ایجاد می‌کند. موتورهای جستجو و ابزارهای تحلیل محتوا می‌توانند بهتر متوجه روند تغییرات شوند.
اگر فقط یک قیمت ساده را خط می‌زنید، احتمالاً نیازی به cite ندارید. اما اگر در حال مستندسازی تغییرات نسخه‌ای هستید، استفاده از این ویژگی‌ها ارزشمند است.
تفاوت تگ del با s و strike چیست؟
در HTML چند روش مختلف برای نمایش متن خط‌خورده وجود دارد. علاوه بر تگ del، عناصر s و strike نیز چنین ظاهری ایجاد می‌کنند. با این حال، تفاوت اصلی آن‌ها در معنای معنایی (Semantic Meaning) و وضعیت استاندارد بودن در HTML است.
تگ del
تگ del برای نشان دادن حذف واقعی محتوا از یک سند استفاده می‌شود. این عنصر معنایی است و به مرورگرها، موتورهای جستجو و ابزارهای دسترس‌پذیری اطلاع می‌دهد که متن داخل آن عمداً حذف شده است.
مثال:
<p>قیمت قبلی: <del>700,000 تومان</del></p>
در اینجا مشخص است که قیمت قبلی دیگر معتبر نیست و از نسخه جدید صفحه حذف شده است.
تگ s
تگ s نیز متن را خط‌خورده نمایش می‌دهد، اما هدف آن نشان دادن اطلاعاتی است که دیگر دقیق یا معتبر نیستند. این تگ معمولاً زمانی استفاده می‌شود که متن همچنان در سند وجود دارد، اما باید مشخص شود که دیگر درست نیست.
مثال:
<p>این محصول <s>در انبار موجود است</s> ناموجود شده است.</p>
در این حالت متن حذف نشده؛ فقط اعلام شده که اطلاعات قبلی دیگر معتبر نیست.
تگ strike
تگ strike متعلق به روش‌های قدیمی HTML برای نمایش متن خط‌خورده است و برای کدنویسی جدید نباید از آن استفاده شود. انتخاب جایگزین نیز فقط به ظاهر بستگی ندارد: اگر متن واقعاً در یک ویرایش حذف شده است del مناسب‌تر است و اگر محتوا صرفاً دیگر معتبر یا مرتبط نیست، s معنای متفاوتی دارد.
برای بررسی strike و سایر عناصر قدیمی به همراه جایگزین‌های امروزی آن‌ها، تگ‌های منسوخ‌شده HTML را ببینید.
<strike>متن قدیمی</strike>
در پروژه‌های جدید بهتر است به‌جای آن از del یا s استفاده شود.
مقایسه سریع این سه تگ
- del ← نشان‌دهنده حذف واقعی محتوا
- s ← نشان‌دهنده اطلاعاتی که دیگر معتبر نیستند
- strike ← تگ قدیمی و منسوخ
به همین دلیل، اگر هدف شما نمایش تغییرات واقعی در متن است، استفاده از del بهترین انتخاب محسوب می‌شود. این تگ نه‌تنها ظاهر خط‌خورده ایجاد می‌کند، بلکه معنای حذف را نیز به‌درستی منتقل می‌کند.
اشتباهات رایج در استفاده از تگ del
با وجود سادگی تگ del، در بسیاری از صفحات وب از آن به شکل نادرست استفاده می‌شود. این اشتباهات معمولاً زمانی رخ می‌دهد که توسعه‌دهنده فقط به ظاهر خط‌خورده توجه می‌کند و نقش معنایی این عنصر را نادیده می‌گیرد. آشنایی با این خطاها کمک می‌کند ساختار HTML صفحه استانداردتر و قابل‌درک‌تر باشد.
استفاده از del فقط برای ایجاد ظاهر خط‌خورده
یکی از رایج‌ترین اشتباهات این است که از del صرفاً برای ایجاد افکت خط‌خورده استفاده شود، در حالی که هیچ محتوایی واقعاً حذف نشده است.
مثال نادرست:
<p><del>متن تزئینی</del></p>
اگر هدف فقط تغییر ظاهر متن باشد، بهتر است از CSS استفاده شود:
text-decoration: line-through;
تگ del زمانی معنا دارد که واقعاً بخشی از محتوا از نسخه جدید سند حذف شده باشد.
استفاده از strike در پروژه‌های جدید
برخی افراد هنوز از تگ strike استفاده می‌کنند. این عنصر در HTML5 منسوخ شده و استفاده از آن در پروژه‌های مدرن توصیه نمی‌شود.
بهتر است به‌جای آن از del یا در برخی موارد s استفاده کنید.
استفاده بیش از حد از del در متن
گاهی در صفحات وب دیده می‌شود که بخش‌های زیادی از متن با del خط‌خورده شده‌اند. این کار می‌تواند خوانایی صفحه را کاهش دهد و تجربه کاربری را ضعیف کند.
استفاده نکردن از اطلاعات تکمیلی در تغییرات مهم
در برخی سناریوها—مثل مستندات رسمی یا تغییر قوانین—بهتر است همراه با del از ویژگی‌هایی مانند datetime استفاده شود تا زمان حذف مشخص باشد. نادیده گرفتن این موضوع ممکن است باعث شود تاریخچه تغییرات به‌درستی ثبت نشود.
قرار دادن ساختارهای پیچیده داخل del
در حالت کلی، بهتر است del برای حذف بخش‌های کوتاه متن استفاده شود. قرار دادن عناصر پیچیده یا بلوکی بزرگ داخل آن می‌تواند ساختار HTML را سخت‌تر و خوانایی کد را کاهش دهد.
شناخت این اشتباهات کمک می‌کند از تگ del دقیقاً در جایی استفاده کنید که واقعاً معنا و ارزش دارد. وقتی این عنصر به شکل درست به‌کار رود، هم خوانایی صفحه بهتر می‌شود و هم ساختار معنایی HTML حفظ خواهد شد.
نکات Semantic و accessibility در تگ del
تگ del فقط یک ابزار ظاهری برای خط‌زدن متن نیست؛ این عنصر نقش مهمی در معناشناسی (Semantic HTML) و دسترس‌پذیری (Accessibility) صفحات وب دارد. وقتی از این تگ به شکل درست استفاده می‌شود، مرورگرها، موتورهای جستجو و ابزارهای کمکی می‌توانند ساختار تغییرات محتوا را بهتر درک کنند.
نقش semantic تگ del در HTML
ارزش اصلی del در معنایی است که به تغییر محتوا می‌دهد. به‌جای انتخاب عنصر بر اساس ظاهر خط‌خورده، باید مشخص کنیم متن واقعاً حذف شده است یا فقط می‌خواهیم ظاهر آن را تغییر دهیم. این اصل بخشی از مفهوم گسترده‌تر HTML معنایی است.
این موضوع چند مزیت دارد:
- ساختار معنایی صفحه واضح‌تر می‌شود
- ابزارهای تحلیل محتوا تغییرات را بهتر تشخیص می‌دهند
- موتورهای جستجو می‌توانند مفهوم حذف یا اصلاح محتوا را درک کنند
بر اساس مستندات MDN Web Docs، عناصر semantic مانند del باعث می‌شوند ساختار محتوا برای سیستم‌های پردازش متن و ابزارهای دسترس‌پذیری قابل‌فهم‌تر باشد.
تأثیر del در دسترس‌پذیری
کاربران نابینا یا کم‌بینا معمولاً از Screen Readerها برای خواندن صفحات وب استفاده می‌کنند. این ابزارها عناصر HTML را تفسیر می‌کنند و سپس آن‌ها را به صوت تبدیل می‌کنند.
وقتی متن داخل تگ del قرار داشته باشد، بسیاری از Screen Readerها اعلام می‌کنند که این بخش از محتوا «حذف شده» است. در نتیجه کاربر متوجه می‌شود که این متن دیگر معتبر نیست یا در نسخه جدید تغییر کرده است.
معنای عنصر و نحوه ارائه تغییرات محتوا برای کاربران فناوری‌های کمکی نیز اهمیت دارد. به همین دلیل، نباید صرفاً به ظاهر خط‌خورده اکتفا کرد و بهتر است ساختار صفحه و تجربه کاربران مختلف را در نظر گرفت.
برای آشنایی عمیق‌تر با این موضوع، راهنمای دسترس‌پذیری وب را بخوانید.
ترکیب del با عناصر semantic دیگر
در بسیاری از صفحات، تگ del همراه با عناصر دیگر استفاده می‌شود تا مفهوم تغییرات دقیق‌تر منتقل شود. رایج‌ترین ترکیب آن با تگ ins است که بخش‌های اضافه‌شده را نشان می‌دهد.
نمونه:
<p>
<del>پشتیبانی از نسخه 5</del>
<ins>پشتیبانی از نسخه 6 و 7</ins>
</p>
در این ساختار، هم حذف و هم اضافه شدن محتوا به‌صورت واضح مشخص می‌شود.
پشتیبانی تگ del در مرورگرهای مختلف
تگ del یکی از عناصر استاندارد HTML است که برای نمایش محتوای حذف‌شده در اسناد وب استفاده می‌شود. این عنصر از مدت‌ها پیش در مشخصات HTML تعریف شده و به همین دلیل در اکثر مرورگرهای مدرن و حتی بسیاری از نسخه‌های قدیمی‌تر نیز پشتیبانی می‌شود. طبق مستندات W3C و منابعی مانند MDN Web Docs، این تگ بخشی از ساختار معنایی HTML محسوب می‌شود و استفاده از آن برای نمایش تغییرات محتوایی توصیه می‌شود.
از نظر سازگاری مرورگرها، داده‌های منابعی مانند CanIUse نشان می‌دهد که del تقریباً در تمام مرورگرهای رایج پشتیبانی کامل دارد. به همین دلیل توسعه‌دهندگان می‌توانند بدون نگرانی از مشکلات Cross‑Browser از آن استفاده کنند.
در جدول زیر وضعیت پشتیبانی این عنصر در مرورگرهای اصلی نشان داده شده است.
پشتیبانی مرورگرها
| مرورگر | وضعیت پشتیبانی |
|---|---|
| Google Chrome | ✅ نسخه 1+ |
| Mozilla Firefox | ✅ نسخه 1+ |
| Safari | ✅ نسخه 1+ |
| Microsoft Edge | ✅ نسخه 12+ |
| Opera | ✅ نسخه 7+ |
آخرین به‌روزرسانی: ۱۴۰۵ | منبع: CanIUse
از آنجا که این تگ یک عنصر ساده و قدیمی در HTML است، تقریباً در تمام مرورگرهای مدرن بدون مشکل کار می‌کند. بنابراین اگر از del برای نمایش متن حذف‌شده استفاده کنید، کاربران در اکثر دستگاه‌ها و مرورگرها نتیجه یکسانی خواهند دید.
نکته مهم این است که مرورگرها به‌طور پیش‌فرض متن داخل این تگ را به‌صورت خط‌خورده نمایش می‌دهند. البته این استایل قابل تغییر با CSS است، اما حتی در صورت تغییر ظاهر، معنای semantic این عنصر همچنان در ساختار HTML باقی می‌ماند.
جمع بندی
تگ del در HTML برای نمایش محتوایی استفاده می‌شود که از یک سند حذف شده است. این عنصر علاوه بر ایجاد خط‌خوردگی روی متن، معنای semantic مشخصی دارد و به مرورگرها، موتورهای جستجو و ابزارهای دسترس‌پذیری نشان می‌دهد که بخشی از محتوا در نسخه جدید حذف شده است.
استفاده صحیح از این تگ به‌ویژه در سناریوهایی مانند اصلاح متن، نمایش تغییر قیمت‌ها، مدیریت نسخه‌های محتوا و مستندسازی تغییرات بسیار مفید است. همچنین در بسیاری از پروژه‌ها، ترکیب del با تگ ins می‌تواند تغییرات یک متن را به شکل واضح و استاندارد نمایش دهد.
در کنار این موارد، ویژگی‌هایی مانند cite و datetime امکان ثبت منبع حذف یا زمان تغییر را فراهم می‌کنند که در پروژه‌های حرفه‌ای و مستندسازی تغییرات اهمیت زیادی دارد. از طرف دیگر، به دلیل پشتیبانی کامل این عنصر در مرورگرهای مختلف، استفاده از آن از نظر سازگاری نیز کاملاً ایمن است.
اگر می‌خواهید استفاده درست از عناصر HTML و Semantic HTML را در یک مسیر منظم یاد بگیرید، دوره جامع HTML می‌تواند قدم بعدی شما باشد.
سوالات متداول
تگ del یک عنصر semantic در HTML است که برای نمایش محتوای حذف‌شده از یک سند استفاده می‌شود. این تگ معمولاً متن را به‌صورت خط‌خورده نشان می‌دهد، اما هدف اصلی آن انتقال معنای «حذف شدن محتوا» به مرورگر، موتور جستجو و ابزارهای دسترس‌پذیری است، نه صرفاً ایجاد ظاهر خط‌خورده.
تگ del حذف واقعی محتوا را از نظر معنایی مشخص می‌کند، در حالی که text-decoration: line-through فقط یک استایل ظاهری با CSS است. اگر هدف شما نشان دادن تغییر یا حذف واقعی در محتواست، del انتخاب درست‌تری است، اما اگر فقط ظاهر خط‌خورده نیاز دارید، CSS کافی است.
برای نمایش تغییرات محتوایی، این مراحل را انجام دهید:
- متن قدیمی را داخل <del> قرار دهید.
- متن جدید را با <ins> مشخص کنید.
- در صورت نیاز از datetime برای ثبت زمان تغییر استفاده کنید.
این روش بهترین راه برای نمایش و مستندسازی تغییرات نسخه‌ای محتواست.
تگ del مستقیماً عامل رتبه‌بندی نیست، اما به دلیل semantic بودن می‌تواند در درک بهتر ساختار محتوا توسط موتورهای جستجو مؤثر باشد. استفاده صحیح از آن باعث شفافیت بیشتر در تغییرات محتوا می‌شود و از دید استانداردهای HTML رفتاری حرفه‌ای محسوب می‌شود.
استفاده از datetime اجباری نیست، اما در پروژه‌های حرفه‌ای توصیه می‌شود. این ویژگی زمان دقیق حذف محتوا را با فرمت استاندارد ISO 8601 ثبت می‌کند و برای مستندسازی، آرشیو محتوا یا سیستم‌های مدیریت نسخه بسیار مفید است.
بله، تگ del می‌تواند شامل عناصر inline دیگر مانند <span>، <strong> یا حتی عناصر ساختاری خاص باشد، اما باید از نظر معنایی منطقی باشد. قرار دادن ساختارهای پیچیده یا عناصر نامرتبط داخل آن توصیه نمی‌شود، زیرا ممکن است خوانایی و ساختار سند را کاهش دهد.