آشنایی با خصوصیات متفرقه در HTML
سلام! امروز می‌خواهیم درباره خصوصیات متفرقه در HTML بگوییم. شاید شما هم وقتی به HTML نگاه می‌کنید، با عباراتی مواجه شده باشید که کمی برایتان گنگ باشد. این خصوصیات می‌توانند قدرت بیشتری به صفحات وب شما بدهند و امکانات متنوعی را فراهم کنند. در واقع این خصوصیات می‌توانند عملکردهای خاصی را به عناصر HTML اضافه کنند، بنابراین درک آنها بسیار مهم است.
اولاً، خصوصیات متفرقه شامل چندین خصوصیت هستند که در بعضی از تگ‌ها قابل استفاده‌اند و به ما اجازه می‌دهند تا داده‌های خاصی را به عناصر HTML اضافه کنیم. مثلاً خصوصیتی به نام dir وجود دارد که برای تعیین جهت متن (چپ به راست یا راست به چپ) استفاده می‌شود. این مسئله در وب‌سایت‌های چند زبانه اهمیت زیادی دارد.
دوماً، خصوصیات دیگری مثل lang نیز وجود دارند که برای تعیین زبان محتوای یک عنصر استفاده می‌شوند. تعیین زبان باعث می‌شود که مرورگرها بتوانند به درستی از محتوای ما سوء‌تفاهم نکنند و همچنین به کمک ابزارهای خواندن متن، مشکلاتی ایجاد نشود.
در نهایت، باید به این نکته توجه کنیم که استفاده بهینه از این خصوصیات نه تنها تجربه کاربری را بهبود می‌بخشد، بلکه به سئو نیز کمک می‌کند. زیرا موتورهای جستجو با تشخیص زبان و جهت متن در صفحات می‌توانند به درستی محتوا را ایندکس کنند.
نمونه کد
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>ویژگی‌های خاص HTML</title>
</head>
<body>
<h1>سلام به دنیای HTML!</h1>
<p>این یک متن آزمایشی است.</p>
</body>
</html>
توضیحات خط به خط کد
کد HTML ابتدایی
<!DOCTYPE html>این خط نشان می‌دهد که ما از HTML5 استفاده می‌کنیم.
<html lang="fa" dir="rtl">به مرورگر می‌گوید که زبان این صفحه فارسی است و جهت متن از راست به چپ است.
<head>قسمت هد کد HTML که اطلاعات متا را در خود جای می‌دهد.
<meta charset="UTF-8">تعیین کدگذاری کاراکترها به عنوان UTF-8 برای پشتیبانی از زبان‌های مختلف.
<title>ویژگی‌های خاص HTML</title>عنوان صفحه که در تب مرورگر نمایش داده می‌شود.
</head>بستن قسمت هد.
<body>قسمت بدنه که محتوای اصلی صفحه وب را در آن قرار می‌دهیم.
<h1>سلام به دنیای HTML!</h1>عنوان اصلی صفحه که به کاربر خوشامد می‌گوید.
<p>این یک متن آزمایشی است.</p>متن ساده‌ای که به عنوان مثال در بدنه قرار داده شده است.
</body>بستن قسمت بدنه.
</html>بستن تگ HTML.