معرفی صفات های عمومی در HTML بخش اول

آموزش طراحی سایت - صفت هاي عمومي در HTML
آموزش طراحي سايت با اچ تي ام الHTML

صفت id در html چیست ؟ چگونه برای تگ های html کلاس تعریف کنیم ؟ تفاوت صفت id و class در چیست ؟ صفت dir در html چیست ؟  برای نوشتن متن از سمت راست به چپ در html چیکار کنیم ؟  اگر به دنبال یافتن پاسخ این سوالات هستید این مقاله آموزشی را از دست ندهید.

پادکست های علی اسماعیلی در میزفا

آموزش صفت dir ، class ، id و lang

در جلسه گذشته به معرفی صفت ها در HTML پرداختیم در این جلسه قصد داریم شما را با صفت های عمومی در HTML آشنا نماییم .

همانطور که در جلسه گذشته توضیح دادیم صفت های عمومی در بین تگ های HTML مشترک هستند و در همه تگ ها کار یکسانی را انجام می دهند حال می خواهیم به معرفی تعدادی از این صفات در HTML بپرداریم.

صفات عمومی در HTML :

  • صفت id :

    با استفاده از این صفت می توانیم یک شناسه ی منحصر به فرد به تگ های اچ تی ام ال نسبت دهیم توجه داشته باشید که این شناسه به هیچ عنوان نباید تکراری باشد یعنی دو عنصر مختلف نباید id یکسانی داشته باشند به مثال زیر توجه کنید :

<p id='p این یک پاراگراف است <' 1 </p>
  • صفت class :

    با استفاده از این صفت می‌توانیم کلاسی که به زبان سی اس اس (CSS) نوشته شده است را به یک یا چند تگ HTML نسبت دهیم در مثال زیر مقدار صفت class برای تگ p  را برابر با مقدار red قرار داده ایم .

<p class='red'> این یک پاراگراف است </p>
  • صفت dir :

    این صفت جهت یک پاراگراف را کنترل می کند صفت dir دارای دو مقدار rtl و ltr است.

  • rtl : مقدار rtl جهت یک عنصر را ار راست به چپ می‌کند.
  • ltr : مقدار ltr جهت یک عنصر را از چپ به راست می‌کند.
<p dir='rtl'> این پاراگراف راست چین است. </p>
  • صفت lang :

    با استفاده از این صفت می توانیم زبان یک عنصر یا المان را مشخص نماییم این صفت یک کلمه دو حرفی را به عنوان مقدار می پذیرد این مقدار برای زبان فارسی fa و برای زبان انگلیسی en می‌باشد. توجه داشته باشید که موتورهای جست و جو با استفاده از این صفت می توانند زبان استفاده شده در سایت را متوجه شوند.

<html lang='fa'>
<p lang='en'>English Paragraph</p>
</html>
[box type=”note” class=”” width=”100%”]

توجه :

  • مقدار صفت dir به صورت پیش فرض (ltr) یعنی از چپ به راست است. پس در صورتی که شما جهت یک پاراگراف را با استفاده از این صفت تعیین نکنید پاراگراف به صورت پیش فرض چپ چین می‌شود.
  • برای استایل دهی عناصر و تگ های HTML از زبان CSS استفاده می‌شود .

[/box]

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

خاصیت dir چه کاری را انجام می‌دهد و چگونه می‌توانیم زبان وب سایت را مشخص نماییم؟

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه گیری

خب به پایان این جلسه آموزشی رسیدیم در جلسه آینده به معرفی مابقی صفات عمومی در HTML می‌پردازیم.

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

16 نظر

16 پاسخ

  1. سلام
    صفت dir جهت متن را تعیین می کند و مقدار پیش فرض آن ltr است
    با استفاده از صفت lang می توانیم زبان وبسایت را مشخص کنیم

  2. سلام شما گفتید fa برای فارسی هست و enبرای انگلیسی
    و این که یک سوال برای من پیش اومد اینکه utf8چیه پس

    1. سلام
      وقت بخیر، حروف فارسی یا کلا تمام حروف موجود در دنیا باید برای سیستم ها یعنی کامپیوترها قابل تعریف باشن و باید به صورت ۰ یا ۱ در بیاد به عبارت دیگه باید کدگذاری بشن تا کامپیوتر متوجه بشه. تو زبان فارسی و خیلی از زبان های دیگه با utf8 این کار صورت میگیره.

  3. 1-صفت dir برای جهت دادن به عناصر html می باشد که می تواند دو مقدارltr وrtl رو بپذیرد.
    2- برای اینکه زبان سایت را مشخص کنیم از صفت عمومیlang استفاده می کنیم . که بصورت پیش فرض lane=”en” است

  4. سلام خسته نباشید واقعا دمتون گرم من HTML و CSS رو دارم از سایت شما پیگیری میکنم واقعا به زبان ساده ای همه چی رو توضیح دادید خیلی ممنونم

    اینم نوشتم که لااقل یه روحیه ای باشه نگید کارمون کشکی کشکی بود(:

    1. سلام محمدحسین.
      کارت درسته
      مرسی از حضورت و نظری که دادی. قطعا بازخورد شما روحیه ما رو بالا میبره.

  5. از صفت dir برای راست چین کردن (rtl) و یا چپ چین کردن عناصر استفاده می شود. و برای مشخص کردن زبان سایت باید از صفت lang برای تگ html و یا هر تگ دیگری که قراره درون آن متن قرار بگیره استفاده کرد.

    1. سلام محمد درست گفتی ، ممنون جایزت رو به زودی برات شارژ میکنیم.

  6. صفت dir جهت یک عنصر رو تعریف میکنه که دوتا مقدار داره یکی ltr ینی مثل زبان انگلیسی از چپ به راست و اون یکی هم rtl مثل زبان فارسی که از راست به چپ میشه!
    و زبان وبسایت هم کافیه به تگ آغازین? صفت lang=”” رو بدیم و بعدش مقدارشو بین اینا “” بنویسیم مثلا!

    واقعا مرسی من خیلی خوب با این سایت ارتباط برقرار میکنم!! عالیه مطالب فقط اگه اشتب بود دیگه ببخشید

    1. سلام فرهان، خوشحالیم که ارتباط خوبی با وب سایت برقرار کردی.
      درست نوشتی و جایزه‌ات را به زودی دریافت می‌کنی.

  7. صفت dir (فکر کنم مخفف direction) برای چپ نوشت یا راست نوشت بودن متن
    و صفت lang (مخفف language) برای اعمال زبان های مختلف

    1. سلام علی، آفرین دقیقا مخفف ها رو هم درست گفتی. جایزه‌ات را به زودی میگیری.

  8. صفت جهت یک پاراگراف را کنترل می کند
    با نوشتن faیاenو…در صفت lang داخل تگ html

  9. پاسخ سوال :
    dir کنترل جهت پاراگراف
    با استفاده از صفت lang

    1. سلام، ممنون محمد عزیز و به زودی هدیه پاسخ درستت برات در حساب میزفا آکادمی شارژ میشه.

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

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=