در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<mark> آشنا ميشويم. اين تگ براي برجسته کردن يا هايلايت کردن متن مهم در صفحه استفاده
ميشود و معمولاً براي تاکيد يا جلب توجه کاربران کاربرد دارد.
تگ mark در HTML چيست؟
تگ <mark> متن داخل آن را به صورت برجسته يا هايلايت نمايش ميدهد.
اين تگ بيشتر براي مشخص کردن محتواي مهم يا جستجو شده کاربرد دارد و خوانايي متن را افزايش ميدهد.
مثال ساده از تگ mark
<p>
اين يک متن ساده است و کلمه
<mark>مهم</mark> در آن برجسته شده است.
</p>
در اين مثال، کلمه «مهم» با تگ <mark> هايلايت شده و معمولاً با رنگ زرد پيشفرض مرورگر
نمايش داده ميشود.
ويژگيهاي مهم تگ mark
| ويژگي | توضيح |
|---|---|
| class / id | اعمال استايل CSS يا شناسه يکتا براي ارجاع |
| style | اعمال استايل مستقيم روي متن |
مثال با استايل CSS
<style>
mark {
background-color: #ffeb3b;
color: black;
padding: 0 2px;
border-radius: 2px;
}
</style>
<p>
اين يک متن ساده است و کلمه
<mark>مهم</mark> در آن برجسته شده است.
</p>نکات مهم درباره mark
- تگ
<mark>تنها براي برجسته کردن متن استفاده ميشود و معناي محتوايي خاصي ندارد. - ميتوان با CSS رنگ پيشفرض هايلايت را تغيير داد.
- به خوانايي متن و جلب توجه کاربران کمک ميکند، مخصوصاً در متنهاي طولاني يا جستجو شده.
براي يادگيري کامل نحوه مديريت متن و هايلايتها در صفحات وب، پيشنهاد ميکنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ map در HTML
آموزش بعدي: تگ marquee در HTML
دیدگاه و پرسش