تگ 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

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

مرورگرهای دسکتاپ
Google Chrome Mozilla Firefox Internet Explorer Microsoft Edge Opera Safari Browser
گوگل کروم موزیلا فایرفاکس اینترنت اکسپلورر مایکروسافت اج اپرا سافاری
همه نسخه ها همه نسخه ها همه نسخه ها نسخه ۱۲ و بالاتر همه نسخه ها همه نسخه ها
مرورگرهای موبایل
Google Chrome Mozilla Firefox Opera Safari Browser Samsung Internet Browser
گوگل کروم موزیلا فایرفاکس اپرا سافاری سامسونگ اینترنت
همه نسخه ها همه نسخه ها همه نسخه ها همه نسخه ها همه نسخه ها

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

درباره‌ی محمد جاودانی

همه چیز ازون روز قشنگ شروع شد. 12 سال پیشو میگم که پدر و مادرم یه کامپیوتر برام خریدن. تا حالا شده دیوونه وار عاشق یه چیزی بشی؟ همونطوری عاشق کامپیوترم شده بودم! دنیای کودکی من خلاصه شده بود تو نصب ویندوز XP و آنتی ویروس های مختلف، نصب بازی ، باز و بسته کردن کیس کامپیوتر و خلاصه مهندس بازی درآوردن! هیچ چیز دیگه ای منو جذبم نمی کرد! چند سال گذشت و وقتی 14 سالم شد اولین وبلاگمو ساختم. تو فروم های مختلف بدون داشتن ذره ای دانش از فضای وب، شروع به فعالیت کردم و نزدیک هشت سال پیش اولین وب سایتمو با وردپرس ساختم و بعد یک سال شکست خوردم. از اون روز تا الان پروژه های زیادیو شروع کردم و شکست خوردم که معروف ترینش وب سایت پی سی لند بود ... سمت خیلی از زبونای برنامه نویسی رفتم و وسط راه مسیرمو عوض کردم و دنبال یه چیز جدیدتر رفتم ... خلاصه که بعد از کلی کش و قوس هنوزم به نظرم اول راهم و هر روز بیشتر از روز پیش تلاش می کنم ... محمد جاودانی، دانشجوی کارشناسی مهندسی نرم افزار هستم و در زمینه های توسعه دهندگی فرانت-اند تحت فریمورک React (JavaScript)، توسعه دهندگی بک-اند تحت فریمورک (Python) Django، سئو و تولید محتوا فعالیت دارم و اکنون در قلب "وی"، همراهِ تیم باانگیزه و به روزمون برای پیشرفت بی پایان "ویتکس" تلاش می کنم.

دیدگاه شما

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

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