0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

معرفی attribute های مختلف html

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 1040
تاریخ بروزرسانی ۱۲ مرداد ۱۳۹۸

معرفی attribute های html

معرفی attribute های مختلف html

attribute های html

Html به ما قدرت قرار دادن متن، تصویر، فیلم، لینک دهی، استفاده از استایل دهی css و امکانات فراوان دیگری را با استفاده از تگ هایی که دارای ویژگی های مختلفی هستند می دهد. پس از یادگیری تگ های html لازم است که با attribute های html و ویژگی های تک تک آن ها آشنا شوید.در این بخش از آموزش می خواهم برخی ویژگی ها و attribute های html را آموزش دهیم. با تیم طراحی سایت اصفهان وب یار همراه باشید.

attribute های html چیست؟

تگ های html می تواند ویژگی هایی داشته باشد که توضیحات بیشتری در رابطه با آن تگ بدهد یا حالت و موقعیت آن تگ را در خروجی به ما نشان دهد که به آن Attribute گفته می شود .

در کجا استفاده می شود؟

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

نحوه نمایش attribute های html چگونه است؟

ساختار کلی Attribute به صورت زیر می باشد که در آن name نام ویژگی و value مقدار ویژگی می باشد که باید داخل دابل کوتیشن قرار بگیرد.

“value” Name:

در زیر مثالی برای تگ lang در html5 زده شده که نوع زبان را مشخص می کند. lang مخفف کلمه language می باشد که به معنی زبان می باشد. fa برای مشخص کردن نوع زبان است که در اینجا فارسی می باشد و IR نوع کشور را مشخص کرده که در اینجا ایران است. می بینید که بین این دو کلمه از علامت – استفاده شده که ضروری است.

<!DOCTYPE html>
<html lang=”fa-IR”>
<head>
</head>
<body>
تگ های مورد نظر برای نمایش در صفحه
</body>
</html>

انواع attribute در  html:

به طور کلی html دارای attribute زیادی می باشد که در زیر به توضیح مهمترین آن ها پرداختیم.

Alt : این ویژگی متن جایگزین برای تصاویر مشخص می کند که اگر عکس مشاهده نشد این متن به جای آن نمایش داده شود.
Style : این ویژگی برای استایل دهی به وسیله css می باشد
Href: این گزینه برای آدرس دادن لینک ها استفاده می شود این که پس از کلیک بر روی لینک به کجا برود.
Src : برای آدرس دادن به تصاویر و چندرسانه ها استفاده می شود مثلا در تک img بعد از این کلمه src را نوشته و بعد مکان فایل مورد نظر را وارد می کنیم.
Title : هنگامی که این گزینه تعریف شود پس از رفتن روی قسمت مورد نظر متن نوشته شده در title به ما نشان داده می شود.
Value: مشخص می کند چه مقداری برای ورود در قسمت input باشد.
Id: برای مشخص کردن نامی شخصی برای یک تگ که به وسیله آن در css به آن استایل می دهیم.
Class: برای مشخص کردن نامی برای یک سری از تگ ها که می خواهیم به صورت گروهی در css به آن ها استایل بدهیم.
Disabled: این گزینه المان ورود input را غیر فعال می کند.
Placeholder: این ویژگی برای نوشته به صورت کمرنگ در inbox می باشد که اگر کاربر متنی وارد کند دیگر نمایش داده نمی شود.
Width: عرض عنصر را مشخص میکند.
Height: طول عنصر را مشخص می کند.
lang: مشخص کننده زبان می باشد مانند مثال بالا.
Translate: مشخص کننده ترجه شدن یا نشدن آن عنصر می باشد که با مقدار yes یا no مشخص می شود.
Hidden: این ویژگی برای مخفی کردن عناصر به کار میرود.
Contenteditable: این ویژگی مشخص می کند که محتوای عناصر تغییر کند یا خیر.
Contextmenu: با راست کلیک بر روی عناصر این منو ظاهر می شود درصورتی که در قسمت id این گزینه مشخص شود.
Data: برای ذخیره ی داده های سفارشی و خصوصی در صفحه یا برنامه استفاده می شود.
Spellcheck: برای اینکه مشخص کنیم دستور زبان بررسی شود یا خیر از این ویژگی استفاده می شود.
Tabindex: ترتیب تب بندی ها را مشخص می کند.
Checked: مشخص می کند که در حالت پیشفرض این گزینه انتخاب شده باشد یا خیر.

اگر به طراحی صفحات وب علاقه دارید پایه و اساس همه ی سایت ها زبان html است که باید با همه ی تگ ها و attribute آشنا باشید برای اطلاع بیشتر و یادگیری کامل طراحی سایت می توانید در کلاس آموزشی طراحی سایت اصفهان شرکت کنید همچنین می توانید در اینستاگرام وب یار همراه ما باشید.

