صفت خصوصی type در HTMLنوع تگ اچ تی ام ال 1401

در این مقاله از آموزش طراحی وب ( سایت آموزی ) جهت استفاده شما عزیزان به معرفی صفت خصوصی type در html می پردازیم.

صفت خصوصی type در html مقداری جهت تعیین نوع تگ های html که مخصوص این صفت هستند، به کار می رود.

خاصیت type درون سند HTML ، مخصوص تگ button ، تگ embed ، تگ input ، تگ link ، تگ object ، تگ script ، تگ source و تگ style می باشد.

معرفی ویژگی خصوصی type در سند اچ تی ام ال

خصوصیت type ، مقداری جهت تعیین نوع تگ های html که مخصوص این صفت هستند، به کار می رود. خاصیت type درون تگ button نوع دکمه را مشخص می کند.

ویژگی خصوصی type ، نوع تگ input ، جهت نمایش فیلد ساخته شده توسط این تگ درون فرم html مشخص می کند.

خصوصیت type درون تگ embed ، تگ link ، تگ object ، تگ script ، تگ source ، تگ و Style جهت تعیین نوع محتوای رسانه ای ( MIME type ) آنها به کار می رود. ویژگی type درون سند HTML ، مخصوص تگ button ، تگ embed ، تگ input ، تگ link ، تگ object ، تگ script ، تگ source و تگ style می باشد.

مثال در مورد استفاده از ویژگی خصوصی type درون تگ button

<form action=”/action_page.php” method=”get”>
First name: <input type=”text” name=”fname”><br>
Last name: <input type=”text” name=”lname”><br>
<button type=”submit” value=”Submit”>Submit</button>
<button type=”reset” value=”Reset”>Reset</button>
</form>

مثال در مورد استفاده از صفت خصوصی type در html درون تگ embed

<embed src=”helloworld.swf” type=”application/vnd.adobe.flash-movie”>

مثال در مورد استفاده از ویژگی خصوصی type درون تگ input

<form action=”/action_page.php”>
Username: <input type=”text” name=”usrname”><br>
<input type=”submit” value=”Submit”>
</form>

مثال در مورد استفاده از ویژگی خصوصی type درون تگ link

<head>
<link rel=”stylesheet” type=”text/css” href=”theme.css”>
</head>

مثال در مورد استفاده از صفت خصوصی type در html درون تگ object

<object width=”400″ height=”400″ data=”helloworld.swf” type=”application/vnd.adobe.flash-movie”></object>

مثال در مورد استفاده از ویژگی خصوصی type درون تگ script

<script type=”text/javascript”>
document.getElementById(“demo”).innerHTML = “Hello JavaScript!”;
</script>

مثال در مورد استفاده از ویژگی خصوصی type درون تگ source

<audio controls>
<source src=”horse.ogg” type=”audio/ogg”>
<source src=”horse.mp3″ type=”audio/mpeg”>
Your browser does not support the audio element.
</audio>

مثال در مورد استفاده از صفت خصوصی type در html درون تگ style

<style type=”text/css”>
h1 {color:red;}
p {color:blue;}
</style>

بررسی ویژگی خصوصی type درون سند html 4.0.1 و HTML5

ویژگی خصوصی type ، در نسخه HTML5 و HTML4.01 و نسخه های قبلی وجود داشته و پشتیبانی می شود.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و Bootstrap و jQuery

پشتیبانی مرورگرهای اینترنتی از صفت خصوصی type در html


تگ html
button	بله	بله	بله	بله	بله
embed	بله	بله	بله	بله	بله
input	بله	بله	بله	بله	بله
link	بله	بله	بله	بله	بله
object	بله	بله	بله	بله	بله
script	بله	بله	بله	بله	بله
source	4.0	9.0	3.5	4.0	10.5
style	بله	بله	بله	بله	بله