صفت alt صفت width صفت height صفت dir و چند پروژه با این صفت ها

 

صفت alt

صفت های dir صفت alt صفت width صفت height و صفت border

در این جلسه ی آموزش به شما چند تا از پرکاربرد ترین صفت ها را مانند صفت alt صفت dir و… را آموزش می دهم.

نوشتن توضیح

فرض بگیرید که شما کد یک صفحه ی html را نوشته اید و بعد از چند ماه قصد دارید دوباره با این کد کار کنید.

حتما فراموش می کنید که بعضی از کد ها را به چه دلیلی نوشته اید چرا این کد را اینجا قرار داده اید و…

برای اینکه راحت تر موارد بالا را بفهمید می توانید برای کد های خود توضیح بنویسید.

توضیح در واقع مواردی است که مرورگر ها آنها را نادیده می گیرند و نمایش نمی دهند.

اما ما چگونه توضیحات را بنویسیم که نمایش داده نشوند؟

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

خروجی :

hello

همانطور که مشاهده می کنید مواردی که مابین

نوشته شود در صفحات نمایش داده نمی شوند.

صفت dir

این صفت برای تعیین نحوه ی چینش پدیده های درون یک صفحه ی وب به کار می رود.(منظور همان راست چین،چپ چین یا وسط چین است)

این صفت بیشتر مواقع، درون تگ html قرار می گیرد و سه مقدار:

rtl: راست چین

ltr: چپ چین

auto: وسط چین

به مثال های زیر توجه کنید.

خرجی کد بال به این صورت است که تمامی پدیده های موجود در صفحه به صورت راست چین در می آیند.

همچنین خروجی کد پایین به این گونه است که تمامی پدیده های موجود در صفحه ی وب، چپ چین می شوند.

توضیح ساده ای در مورد seo و کاربرد صفت alt

اگر در زمینه ساخت سایت و… کار می کنید، حتما اسم seo به گوشتان خورده است.

seo در واقع به معنای بهینه سازی سایت برای موتور های جست است.

یعنی اینکه راه را برای ربات ها یا خزنده هایی که موتور های جست و جو می فرستند صاف و هموار کنیم.

وقتی که شما در مورد با مبحثی در گوگل سرچ می کنید، سایت هایی به شما نمایش داده می شوند.

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

برای بهینه سازی سایت برای موتور های جست و جو بیشتر از متا تگ ها که در جسات بعدی توضیح می دهیم استفاده می شود.

ولی موارد دیگری هم نظیر مجهز بودن تگ img به صفت alt هستند که باعث بهتر شدن سئو سایت می شوند.

در ادامه شما می توانید با صفت alt کار کنید و اولین قدم بهینه سازی صفحات خود را برای موتور های جست و جو انجام دهید.

صفت alt

متنی که درون این صفت نوشته می شود، زمانی نمایش داده می شود که برای تصویری که به آن آدرس داده اید مشکلی پیش آید. برای اینکه بهتر این موارد را درک کنید به مثال زیر با دقت توجه کنید.

نحوه ی قرار گرفتن صفت dir در کد ها

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

تعیین کردن طول و عرض عکس ها.

علاوه بر صفت alt صفت های دیگری هم هستند که برای انواع تگ ها مورد استفاده قرار می گیرند.

این صفت ها، صفت های width و صفت height نام دارند.

همانطور که از نامشان پیداست width برای طول پدیده ی مورد نظر، مورد استفاده قرار می گیرد و height هم برای مشخص کردن ارتفاع.

شما می توانید به راحتی و با استفاده از دو صفت height و width هر عنصری را با هر اندازه ای که می خواهید ظاهر کنید.

خودتان خروجی بگیرید.

و اندازه های عکس های خود را تعیین کنید.

صفت border

 صفت border یک حاشیه به رنگ سیاه دور تصویر مورد نظرمان ایجاد می کند. و اندازه ی این خط مقداری است که به صورت عددی به این صفت اختصاص می دهید.

به کمک صفت border تصویری که با استفاده از کد بالا خروجی می گیرید به صورتی است که یک حاشیه ی سیاه در اطراف این تصاویر است.

صفت align

ما در مورد با این صفت به صورت کامل در جسله ی دوم آموزش html به زبان ساده صحبت کردیم و شما می توانید به این جلسه مراجعه کنید و این مبحث را بیاموزید.

در کد بالا عکس در سمت راست نمایش داده می شود.

ترکیبی از صفت alt صفت dir صفت width و…

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

توضیح کد بالا:

ما با استفاده از این تگ به مرورگر می گوییم که از جدید ترین نسخه ی زبان html استفاده می کنیم.

با استفاده از این تگ به مرورگر دو مورد را انتقال داده ایم.

  1. ما از زبان html استفاده می کنیم.
  2. محتویات صفحات راست چین شوند.

این تگ بخش اول زبان html است.

با استفاده از تگ title عنوان صفحه را مشخص کرده ایم.

بخش اول زبان html بسته شده است.

بخش دوم زبان html را مشاهده می کنید که باز شده است.

تگ img را مشاهده می کنید که برای قرار دادن تصویر در صفحات وب مورد استفاده قرار می گیرد. و صفت های زیر در آن قرار گرفته اند.

صفت src : آدرس تصویر

صفت align: محل نمایش تصویر

صفت alt: نمایش متنی در صورت در دسترس نبودن تصویر.

صفت Width: مشخص کردن طول صفحه

صفت height: مشخص کردن ارتفاع صحفه ی مورد نظر

دو تگ بالا به ترتیب بسته شده اند.

یک جمله ی انگیزشی!!

آیا می دانستید که بعضی از افراد با خریدن قالب های سایت و افزودن صفت dir به تمامی صفحات قالب ها کسب در آمد می کنند!!

نوشتهٔ قبلی
تگ a در html، قرار دادن تصویر با html، لینک گذاری روی عناصر
نوشتهٔ بعدی
ساخت جدول در html

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

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

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.

فهرست