مطالب مرتبط
آموزش طراحی سایت ریسپانسیو
مطالعه :

طراحی سایت ریسپانسیو مفهوم طراحی سایت Responsive یا طراحی سایت ریسپانسیو با توجه به اینکه امروزه فناوری اطلاعات و اینترنت بخش بزرگی از زندگی روزمره را در برگرفته است و می بایست طیف گسترده ی دستگاه هایی که با استفاده از آنها می توان به اینترنت دسترسی داشت را در نظر گرفت، مطرح گردید. بنابراین انعطاف پذیری سایت، یا طراحی سایت Responsive یکی از مهمترین شاخص های یک طراحی سایت با کیفیت است. و البته عامل پیشرفت کسب و کار اینترنتی می گردد. در این مقاله قصد داریم بهتر و دقیق تر به این موضوع بپردازیم.   طراحی سایت واکنش گرا (Responsive) چیست؟ طراحی سایت ریسپانسیو یا واکنش گرا (Responsive) به سایتی گفته می شود که با توجه به دستگاهی که کاربر برای مشاهده سایت استفاده می‌کند واکنش نشان می‌دهد. بنابراین سایت واکنش گرا (Responsive) بدین معنا است که اگر با تبلت، گوشی یا هر وسیله دیگر با هر اندازه که باشد به یک سایت واکنش گرا مراجعه کنید، طول و عرض سایت هم اندازه با دستگاه شما خواهد شد. در ادامه به اهمیت طراحی سایت واکنش گرا می پردازیم. اهمیت طراحی سایت واکنش گرا(Responsive) یک طراحی سایت Responsive می تواند بسیار به رشد و کیفیت سایت شما کمک کند. باتوجه به آمارهای اخیر بسیاری از کاربران متصل به اینترنت از گوشی یا تبلت خود استفاده می‌کنند، که ایران از […]

وبلاگ چیست ؟
مطالعه :

در این مقاله قصد داریم به بررسی وبلاگ و تاریخچه ایجاد آن بپردازیم. اگر هنوز تفاوت وب سایت و وبلاگ را نمیدانید و یا دوست دارید وبلاگ نویس شوید پیشنهاد می کنم تا پایان با ما همراه باشید. وبلاگ       اصطلاح وبلاگ (weblog) در سال 1997 توسط جورن بارگر ابداع شد که به معنای ثبت وقایع روزانه می باشد. وبلاگ ، وب سایتی شامل مجموعه ای از مطالب است که به ترتیب زمانی معکوس مرتب شده اند و اغلب با اطلاعات جدید در مورد موضوعات خاص به طور مرتب به روز می شوند. به طور کلی ، وبلاگ ها به یک یا چند موضوع یا مضمون اختصاص داده می شوند ، که معمولاً مورد توجه موضوعی قرار می گیرند.وبلاگ که به بلاگ یا وب‌نوشت نیز معروف است می تواند شامل یادداشت های شخصی ، اخبار ، مقالات علمی و موضوعاتی از این قبیل باشد. به کسی که محتوای وبلاگ را مینویسد بلاگر (blogger) یا وبلاگ نویس می گویند. جالب است بدانید اولین وب نوشت در ایران به سال ۱۳۸۰ برمی‌گردد. سلمان جریری اولین محتوا وبلاگ خود را در ۱۶ شهریور ۱۳۸۰ نوشت و پس از آن وبلاگ نویسی تا امروز ادامه دارد. در واقع می توان از او به عنوان اولین وبلاگ نویس ایرانی یاد کرد. تفاوت وبلاگ و وب سایت چیست ؟ وبلاگ را می‌توان نوعی وبسایت […]

شرکت طراحی سایت
مطالعه :

اگر پس از مدتی کلنجار رفتن با خود درباره ی داشتن یا نداشتن وب سایت به این نتیجه رسیده اید که با توجه به شرایط امروزی، کسب و کار شما به وب سایت نیاز دارد و اکنون به دنبال شرکت طراحی سایت هستید پیشنهاد می کنم ادامه ی این مقاله را از دست ندهید.   داشتن یا نداشتن وب سایت ؟ مساله این است! شاید 10 سال پیش کسب و کار سنتی رونق خوبی داشت اما امروزه که بیشتر مردم با تلفن های همراه خود زندگی می کنند و اینترنت را جزیی از الزامات زندگی روزمره می دانند نمی توان از اثرات کسب و کار آنلاین و مجازی چشم پوشی کرد. امروزه تنها با یک جستجو ساده در گوگل و کلیک بر روی گزینه خرید سایت افرادی کسب درآمد می کنند. چرا شما جزو این دسته از افراد نباشید؟ فارغ از مساله ی رشد و گسترش اینترنت ، داشتن وب سایت مزایای دیگری نیز دارد . زمانی که شما وب سایت دارید یعنی در هرروز هفته و هر ساعتی در دسترس هستید و می توانید به کسب درآمد بپردازید. داشتن وب سایت شما را محدود به محل زندگی خود نمی کند و شما می توانید حتی از شهرهای دیگر نیز مشتری داشته باشید. کدام شرکت طراحی سایت را انتخاب کنم؟ با یک جستجو ساده در گوگل شما با انبوهی از […]

کسب و کار اینترنتی با وب یار
مطالعه :

در دنیای امروزی که تنها با یک جستجو ساده در گوگل هزاران منبع و اطلاعات یافت می شود داشتن وب سایت برای هر کسب و کاری ضروری است. داشتن وب سایت شما را از محدودیت های زمان و مکان دور کرده و می تواند باعث رشد و پیشرفت شغلی تان شود. از طرفی با شیوع ویروس کرونا در جهان و از رونق افتادن کسب و کارها ، کسب و کار اینترنتی همچنان پابرجا بوده و حتی رونق بیشتری پیدا کردند. اگر مشغول مطالعه این مقاله هستید و تاکنون به داشتن وب سایت فکر نکرده اید نگران نباشید ! ما شما را به یک مشاوره رایگان تلفنی دعوت می کنیم تا بهتر بتوانید تصمیم بگیرید.   محتوا پادشاه است ! فرض می کنیم شما صاحب یک وب سایت هستید و قبلا تمام این مراحل را پشت سر گذاشته اید. حالا سوال اینجاست آیا صرف داشتن یک وب سایت می تواند باعث پیشرفت کسب و کار شود؟ البته که پاسح منفی است. وب سایت بدون محتوا مانند ظرفی بدون غذا است. شاید شنیده باشید که می گویند محتوا پادشاه است پس نباید قلمرویی این پادشاه را فراموش کرد. محتوا بهترین پل ارتباطی بین سایت شما و مخاطبان است. اگر محتوایی جذاب و کاربردی داشته باشید کاربران مدت بیشتری را در سایت شما گذرانده و حتی ممکن است به مشتریان ثابت شما تبدیل […]

بهبود ساختار سایت
مطالعه :

بسیاری از وب‌سایت‌ها ساختار گمراه‌کننده‌ای دارند. لینک دادن محتوا‌ها به یکدیگر از هیچ قاعده و قانونی تبعیت نمی‌کند، کاربر را گیج و سردرگم و به مسیر اشتباهی راهنمایی می‌کند. این می‌تواند برای سئوی سایت شما بسیار بد باشد. امروز شما را با استراتژی بهبود ساختار وب‌سایت آشنا می‌کنیم تا بتوانید جایگاه سایت‌تان را در موتورهای جستجو ارتقا دهید. و از طریق آن بتوانیم به افزایش درآمدتان کمک کنیم. با ما همراه باشید. مسیر کاربر(User Flow) مسیر کاربر و ساختار وب‌سایت ارتباط تنگاتنگی دارند. ساختار وب سایت شما مانند نقشه‌ی معماری یک ساختمان است.این ساختار یک طرح کلی از چگونگی پیوند دادن پست‌ها و صفحات سایت‌تان برای شما فرآهم می‌آورد. با استفاده از مفهومی معروف به خوشه‌بندی محتوا می‌توان دید که چگونه ساختار وب‌سایت ‎تان روی سئوی آن موثر است. در ادامه درباره خوشه‌بندی محتوا توضیح خواهیم داد. از طرف دیگر مسیر کاربر مربوط به نحوه و چگونگی جابجایی کاربران در سایت‌تان است و یکی از عوامل مهم و تأثیرگذار روی سئو است. ساختار وب‌سایت سهم بزرگی در این مهم دارد. از دیگر عوامل مؤثر،می‌توان به کیفیت محتواها و لینک‌های‌تان اشاره کرد. بهترین ابزار برای تجزیه و تحلیل سایت قبل از اعمال هر گونه تغییر اساسی در ساختار وب‌سایت‌ تان باید نحوه استفاده کاربران از سایت‌تان را بررسی کنید. دو برنامه‌ی کاربردی و معروف وجود دارد که می‌توانید برای این کار […]

طراحی سایت حرفه ای
مطالعه : 15 دقیقه

طراحی سایت اصفهان |طراحی سایت حرفه ای | سئو تضمینی سایت تیم طراحی سایت و سئو سایت وب یار به آدرس https://www.webyar.net ، بامجوز رسمی از نظام کامپیوتر کشور و دارای نماد اعتماد و نماد ساماندهی و با ۱۶ سال دانش تخصصی در زمینه طراحی وب سایت ,سئوسایت در گوگل و امنیت سرور

دیدگاه ها

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

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