معرفی و کاربرد تگ output در HTML
معرفی و کاربرد تگ output در HTML | نتیجه محاسبه
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <output> در HTML می پردازیم.
تگ <output> نشان دهنده نتیجه یک محاسبه است. ( مانند نتیجه محاسبات انجام شده توسط یک اسکریپت ) تگ <output> مانند بسیاری از تگ ها در سند HTML دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
تگ <output> به عنوان یکی از تگ های جدید در HTML5 است که در نسخه های قبلی سند HTML وجود نداشت. شکل کلی استفاده از تگ <output> بصورت زیر است :
<output name="name" for="value"></output>
مثال در مورد تگ <output> در html
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
خروجی کد در مرورگر اینترنتی
بررسی تگ <output> در HTML 4.01 و HTML5
تگ <output> در HTML4.01 و نسخه های قدیمی تر وجود نداشته است. و تگ <output> تنها در HTML5 پشتیبانی می شود.
خصوصیات ویژه منسوخ تگ <output> در HTML5
ویژگی خصوصی تگ output | مقدار | کاربرد در سند HTML |
for | element_id | رابطه بین نتیجه برای محاسبات وعنصر استفاده شده در محاسبات را مشخص می کند. |
form | form_id | مشخص کننده فرم یا فرم هایی است که عنصر output متعلق به آنهاست. |
name | name | یک name برای عنصر output مشخص می کند. |
ویژگی های عمومی عنصر output در اچ تی ام ال
تگ <output> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
رویدادهای عمومی تگ <output> در HTML
عنصر <output> از کلیه رویدادهای عمومی در سند اچ تی ام ال پشتیبانی می کند.
پشتیبانی مرورگرها از تگ output در اچ تی ام ال
در زیر مرورگرهای معتبر اینترنتی از اولین نسخه هایی که از عنصر <output> پشتیبانی می کنند، آمده است:
تگ | فایرفاکس | اینترنت اکسپلورر | گوگل کروم | سافاری | اپرا |
output | 4.0 به بالا | پشتیبانی نمی شود | 10.0 به بالا | 5.1 به بالا | 11.0 به بالا |
جهت دیدن تمام ردیف و ستون ها در حالت موبایلی جدول را به چپ و راست اسکرول کنید.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
-
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
معرفی و کاربرد تگ output در HTML | نتیجه محاسبه – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید