آموزش HTML : تأکید و اهمیت
مقاله قبلی به بررسی اهمیت معناشناسی در HTML پرداخت و بر روی عنوانها و پاراگرافها تمرکز کرد. این مقاله با موضوع معناشناسی ادامه مییابد و به عناصر HTML که تأکید و اهمیت را به متن اعمال میکنند (به موازات متنهای ایتالیک و بولد در رسانههای چاپی) میپردازد.
در زبان انسان، ما اغلب برای تغییر معنای جمله، بر کلمات خاصی تأکید میکنیم و اغلب میخواهیم کلمات خاصی را به نوعی مهم یا متفاوت علامتگذاری کنیم. HTML عناصر معنایی مختلفی را ارائه میدهد تا به ما امکان دهد محتوای متنی را با چنین جلوههایی علامتگذاری کنیم و در این بخش، به چند مورد از رایجترین آنها خواهیم پرداخت.
وقتی میخواهیم در زبان گفتاری تأکید بیشتری داشته باشیم، روی کلمات خاصی تأکید میکنیم و به طور نامحسوسی معنای آنچه میگوییم را تغییر میدهیم. به طور مشابه، در زبان نوشتاری نیز تمایل داریم با کج کردن کلمات، آنها را تأکید کنیم.
در HTML ما از عنصر (تاکید) برای علامتگذاری چنین مواردی استفاده میکنیم. این موارد علاوه بر اینکه خواندن سند را جذابتر میکنند، توسط صفحهخوانها نیز تشخیص داده میشوند و میتوانند طوری پیکربندی شوند که آنها را با لحن متفاوتی بیان کنند. مرورگرها به طور پیشفرض این را به صورت ایتالیک (italic) نمایش میدهند، اما شما نباید صرفاً از این تگ برای نمایش ایتالیک استفاده کنید. برای انجام این کار، از یک عنصر و مقداری CSS یا شاید یک عنصر استفاده کنید (به زیر مراجعه کنید).
برای تأکید بر کلمات مهم، ما معمولاً در زبان گفتاری آنها را با تأکید و در زبان نوشتاری با حروف برجسته (bold) مشخص میکنیم. برای مثال:
در HTML ما از عنصر (اهمیت قوی) برای علامتگذاری چنین مواردی استفاده میکنیم. این موارد علاوه بر اینکه سند را مفیدتر میکنند، توسط صفحهخوانها نیز تشخیص داده میشوند و میتوانند طوری پیکربندی شوند که آنها را با لحن متفاوتی بیان کنند. مرورگرها به طور پیشفرض این متن را به صورت متن پررنگ (bold) نمایش میدهند، اما شما نباید صرفاً از این تگ برای نمایش پررنگ استفاده کنید. برای انجام این کار، از یک عنصر و مقداری CSS یا شاید یک عنصر استفاده کنید (به پایین مراجعه کنید).
در صورت تمایل میتوانید strong و accent را درون یکدیگر قرار دهید:
ایتالیک، بولد، زیرخطدار…
عناصری که تاکنون مورد بحث قرار دادهایم، معانی مرتبط و واضحی دارند. وضعیت ، و تا حدودی پیچیدهتر است. آنها به این دلیل به وجود آمدند که افراد بتوانند متن را به صورت پررنگ، کج یا زیرخطدار بنویسند، در دورانی که CSS هنوز به خوبی پشتیبانی نمیشد یا اصلاً پشتیبانی نمیشد. عناصری مانند این، که فقط بر نمایش تأثیر میگذارند و نه بر معناشناسی، به عنوان عناصر نمایشی شناخته میشوند و دیگر نباید مورد استفاده قرار گیرند، زیرا همانطور که قبلاً دیدهایم، معناشناسی برای دسترسیپذیری، سئو و غیره بسیار مهم است.
HTML5 با نقشهای معنایی جدید و تا حدودی گیجکننده، عناصر ، و را از نو تعریف کرد.
بهترین قانونی که میتوانید به خاطر بسپارید این است: استفاده از فقط برای انتقال معنایی که به طور سنتی با حروف ضخیم، کج یا زیرخط منتقل میشود، زمانی مناسب است که عنصر مناسبتری وجود نداشته باشد؛ و معمولاً وجود دارد. در نظر بگیرید که آیا ممکن است مناسبتر باشند.
همیشه طرز فکر دسترسیپذیری را در نظر داشته باشید. مفهوم ایتالیک برای افرادی که از صفحهخوانها استفاده میکنند یا افرادی که از سیستم نوشتاری غیر از الفبای لاتین استفاده میکنند، خیلی مفید نیست.
از برای انتقال معنایی استفاده میشود که بهطور سنتی با ایتالیک منتقل میشد: کلمات خارجی، نامهای طبقهبندی، اصطلاحات فنی، یک فکر...
برای انتقال معنایی استفاده میشود که به طور سنتی با حروف پررنگ منتقل میشد: کلمات کلیدی، نام محصولات، جمله آغازین و ...
برای رساندن معنایی که به طور سنتی با زیرخط منتقل میشد، استفاده میشود: نام خاص، غلط املایی...
مردم به شدت زیرخطدار کردن را با هایپرلینکها مرتبط میدانند. بنابراین، در وب، بهتر است فقط زیرلینکها را زیرخطدار کنید. از عنصر زمانی استفاده کنید که از نظر معنایی مناسب باشد، اما استفاده از CSS را برای تغییر زیرخط پیشفرض به چیزی مناسبتر در وب در نظر بگیرید. مثال زیر نحوه انجام این کار را نشان میدهد.
