در این مقاله با آموزش تگ del در Html در کنار شما همراهان عزیز سئوراز هستیم:
تگ del برای خط زدن روی یک کلمه یا عبارت که از متن اصلی حذف شده است به کار میرود.
تگ del و تگ ins مکمل های همدیگر می باشند و تگ ins متن جایگزین عبارت حذف شده توسط del را مشخص میکند.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
1 | <del cite="url" datetime="<i>YYYY-MM-DDThh:mm:ssTZD</i>">عبارت مورد نظر</del> |
برای مثال:
1 | <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> |
خروجی قطعه کد بالا:
My favorite color is blue red!
تمامی مرورگرها از این تگ پشتیبانی می کنند.
خصوصیت | مقدار | توضیحات |
cite | URL | این خصوصیات به مرورگر ها نشان میدهد که عبارتی که در این تگ وجود دارد با توجه به آدرس این منبع حذف شده است. |
datetime | YYYY-MM-DDThh:mm:ssTZD | تاریخ و زمان حذف و تغییر عبارت را مشخص میکنید. |
در این مقاله با آموزش تگ dfn در Html در کنار شما همراهان عزیز سئوراز هستیم:
تگ dfn مخفف شده کلمه define میباشد و برای تعریف کردن یک کلمه یا عبارت به کار میرود.
اگر قصد تعریف کردن یک کلمه را دارید از تگ dfn معمولا برای اولین کلمه از آن به کار میرود.
به عنوان مثال شما میخواهید کلمه HTML را تعریف کنید و در متن از آن 10بار تکرار شده است. بهتر از برای اولین کلمه HTML در متن از تگ dfn استفاده کنید.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
1 | <dfn>کلمه مورد نظر</dfn> ادامه متن ... |
برای مثال:
1 | <p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p> |
خروجی قطعه کد بالا:
HTML is the standard markup language for creating web pages.
مثال دوم: اگر از خصوصیت title در تگ dfn استفاده کنید، عبارتی که در title وجود دارد را به صورت تولتیپ نمایش میدهد.
1 | <p><dfn title="HyperText Markup Language">HTML</dfn> is the standard markup language for creating web pages.</p> |
خروجی قطعه کد بالا:
HTML is the standard markup language for creating web pages.
تمامی مرورگرها از این تگ پشتیبانی می کنند.
خصوصیت | مقدار | توضیحات |
title | متن و عبارت | استفاده از این خصوصیت به تگ dfn یک تولتیپ میدهد. |
1 2 3 | dfn { font-style: italic; } |
در این مقاله با آموزش تگ em در Html در کنار شما همراهان عزیز سئوراز هستیم:
برای عبارت های مورد تاکید بکار میبرند که ظاهر آن را نیز مورب یا ایتالیک میکند.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
1 | <em>متن مورد تاکید</em> |
برای مثال:
1 | <em>Emphasized text</em> |
خروجی قطعه کد بالا:
Emphasized text
تمامی مرورگرها از این تگ پشتیبانی می کنند.
تگ option از تگ های به کار رفته در تگ select می باشد و از این تگ برای ایجاد یک گزینه در داخل لیست استفاده می شود.(طراحی سایت , سئو سایت , طراحی سایت )
هرگاه شما بخواهید در لیست کشویی خود گزینه هایی را اضافه کنید باید از این تگ استفاده نمایید.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
علاوه بر تگ select تگ detiles هم می تواند شامل تگ option باشد.
از ویژگی هایی که تگ option دارد این است که می تواند هیچ خصوصیتی را بکار نبرد ولی برای کدنویسی بهتر لازم است تا از خصوصیت value برای شناساندن گزینه مورد نظر به سرور استفاده شود.
قطعه کد زیر نمونه ای از استفاده از تگ option را نشان می دهد:
1 2 3 4 5 6 | <select> <option value="محصول اول">محصول اول</option> <option value="محصول دوم">محصول دوم</option> <option value="محصول سوم">محصول سوم</option> <option value="محصول چهارم">محصول چهارم</option> </select> |
خصوصیت | مقدار | توضیحات |
---|---|---|
disabled | disabled | با استفاده از این خصوصیت می توانید option مورد نظر را غیر فعال نمایید. |
label | text | توسط این خصوصیت می توانیم یک برچسب کوتاه برای option موردنظر داشته باشیم. |
selected | selected | اگر این خصوصیت برای تگ option قرار داده شود گزینه ها به طور پیش فرض بعد از لود صفحه انتخاب شده اند. |
value | text | بامقدار دهی به این خصوصیت می توانیم به سرور بفهمانیم چه مقداری در انتخاب شده است. |
تگ option تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.
با استفاده از تگ lable می توانید برای input ها یک برچسب ایجاد نماییم. این تگ به شکل خاصی برای کاربرانی که می خواهند اطلاعات خود را ارسال کنند ارایه نمی شود ولی قابلیت افرادی را که از موس برای اریال اطلااعات استفاده می نمایند را بالا می ببرد.
وقتی کاربر تنها روی اسم lable شده کلیک می نمایند کنترل متن خیلی راحت به فیلد مربوطه ارسال می شود. و دیگر نیاز نیست حتما روی گزینه درون inputموس قرار بگیرود.(طراحی سایت , سئو سایت , طراحی سایت )
همیشه دقت داشته باشید که برای ایجاد ارتباط تگ lable با تگ های دیگر مقدار for در تگ lable را برابر مقدار id در عناصر دیگر قرار دهید.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
همچنین می توانید با استفاده از خصوصیت for در تگ lable آن را محدود کنید.
قطعه کد زیر نمونه ای ازاستفاده تگ lable را نمایش می دهد:
1 2 3 4 5 6 7 | <form action="demo_form.asp"> <label for="male">Male</label> <input type="radio" name="sex" id="male" value="male"><br> <label for="female">Female</label> <input type="radio" name="sex" id="female" value="female"><br> <input type="submit" value="Submit"> </form> |
خصوصیت | مقدار | توضیحات |
---|---|---|
for | element_id | بااستفاده از این خصوصیت می توانید id کنترلی را که در تگ lable وجود دارد را مشخص نمایید. |
form | form_id | توسط این خصوصیت تعداد فرم هایی را که lable به آن ها تعلق دارد را مشخص می کند. پشتیبانی Html5 |
تگ select تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.