diff options
Diffstat (limited to 'files/fa/web/html/attributes/index.html')
-rw-r--r-- | files/fa/web/html/attributes/index.html | 607 |
1 files changed, 607 insertions, 0 deletions
diff --git a/files/fa/web/html/attributes/index.html b/files/fa/web/html/attributes/index.html new file mode 100644 index 0000000000..70c73bc06b --- /dev/null +++ b/files/fa/web/html/attributes/index.html @@ -0,0 +1,607 @@ +--- +title: مرجع صفتهای HTML +slug: HTML/Attributes +translation_of: Web/HTML/Attributes +--- +<p dir="rtl">عنصرها در HTM <strong>صفتها</strong>یی دارند؛ اینها مقادیر اضافهای هستند که عنصرها را پیکربندی میکنند یا رفتار آنها را در راههای گستردهای بهصورت مناسب با شرایطی که کاربران میخواهند تطبیق میدهند.</p> +<table class="standard-table" dir="rtl"> + <thead> + <tr> + <th style="text-align: center;">نام صفت</th> + <th style="text-align: center;">عنصرها</th> + <th style="text-align: center;">توضیح</th> + </tr> + </thead> + <tbody> + <tr> + <td style="text-align: center;">accept</td> + <td style="text-align: center;">{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td> + <td style="text-align: right;">فهرست انواعی که سرور قبول میکند، معمولا از نوع فایل.</td> + </tr> + <tr> + <td style="text-align: center;">accept-charset</td> + <td style="text-align: center;">{{ HTMLElement("form") }}</td> + <td style="text-align: right;">فهرستی از مجموعه کاراکترهای پشتیبانی شده.</td> + </tr> + <tr> + <td style="text-align: center;">accesskey</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">تعیین کلید میانبری از صفحهکلید جهت فعالسازی یا افزودن focus به عنصر مورد نظر.</td> + </tr> + <tr> + <td style="text-align: center;">action</td> + <td style="text-align: center;">{{ HTMLElement("form") }}</td> + <td style="text-align: right;">نشانی فایلی که قرار است اطلاعات ارسالی از فرم را پردازش کند.</td> + </tr> + <tr> + <td style="text-align: center;">align</td> + <td style="text-align: center;">{{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }}</td> + <td style="text-align: right;">تنظیمات مربوط به چینش عنصر را تعیین میکند.</td> + </tr> + <tr> + <td style="text-align: center;">alt</td> + <td> + <p style="text-align: center;">{{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}</p> + </td> + <td style="text-align: right;">متن جایگزین تصویر، زمانی که تصویر قابل نمایش نباشد.</td> + </tr> + <tr> + <td style="text-align: center;">async</td> + <td style="text-align: center;">{{ HTMLElement("script") }}</td> + <td style="text-align: right;">نشاندهندهی این است که اسکریپت باید به صورت نامتقارن اجرا شود.</td> + </tr> + <tr> + <td style="text-align: center;">autocomplete</td> + <td style="text-align: center;">{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td> + <td style="text-align: right;">نشاندهندهی این است که آیا کنترلهای موجود در این فرم قابلیت اختیار مقادیر پیشفرض مرورگر را دارند یا خیر.</td> + </tr> + <tr> + <td style="text-align: center;">autofocus</td> + <td style="text-align: center;">{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> + <td style="text-align: right;">بعد از بارگذاری صفحه، عنصر مورد نظر focus را به خود میگیرد.</td> + </tr> + <tr> + <td style="text-align: center;">autoplay</td> + <td style="text-align: center;">{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> + <td style="text-align: right;">پخش صوت یا تصویر به محض آماده شدن.</td> + </tr> + <tr> + <td style="text-align: center;">bgcolor</td> + <td style="text-align: center;">{{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }}</td> + <td style="text-align: right;"> + <p>رنگ پیشزمینهی عنصر.</p> + <p>یادداشت: این یک صفت قدیمی است که باید از ویژگی {{ Cssxref("background-color") }} در CSS به جای آن استفاده کرد.</p> + </td> + </tr> + </tbody> + <tbody> + <tr> + <td style="text-align: center;">border</td> + <td style="text-align: center;">{{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }}</td> + <td> + <p style="text-align: right;">نشاندهندهی حاشیهی عنصر مورد نظر.</p> + <p style="text-align: right;">یادداشت: این یک صفت قدیمی است که باید از ویژگی {{ Cssxref("border") }} در CSS به جای آن استفاده کرد.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">buffered</td> + <td style="text-align: center;">{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> + <td style="text-align: right;">شامل بازهی زمانی است که محتوای مورد نظر در آن بازه بافر شده است.</td> + </tr> + <tr> + <td style="text-align: center;">challenge</td> + <td style="text-align: center;">{{ HTMLElement("keygen") }}</td> + <td style="text-align: right;">رشتهای از حروف که به همراه کلید عمومی ارسال میشود.</td> + </tr> + <tr> + <td style="text-align: center;">charset</td> + <td style="text-align: center;">{{ HTMLElement("meta") }}, {{ HTMLElement("script") }}</td> + <td style="text-align: right;">نوع کدگذاری کاراکترهای موجود در صفحه یا اسکریپت را تعیین میکند.</td> + </tr> + <tr> + <td style="text-align: center;">checked</td> + <td style="text-align: center;">{{ HTMLElement("command") }}, {{ HTMLElement("input") }}</td> + <td style="text-align: right;">نشاندهندهی این است که آیا عنصر مورد نظر در زمان بارگذاری صفحه باید انتخاب شود یا خیر.</td> + </tr> + <tr> + <td style="text-align: center;">cite</td> + <td style="text-align: center;">{{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }}</td> + <td style="text-align: right;">به نشانی منبع نقل قول اشاره میکند.</td> + </tr> + <tr> + <td style="text-align: center;">class</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">اغلب به همراه CSS به کار میرود تا عنصرهایی با ویژگیهای مشترک را سبکدهی کند.</td> + </tr> + <tr> + <td style="text-align: center;">code</td> + <td style="text-align: center;">{{ HTMLElement("applet") }}</td> + <td style="text-align: right;">نشانی فایل با پیشوند class که اپلت برای بارگذاری و اجراشدن به آن نیاز دارد را، شامل میشود.</td> + </tr> + <tr> + <td style="text-align: center;">codebase</td> + <td style="text-align: center;">{{ HTMLElement("applet") }}</td> + <td style="text-align: right;">این صفت نشانی مطلق یا نسبی دایرکتوری که فایلهای با پیشوند class مورد نیاز اپلت هستند، را شامل میشود.</td> + </tr> + <tr> + <td style="text-align: center;">color</td> + <td style="text-align: center;">{{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }}</td> + <td> + <p style="text-align: right;">این صفت رنگ متن را با توجه به دو الگوی "نام رنگ" یا "مقدار هگزادسیمال رنگ" مشخص میکند.</p> + <p style="text-align: right;">یادداشت: این یک صفت قدیمی است که باید از ویژگی {{ Cssxref("color") }} در CSS به جای آن استفاده کرد.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">cols</td> + <td style="text-align: center;">{{ HTMLElement("textarea") }}</td> + <td style="text-align: right;">تعداد ستونهای ناحیهی متنی را مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">colspan</td> + <td style="text-align: center;">{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td> + <td style="text-align: right;">تعداد ستونهای یک سلول (خانه) از جدول را مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">content</td> + <td style="text-align: center;">{{ HTMLElement("meta") }}</td> + <td style="text-align: right;">مقداری که منطبق با <code>http-equiv</code> یا <code>name</code> است.</td> + </tr> + <tr> + <td style="text-align: center;">contenteditable</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">نشاندهندهی این است که آیا محتوای عنصر قابل ویرایش هستنند یا خیر.</td> + </tr> + <tr> + <td style="text-align: center;">contextmenu</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">ID یک {{ HTMLElement("menu") }} را به عنوان منو تعیین میکند.</td> + </tr> + <tr> + <td style="text-align: center;">controls</td> + <td style="text-align: center;">{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> + <td style="text-align: right;">نشاندهندهی این است که آیا مرورگر دکمههای کنترل فایل صوتی یا تصویری را باید نشان بدهد یا خیر.</td> + </tr> + <tr> + <td style="text-align: center;">coords</td> + <td style="text-align: center;">{{ HTMLElement("area") }}</td> + <td style="text-align: right;">مجموعهای از مقادیر که نشاندهندهی مختصات ناحیهی مورد نظر هستند.</td> + </tr> + <tr> + <td style="text-align: center;">data</td> + <td style="text-align: center;">{{ HTMLElement("object") }}</td> + <td style="text-align: right;">نشانی منبع مورد نیاز را تعیین میکند.</td> + </tr> + <tr> + <td style="text-align: center;">datetime</td> + <td style="text-align: center;">{{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }}</td> + <td style="text-align: right;">نشاندهندهی تاریخ و زمان به کار رفته در عنصر مورد نظر است.</td> + </tr> + <tr> + <td style="text-align: center;">default</td> + <td style="text-align: center;">{{ HTMLElement("track") }}</td> + <td style="text-align: right;">نشاندهندهی این است که track قبل از اینکه تنظیمات کاربر تغییر کند، باید فعال شود.</td> + </tr> + <tr> + <td style="text-align: center;">defer</td> + <td style="text-align: center;">{{ HTMLElement("script") }}</td> + <td style="text-align: right;">نشاندهندهی این است که اسکریپت بلافاصله بعد از بارگذاری و تفسیر صفحه باید اجرا شود.</td> + </tr> + <tr> + <td style="text-align: center;">dir</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">جهت نوشتهشدن متن را مشخص میکند. مقادیر قابل قبول عبارتند از ltr (چپ به راست)و rtl (راست به چپ)</td> + </tr> + <tr> + <td style="text-align: center;">dirname</td> + <td style="text-align: center;">{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">disabled</td> + <td style="text-align: center;">{{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> + <td style="text-align: right;">نشاندهندهی این است که آیا کاربر امکان تعامل با عنصر مورد نظر را دارد یا خیر.</td> + </tr> + <tr> + <td style="text-align: center;">draggable</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">قابلیت کشیدهشدن عنصر (کلیک بر روی آن و حرکت دادنش) را تعیین میکند.</td> + </tr> + <tr> + <td style="text-align: center;">dropzone</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">ناحیهای که عنصر کشیدهشده را میتوان در آن رها (drop) کرد.</td> + </tr> + <tr> + <td style="text-align: center;">enctype</td> + <td style="text-align: center;">{{ HTMLElement("form") }}</td> + <td style="text-align: right;">وقتی از <code>method</code> ای مانند POST برای ارسال مقادیر فرم استفاده میشود، این صفت نوع محتوای دادهای را در فرم تعیین میکند.</td> + </tr> + <tr> + <td style="text-align: center;">for</td> + <td style="text-align: center;">{{ HTMLElement("label") }}, {{ HTMLElement("output") }}</td> + <td style="text-align: right;">تعیین عنصرهایی که به عنصر مورد نظر تعلق دارند.</td> + </tr> + <tr> + <td style="text-align: center;">form</td> + <td style="text-align: center;">{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> + <td style="text-align: right;">نشاندهندهی فرمی است که مالک (پدر) عنصر مورد نظر است.</td> + </tr> + <tr> + <td style="text-align: center;">headers</td> + <td style="text-align: center;">{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td> + <td style="text-align: right;">IDهای عنصر(های) <th> که به این عنصر مربوط میشوند.</td> + </tr> + <tr> + <td style="text-align: center;">height</td> + <td style="text-align: center;">{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}</td> + <td dir="ltr" style="text-align: center;"> + <p style="text-align: left;">در برخی کاربردها مانند {{ HTMLElement("div") }}، این یک صفت قدیمی است که باید از ویژگی {{ Cssxref("height") }} در CSS به جای آن استفاده کرد. در سایر موارد مانند {{ HTMLElement("canvas") }} استفاده از این صفت ضروری است.</p> + </td> + </tr> + </tbody> + <tbody> + <tr> + <td style="text-align: center;">hidden</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">ارتباط یک عنصر را نشان میدهد.</td> + </tr> + <tr> + <td style="text-align: center;">high</td> + <td style="text-align: center;">{{ HTMLElement("meter") }}</td> + <td style="text-align: right;">پایینترین مرز از بالاترین محدوده را نشان میدهد.</td> + </tr> + <tr> + <td style="text-align: center;">href</td> + <td style="text-align: center;">{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }}</td> + <td style="text-align: right;">نشانی منبعی که پیوند (لینک) به آن اشاره دارد.</td> + </tr> + <tr> + <td style="text-align: center;">hreflang</td> + <td style="text-align: center;">{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}</td> + <td style="text-align: right;">زبان منبعی که پیوند (لینک) به آن اشاره دارد.</td> + </tr> + <tr> + <td style="text-align: center;">http-equiv</td> + <td style="text-align: center;">{{ HTMLElement("meta") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">icon</td> + <td style="text-align: center;">{{ HTMLElement("command") }}</td> + <td style="text-align: right;">تصویری که نشاندهندهی command باشد را تعیین میکند.</td> + </tr> + <tr> + <td style="text-align: center;">id</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">اغلب با CSS به کار میرود تا عنصر مورد نظر را سبک دهی کند. مقدار این صفت باید منحصر به فرد (یکتا) باشد.</td> + </tr> + <tr> + <td style="text-align: center;">ismap</td> + <td style="text-align: center;">{{ HTMLElement("img") }}</td> + <td style="text-align: right;">نشاندهندهی این است که آیا تصویر بخشی از یک image map سمت سرور میباشد یا خیر.</td> + </tr> + <tr> + <td style="text-align: center;">itemprop</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">keytype</td> + <td style="text-align: center;">{{ HTMLElement("keygen") }}</td> + <td style="text-align: right;">نوع کلید تولید شده را مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">kind</td> + <td style="text-align: center;">{{ HTMLElement("track") }}</td> + <td style="text-align: right;">گونهی متنی track را مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">label</td> + <td style="text-align: center;">{{ HTMLElement("track") }}</td> + <td style="text-align: right;">متنی خوانا برای track مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">lang</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">زبانی که در عنصر مورد نظر به کار رفته است را مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">language</td> + <td style="text-align: center;">{{ HTMLElement("script") }}</td> + <td style="text-align: right;">زبان اسکریپت را در عنصر مورد نظر تعیین میکند.</td> + </tr> + <tr> + <td style="text-align: center;">list</td> + <td style="text-align: center;">{{ HTMLElement("input") }}</td> + <td style="text-align: right;">فهرستی از گزینههای از پیش تعریف شده را برای کاربر مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">loop</td> + <td style="text-align: center;">{{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }}</td> + <td style="text-align: right;">نشاندهندهی این است که آیا محتوای مورد نظر (متن، صوت یا تصویر) پس از تمام شدن، دوباره باید اجرا شود یا به نمایش دربیاید یا خیر.</td> + </tr> + <tr> + <td style="text-align: center;">low</td> + <td style="text-align: center;">{{ HTMLElement("meter") }}</td> + <td style="text-align: right;">بالاترین مرز از پایینترین محدوده را نشان میدهد.</td> + </tr> + <tr> + <td style="text-align: center;">manifest</td> + <td style="text-align: center;">{{ HTMLElement("html") }}</td> + <td style="text-align: right;">نشانی فایل cache manifest (جهت مرور آفلاین صفحات) را در سند مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">max</td> + <td style="text-align: center;">{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}</td> + <td style="text-align: right;">نشاندهندهی بیشترین مقدار مجاز است.</td> + </tr> + <tr> + <td style="text-align: center;">maxlength</td> + <td style="text-align: center;">{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td> + <td style="text-align: right;">بیشترین تعداد کاراکترها را در عنصر مورد نظر تعیین میکند.</td> + </tr> + <tr> + <td style="text-align: center;">media</td> + <td style="text-align: center;">{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}</td> + <td style="text-align: right;">بخش کوچکی از رسانه که منبع پیوند داده شده برای آن طراحی شده است، را مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">method</td> + <td style="text-align: center;">{{ HTMLElement("form") }}</td> + <td style="text-align: right;">مشخص میکند که از کدام متد HTTP برای ارسال دادههای فرم استفاده شود، که میتواند GET (پیشفرض) یا POST باشد.</td> + </tr> + <tr> + <td style="text-align: center;">min</td> + <td style="text-align: center;">{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}</td> + <td style="text-align: right;">نشاندهندهی کمترین مقدار مجاز است.</td> + </tr> + <tr> + <td style="text-align: center;">multiple</td> + <td style="text-align: center;">{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td> + <td style="text-align: right;"> + <p>نشاندهندهی این است که آیا مقدارهای چندتایی میتوانند در ورودیهای <code>email</code> یا <code>file</code> وارد شوند یا خیر.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">name</td> + <td style="text-align: center;">{{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }}</td> + <td dir="ltr" style="text-align: center;"> + <p style="text-align: right;">نام عنصر. برای نمونه از این صفت برای شناسایی فیلدهای مورد نظر که به سمت سرور ارسال شدهاند استفاده میشود.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">novalidate</td> + <td style="text-align: center;">{{ HTMLElement("form") }}</td> + <td dir="ltr" style="text-align: center;"> + <p style="text-align: right;">این صفت نشاندهندهی این است که هنگام ارسال فرم، دادههای آن نباید مورد سنجش و ارزیابی قرار بگیرند.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">open</td> + <td style="text-align: center;">{{ HTMLElement("details") }}</td> + <td dir="ltr" style="text-align: center;"> + <p style="text-align: right;">نشاندهندهی این است که آیا جزییات زمان بارگذاری صفحه نمایش داده میشوند یا خیر.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">optimum</td> + <td style="text-align: center;">{{ HTMLElement("meter") }}</td> + <td dir="ltr" style="text-align: center;"> + <p style="text-align: right;">نشاندهندهی مقدار عددی بهینه است.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">pattern</td> + <td style="text-align: center;">{{ HTMLElement("input") }}</td> + <td dir="ltr" style="text-align: center;"> + <p style="text-align: right;">عبارتی منظم را تعریف میکند که مقدار عنصر مورد نظر برابر آن مورد سنجش و ارزیابی قرار میگیرد.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">ping</td> + <td style="text-align: center;">{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">placeholder</td> + <td style="text-align: center;">{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td> + <td dir="ltr" style="text-align: center;"> + <p style="text-align: right;">با نمایش کادری کوچک به کاربر اطلاع میدهد که چه چیزی در فیلد قابل نوشتن است.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">poster</td> + <td style="text-align: center;">{{ HTMLElement("video") }}</td> + <td dir="ltr" style="text-align: center;"> + <p style="text-align: right;">نشانی که به یک فریم از فیلم اشاره دارد تا زمانی که کاربر هنوز اقدام به پخش فیلم نکرده است به وی نمایش داده شود.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">preload</td> + <td style="text-align: center;">{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> + <td style="text-align: right;">نشاندهندهی این است که آیا تمام منبع، بخشی از آن یا هیچ چیز باید از قبل از اقدام کاربر برای پخش محتوا، بارگذاری شود.</td> + </tr> + <tr> + <td style="text-align: center;">pubdate</td> + <td style="text-align: center;">{{ HTMLElement("time") }}</td> + <td dir="ltr" style="text-align: center;"> + <p dir="rtl" style="text-align: right;">نشاندهندهی این است که آیا این تاریخ و زمان مطابق با تاریخ نزدیکترین عنصر {{ HTMLElement("article") }} والد خود است یا خیر.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">radiogroup</td> + <td style="text-align: center;">{{ HTMLElement("command") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">readonly</td> + <td style="text-align: center;">{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td> + <td dir="ltr" style="text-align: center;"> + <p dir="rtl" style="text-align: right;">نشاندهندهی این است که آیا این عنصر قابل ویرایش است یا خیر.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">rel</td> + <td style="text-align: center;">{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}</td> + <td style="text-align: right;">ارتباط بین شی هدف و شی پینوندی را مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">required</td> + <td style="text-align: center;">{{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> + <td style="text-align: right;">نشاندهندهی این است که آیا این عنصر (از فرم) نیاز به تکمیل شدن از طرف کاربر دارد یا خیر.</td> + </tr> + <tr> + <td style="text-align: center;">reversed</td> + <td style="text-align: center;">{{ HTMLElement("ol") }}</td> + <td style="text-align: right;">نشاندهندهی این است که آیا فهرست باید به ترتیب نزولی نمایش داده شود، بر خلاف ترتیب صعودی.</td> + </tr> + <tr> + <td style="text-align: center;">rows</td> + <td style="text-align: center;">{{ HTMLElement("textarea") }}</td> + <td style="text-align: right;">تعداد سطرهای ناحیهی متنی را مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">rowspan</td> + <td style="text-align: center;">{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td> + <td style="text-align: right;">تعداد سطرهایی که سلول (خانه) جدول باید بر اساس آن ایجاد شود را مشخص میکند.</td> + </tr> + <tr> + <td style="text-align: center;">sandbox</td> + <td style="text-align: center;">{{ HTMLElement("iframe") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">spellcheck</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">نشاندهندهی این است که آیا عملیات بررسی واژهها برای این عنصر مجاز است یا خیر.</td> + </tr> + <tr> + <td style="text-align: center;">scope</td> + <td style="text-align: center;">{{ HTMLElement("th") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">scoped</td> + <td style="text-align: center;">{{ HTMLElement("style") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">seamless</td> + <td style="text-align: center;">{{ HTMLElement("iframe") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">selected</td> + <td style="text-align: center;">{{ HTMLElement("option") }}</td> + <td style="text-align: right;">مقداری را تعیین میکند که در زمان بارگذاری صفحه، در فهرست انتخاب شده است.</td> + </tr> + <tr> + <td style="text-align: center;">shape</td> + <td style="text-align: center;">{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">size</td> + <td style="text-align: center;">{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td> + <td style="text-align: right;">عرض عنصر را (بر اساس پیکسل) تعیین میکند. اگر عنصر مورد نظر از نوع <code>text</code> یا <code>password</code> باشد این صفت تعداد کاراکترهای عنصر را تعیین میکند.</td> + </tr> + <tr> + <td style="text-align: center;">sizes</td> + <td style="text-align: center;">{{ HTMLElement("link") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">span</td> + <td style="text-align: center;">{{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">src</td> + <td style="text-align: center;">{{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }}</td> + <td style="text-align: right;">نشانی فایلی که عنصر مورد نظر از آن به عنوان منبع استفاده میکند.</td> + </tr> + <tr> + <td style="text-align: center;">srcdoc</td> + <td style="text-align: center;">{{ HTMLElement("iframe") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">srclang</td> + <td style="text-align: center;">{{ HTMLElement("track") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">start</td> + <td style="text-align: center;">{{ HTMLElement("ol") }}</td> + <td style="text-align: right;">اولین عدد در فهرست را تعیین میکند، اگر غیر از ۱ باشد.</td> + </tr> + <tr> + <td style="text-align: center;">step</td> + <td style="text-align: center;">{{ HTMLElement("input") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">style</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">سبکهای CSS را تعریف میکند که در صورت وجود فایلهای قدیمی بر روی آنها نوشته میشوند.</td> + </tr> + <tr> + <td style="text-align: center;">summary</td> + <td style="text-align: center;">{{ HTMLElement("table") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">tabindex</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">با ویرایش این صفت، ترتیب انتخاب شدن عنصرهای صفحه در مرورگر به حالتی که برایش تعیین شود تغییر مییابد.</td> + </tr> + <tr> + <td style="text-align: center;">target</td> + <td style="text-align: center;">{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">title</td> + <td style="text-align: center;"><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td> + <td style="text-align: right;">متنی که در یک کادر کوچک با قرار دادن mouse روی عنصر مورد نظر نمایش مییابد.</td> + </tr> + <tr> + <td style="text-align: center;">type</td> + <td style="text-align: center;">{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }}</td> + <td style="text-align: right;">نوع عنصر را تعریف میکند.</td> + </tr> + <tr> + <td style="text-align: center;">usemap</td> + <td style="text-align: center;">{{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}</td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">value</td> + <td style="text-align: center;">{{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }}</td> + <td style="text-align: right;">مقدار پیشفرضی که در زمان بارگذاری صفحه برای عنصر انتخاب میشود را تعیین میکند.</td> + </tr> + <tr> + <td style="text-align: center;">width</td> + <td style="text-align: center;">{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}</td> + <td dir="ltr" style="text-align: center;"> + <p style="text-align: left;">در برخی موارد مانند {{ HTMLElement("div") }} این یک صفت قدیمی به حساب میآید که باید از ویژگی {{ Cssxref("width") }} در CSS به جای آن استفاده کرد. در سایر موارد مانند {{ HTMLElement("canvas") }} این یک صفت ضروری است که باید ذکر شود.</p> + </td> + </tr> + <tr> + <td style="text-align: center;">wrap</td> + <td style="text-align: center;">{{ HTMLElement("textarea") }}</td> + <td style="text-align: right;">نشاندهندهی این است که آیا متن باید کوتاه شود یا خیر.</td> + </tr> + </tbody> +</table> +<h2 dir="ltr" id="Content_versus_IDL_attributes" style="margin-bottom: 20px; font-size: 28px; line-height: 28px; color: rgb(77, 78, 83); text-align: left;">Content versus IDL attributes</h2> +<p dir="ltr" style="line-height: 1.5em; color: rgb(77, 78, 83);">In HTML, most attributes have two faces: the <strong>content attribute</strong> and the <strong>IDL attribute</strong>.</p> +<p dir="ltr" style="line-height: 1.5em; color: rgb(77, 78, 83);">The content attribute is the attribute as you set it from the content (the HTML code) and you can set it or get it via {{domxref("element.setAttribute()")}} or {{domxref("element.getAttribute()")}}. The content attribute is always a string even when the expected value should be an integer. For example, to set an {{HTMLElement("input")}} element's <code style="font-size: 14px;">maxlength</code> to 42 using the content attribute, you have to call<code style="font-size: 14px;">setAttribute("maxlength", "42")</code> on that element.</p> +<p dir="ltr" style="line-height: 1.5em; color: rgb(77, 78, 83);">The IDL attribute is also known as a JavaScript property. These are the attributes you can read or set using JavaScript properties like <code class="moz-txt-verticalline" style="font-size: 14px;">element.foo</code>. The IDL attribute is always going to use (but might transform) the underlying content attribute to return a value when you get it and is going to save something in the content attribute when you set it. In other words, the IDL attributes, in essence, reflect the content attributes.</p> +<p dir="rtl" style="line-height: 1.5em; color: rgb(77, 78, 83);">Most of the time, IDL attributes will return their valules as they are really used. For example, the default <code style="font-size: 14px;">type</code> for {{HTMLElement("input")}} elements is "text", so if you set<code style="font-size: 14px;">input.type="foobar"</code>, the <code style="font-size: 14px;"><input></code> element will be of type text (in the appearance and the behavior) but the "type" content attribute's value will be "foobar". However, the<code style="font-size: 14px;">type</code> IDL attribute will return the string "text".</p> +<p dir="ltr" style="line-height: 1.5em; color: rgb(77, 78, 83);">IDL attributes are not always strings; for example, <code style="font-size: 14px;">input.maxlength</code> is a number (a signed long). When using IDL attributes, you read or set values of the desired type, so<code style="font-size: 14px;">input.maxlength</code> is always going to return a number and when you set<code style="font-size: 14px;">input.maxlength</code> ,it wants a number. If you pass another type, it is automatically converted to a number as specified by the standard JavaScript rules for type conversion.</p> +<p dir="ltr" style="line-height: 1.5em; color: rgb(77, 78, 83);">IDL attributes can <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes">reflect other types</a> such as unsigned long, URLs, booleans, etc. Unfortunately, there are no clear rules and the way IDL attributes behave in conjunction with their corresponding content attributes depends on the attribute. Most of the time, it will follow <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes">the rules laid out in the specification</a>, but sometimes it doesn't. HTML specifications try to make this as developer-friendly as possible, but for various reasons (mostly historical), some attributes behave oddly (<code style="font-size: 14px;">select.size</code>, for example) and you should read the specifications to understand how exactly they behave.</p> +<h2 dir="ltr" id="See_also" style="margin-bottom: 20px; font-size: 28px; line-height: 28px; color: rgb(77, 78, 83);">See also</h2> +<ul dir="ltr" style="margin-bottom: 1.286em; padding-left: 0px; list-style-type: none; color: rgb(77, 78, 83);"> + <li style="padding-bottom: 0px;"><a href="https://developer.mozilla.org/en-US/docs/HTML/Element" title="/en-US/docs/HTML/Element">HTML elements</a></li> +</ul> |