در ادامه جلسات آموزشی به معرفی لیست دیگری از تگ های HTML می پردازیم. با ما همراه باشید.
تگ <a>
تگ لینک یا تگ <a> برای ارتباط بین صفحات وب و یا ایجاد لینک در داخل صفحه سایت به کار میرود. این تگ به صورت کلی زیر به کار میرود :
|
1 |
< a Properties ="Value" .... > محتوا </ a > |
نکته ی مهم در استفاده از تگ <a> این است که در بخش محتوا می توان غیر از متن از تصویر و یا المنت های دیگر نیز استفاده نمود.
در تگ <a> مهم ترین خصوصیت href است که نشان می دهد مقصد لینک کجاست.
به طور پیش فرض، لینک ها در مرورگرها به یکی از روش های زیر، ظاهر می شوند:
- لینک مشاهده نشده، زیر خط دار و آبی است.
- لینک بازدید، زیر خط دار و بنفش است.
- لینک فعال، زیر خط دار و به رنگ قرمز است.
مهمترین خصوصیات <a> به صورت زیر می باشد :
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| charset | char_encoding | در HTML5 پشتیبانی نمی شود. مشخص کننده نوع کدینگ کاراکترهای صفحه مقصد است. |
| coords | coordinates | در HTML5 پشتیبانی نمی شود. مختصات یک لینک را مشخص می کند. |
| download | filename | دانلود یک لینک را مشخص می کند. |
| href | URL | ایجاد پیوند یا لینک به سندی دیگر را مشخص می کند. |
| hreflang | language_code | مشخص کننده زبان اصلی وپیش فرض صفحه مقصد پیوند است. |
| media | media_query | لینک رسانه یا دستگاه را مشخص می کند. |
| name | section_name | در HTML5 پشتیبانی نمی شود. ایجاد لینک نامگذاری شده در یک سند را مشخص می کند. (استاندارد HTML5 خصوصیت id را به جای name برای تعیین اسم برای یک محل مشخص پیشنهاد می دهد) |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
نوع ارتباط بین سند رایج و سند لینک شده را مشخص می کند. |
| rev | text | در HTML5 پشتیبانی نمی شود. نوع ارتباط بین سند لینک شده با سند های رایج را مشخص می کند. |
| shape | default rect circle poly |
در HTML5 پشتیبانی نمی شود.
ایجاد shape (شکل) از لینک را مشخص می کند.
|
| target | _blank _parent _self _top framename |
خصوصیت target مشخص می کند که صفحه ی لینک شده چگونه باز شود. |
| type | media_type | نوع media (رسانه) لینک شده به سند را مشخص می کند. |
نکته : اگر ویژگی href تنظیم نشده باشد، هیچ کدام از ویژگی های زیر اثری نخواهند داشت:
- download
- hreflang
- media
- rel
- target
- type
خصوصیت Href
این خصوصیت مهمترین خصوصیت تگ a می باشد که مرورگر پس از کلیک بر روی محتوای لینک به آدرسی که در این خصوصیت قرار داده شده است می رود. بطور مثال :
تگ لینک
خصوصیت target
این شناسه چهارچوب بازشدن لینک را مشخص میکند یعنی لینکی که بر روی آن کلیک شده است در کجا باز شود. بطور مثال :
تگ لینک
تگ button در HTML
تگ <button> یک دکمه قابل کلیک کردن را به وجود می آورد.
تفاوت دکمه ایجاد شده با تگ<button> و دکمه ایجاد شده با تگ <input> در این است که داخل تگ <button> می توان محتوایی شامل متن یا تصویر گذاشت.
نکته: همیشه نوع ویژگی ها (attribute) عنصر را مشخص کنید، زیرا مرورگر های مختلف مقادیر مختلفی را به طور پیش فرض برای عنصر <button> به کار می برند.
به مثال زیر توجه کنید…
ویژگی های تگ <button>
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| autofocus | autofocus | مشخص می کند یک button (دکمه) بطور خودکار در کانون توجه قرار می گیرد زمانی که صفحه load می شود. |
| disabled | disabled | یک button (دکمه) غیر فعال را مشخص می کند. |
| form | form_id | مشخص می کند که یک button متعلق به کدام فرم یا فرم ها می باشد. |
| formaction | URL | مشخص کننده این است که هنگام ارسال یک فرم داده های مربوط به آن به کجا فرستاده شوند. (فقط برای نوع submit) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain |
مشخص کننده این است که داده های مربوط به فرم پیش از ارسال آن فرم چگونه رمزگذاری شود. (فقط برای نوع submit) |
| formmethod | get post |
مشخص کننده این است که داده های مربوط به یک فرم چگونه فرستاده شوند(با استفاده از کدام متد HTTP ). (فقط برای نوع submit) |
| formnovalidate | formnovalidate | مشخص کننده این است که داده های یک فرم احتیاجی به سنجش اعتبار ندارند. (فقط برای نوع submit) |
| formtarget | _blank _self _parent _top framename |
مشخص کننده این است که پیغام کجا نمایش داده شود پس از اینکه فرم ارسال می شود. (فقط برای نوع submit) |
| name | name | مشخص کننده یک نام برای button |
| type | button reset submit |
مشخص کننده نوع button |
| value | text | مشخص کننده یک مقدار اولیه برای button |
0 دیدگاه