اچ تی ام ال (HTML)برنامه نویسیطراحی سایتفرانت اند (Front-end)

تگ html چیست؟ | همه چیز در مورد تگ html

تگ html چیست؟ | آموزش تگ html
تگ html چیست؟ | آموزش تگ html

در بحث های گذشته به معرفی زبان برنامه نویسی HTML و ضرورت یادگیری آن و سپس به معرفی اعلان DOCTYPE پرداختیم. در این قسمت به معرفی و آموزش کامل تگ html که به نوعی والد کل و ریشه (root) یک صفحه اچ تی ام ال است، می پردازیم. پس بار دیگر با آموزش HTML5 از بلاگ ویتکس همراه شوید …

معرفی تگ html

در یک توضیح ساده می توان گفت که تگ html به مرورگرهای وب می گوید که صفحه ای (سندی) که با آن مواجه شده اند، یک صفحه (سند) html است. این تگ به نوعی ریشه یک صفحه وب می باشد. یعنی اینکه تمامی عناصر و اِلمان های یک صفحه وب (به جز اعلان DOCTYPE) فرزند آن هستند و درون آن قرار می گیرند.

محل قرارگیری تگ html دقیقاً پس از اعلان DOCTYPE می باشد.

این تگ با تگِ بازِ <html> شروع و با تگِ بستهِ ی <html/> پایان می یابد و ساختار دستوری آن به صورت زیر است :

 

مثال اول : صفحه HTML5 با محتوای فارسی

کد زیر یک مثال از صفحه ای است که محتوای آن فارسی بوده و با HTML5 طراحی شده است. به کد زیر و توضیحاتی که در ادامه خواهیم داد توجه فرمایید :

نمایش خروجی!

صفت lang

صفت lang و مقدار آن به زبان اصلی صفحه وب شما اشاره دارند :

در کد فوق مقدار “fa” برای صفحه ایست که محتوای آن به زبان فارسی (ایران) است.

پس برای وب سایتی با محتوای انگلیسی ، مقدار صفت lang می بایست برابر با “en” باشد.

 

صفت dir

صفت dir با دو مقدار رایج rtl (راست به چپ) و ltr (چپ به راست)، برای تعیین جهت نوشته های یک صفحه وب به کار می رود.

از آنجایی که زبان فارسی به صورت راست به چپ (Right To Left) و زبان انگلیسی به صورت چپ به راست (Left To Right) نوشته و خوانده می شوند، برای وب های فارسی از “dir=”rtl و برای وب های انگلیسی از “dir=”ltr می بایستی استفاده کنید.

همچنین صفت dir در زبان سی اس اس به صورت زیر قابل پیاده سازی است :

 

مثال دوم : صفحه HTML5 با محتوای انگلیسی

نمایش خروجی!

در دو مثال فوق، برای کل صفحه وب یک زبان و جهت مشخص تعریف نمودیم که بر تمامی عناصر داخلی خود حاکم است (زیرا تگ html به جز اعلان DOCTYPE والد  و نگه دارنده تمامی اِلمان های HTML است).

پرسش : چگونه dir (یا direction) یک وب سایتِ فارسی زبان را که شامل جملات بلند انگلیسی نیز می باشد، تشخیص دهیم؟
چون وب سایت ما فارسی زبان است، قطعا باید “dir=”rtl استفاده نماییم! زیرا تمرکز ما روی کلیّت زبان یک وب سایت است. حال اگر قصد قراردادن محتوای ltr را در صفحه وب فارسی خود داشته باشیم، کافیست که به تگ مربوطه صفت “dir=”ltr یا استایل ;direction: ltr را بدهیم.

 

مثال سوم : استفاده از جملات انگلیسی در یک صفحه فارسی زبان توسط HTML5

نمایش خروجی!

همان طور که در مثال بالا مشاهده کردید، چون صفحه ما فارسی زبان است، به تگ html، صفت “dir=”rtl اضافه می کنیم. از طرفی نیز چون محتوای تگ p یک متن انگلیسی است، به آن صفت “dir=”ltr می افزاییم.

 

استایل پیشفرض CSS

به صورت پیشفرض، مرورگرهای وب تگ html را با استایل CSS زیر نمایش می دهند :

 

مرورگرهای سازگار با تگ html

این دستور در تمامی نسخه های مرورگرهای مطرح قابل پشتیبانی است :

پلتفرم
مرورگر گوگل کروم مایکروسافت اج فایرفاکس اینترنت اکسپلورر اپرا سافاری وب ویو اندروید گوگل کروم اندروید فایرفاکس اندروید اپرا اندروید سافاری iOS سامسونگ اینترنت سامسونگ اینترنت
نسخه ۱۲+

امیدواریم از این مقاله نهایت بهره را برده باشید …

درباره نویسنده

محمد جاودانی

کارشناس مهندسی نرم افزار، برنامه نویس حوزه پایتون و جاوااسکریپت و علاقه مند به تولید محتوا

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا