diff options
Diffstat (limited to 'files/fa/web/html/element')
| -rw-r--r-- | files/fa/web/html/element/a/index.html | 490 | ||||
| -rw-r--r-- | files/fa/web/html/element/abbr/index.html | 142 | ||||
| -rw-r--r-- | files/fa/web/html/element/data/index.html | 94 | ||||
| -rw-r--r-- | files/fa/web/html/element/em/index.html | 150 | ||||
| -rw-r--r-- | files/fa/web/html/element/heading_elements/index.html | 143 | ||||
| -rw-r--r-- | files/fa/web/html/element/index.html | 203 |
6 files changed, 0 insertions, 1222 deletions
diff --git a/files/fa/web/html/element/a/index.html b/files/fa/web/html/element/a/index.html deleted file mode 100644 index dc10c3f5be..0000000000 --- a/files/fa/web/html/element/a/index.html +++ /dev/null @@ -1,490 +0,0 @@ ---- -title: '<a>: The Anchor element' -slug: Web/HTML/Element/a -tags: - - فارسی -translation_of: Web/HTML/Element/a ---- -<div>{{HTMLRef}}</div> - -<p><span class="seoSummary">The <strong>HTML <code><a></code> element</strong> (or <em>anchor</em> element), with <a href="#href">its <code>href</code> attribute</a>, creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address.</span> Content within each <code><a></code> <strong>should</strong> indicate the link's destination.</p> - -<div>{{EmbedInteractiveExample("pages/tabbed/a.html")}}</div> - - - -<h2 id="Attributes">Attributes</h2> - -<p>This element's attributes include the <a href="/en-US/docs/Web/HTML/Global_attributes">global attributes</a>.</p> - -<dl> - <dt id="download">{{HTMLAttrDef("download")}}{{HTMLVersionInline(5)}}</dt> - <dd>Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:</dd> - <dd> - <ul> - <li>Without a value, the browser will suggest a filename/extension, generated from various sources: - <ul> - <li>The {{HTTPHeader("Content-Disposition")}} HTTP header</li> - <li>The final segment in the URL <a href="/en-US/docs/Web/API/URL/pathname">path</a></li> - <li>The {{Glossary("MIME_type", "media type")}} (from the ({{HTTPHeader("Content-Type")}} header, the start of a <a href="/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs"><code>data:</code> URL</a>, or {{domxref("Blob.type")}} for a <a href="/en-US/docs/Web/API/URL/createObjectURL"><code>blob:</code> URL</a>)</li> - </ul> - </li> - <li>Defining a value suggests it as the filename. <code>/</code> and <code>\</code> characters are converted to underscores (<code>_</code>). Filesystems may forbid other characters in filenames, so browsers will adjust the suggested name if necessary.</li> - </ul> - - <div class="note"><strong>Notes:</strong> - - <ul> - <li><code>download</code> only works for <a href="/en-US/docs/Web/Security/Same-origin_policy">same-origin URLs</a>, or the <code>blob:</code> and <code>data:</code> schemes.</li> - <li> - <p>Note: if the <code>Content-Disposition</code> header has different information from the <code>download</code> attribute, resulting behaviour may differ:</p> - - <ul> - <li> - <p>If the header specifies a <code>filename</code>, it takes priority over the attribute.</p> - </li> - <li> - <p>If the header specifies a disposition of <code>inline</code> but no filename, Chrome, and Firefox 82 and later, prioritize the attribute and treat it as a download. Firefox versions before 82 prioritize the header and will display the content.</p> - </li> - </ul> - </li> - </ul> - </div> - </dd> - <dt id="href">{{HTMLAttrDef("href")}}</dt> - <dd> - <p>The URL that the hyperlink points to. Links are not restricted to HTTP-based URLs — they can use any URL scheme supported by browsers:</p> - - <ul> - <li>Sections of a page with fragment URLs</li> - <li>Pieces of media files with media fragments</li> - <li>Telephone numbers with <code>tel:</code> URLs</li> - <li>Email addresses with <code>mailto:</code> URLs</li> - <li>While web browsers may not support other URL schemes, web sites can with <code><a href="/en-US/docs/Web/API/Navigator/registerProtocolHandler">registerProtocolHandler()</a></code></li> - </ul> - </dd> - <dt id="hreflang">{{HTMLAttrDef("hreflang")}}</dt> - <dd>Hints at the human language of the linked URL. No built-in functionality. Allowed values are the same as <a href="/en-US/docs/Web/HTML/Global_attributes/lang">the global <code>lang</code> attribute</a>.</dd> - <dt id="ping">{{HTMLAttrDef("ping")}}</dt> - <dd>A space-separated list of URLs. When the link is followed, the browser will send {{HTTPMethod("POST")}} requests with the body <code>PING</code> to the URLs. Typically for tracking.</dd> - <dt id="referrerpolicy">{{HTMLAttrDef("referrerpolicy")}}{{Experimental_Inline}}</dt> - <dd>How much of the <a href="/en-US/docs/Web/HTTP/Headers/Referer">referrer</a> to send when following the link. See <a href="/en-US/docs/Web/HTTP/Headers/Referrer-Policy"><code>Referrer-Policy</code></a> for possible values and their effects.</dd> - <dt id="rel">{{HTMLAttrDef("rel")}}</dt> - <dd>The relationship of the linked URL as space-separated <a href="/en-US/docs/Web/HTML/Link_types">link types</a>.</dd> - <dt id="target">{{HTMLAttrDef("target")}}</dt> - <dd>Where to display the linked URL, as the name for a <em>browsing context</em> (a tab, window, or <code><iframe></code>). The following keywords have special meanings for where to load the URL: - <ul> - <li><code>_self</code>: the current browsing context. (Default)</li> - <li><code>_blank</code>: usually a new tab, but users can configure browsers to open a new window instead.</li> - <li><code>_parent</code>: the parent browsing context of the current one. If no parent, behaves as <code>_self</code>.</li> - <li><code>_top</code>: the topmost browsing context (the "highest" context that’s an ancestor of the current one). If no ancestors, behaves as <code>_self</code>.</li> - </ul> - - <div class="note"> - <p><strong>Note:</strong> When using <code>target</code>, add <code>rel="noreferrer noopener"</code> to avoid exploitation of the <code>window.opener</code> API;</p> - </div> - - <div class="note"> - <p><strong>Note:</strong> In newer browser versions (e.g. Firefox 79+) setting <code>target="_blank"</code> on <code><a></code> elements implicitly provides the same <code>rel</code> behavior as setting <code>rel="noopener"</code>.</p> - </div> - </dd> - <dt id="type">{{HTMLAttrDef("type")}}</dt> - <dd>Hints at the linked URL’s format with a {{Glossary("MIME type")}}. No built-in functionality.</dd> -</dl> - -<h3 id="Obsolete_attributes">Obsolete attributes</h3> - -<dl> - <dt id="charset">{{HTMLAttrDef("charset")}}{{Obsolete_Inline("HTML5")}}</dt> - <dd>Hinted at the {{Glossary("character encoding")}} of the linked URL. - <div class="note"> - <p><strong>Note:</strong> This attribute is obsolete and <strong>should not be used by authors</strong>. Use the HTTP {{HTTPHeader("Content-Type")}} header on the linked URL.</p> - </div> - </dd> - <dt id="coords">{{HTMLAttrDef("coords")}}{{Obsolete_Inline("HTML5")}}</dt> - <dd>Used with <a href="#shape">the <code>shape</code> attribute</a>. A comma-separated list of coordinates.</dd> - <dt id="name">{{HTMLAttrDef("name")}}{{Obsolete_Inline("HTML5")}}</dt> - <dd>Was required to define a possible target location in a page. In HTML 4.01, <code>id</code> and <code>name</code> could both be used on <code><a></code>, as long as they had identical values. - <div class="note"> - <p><strong>Note:</strong> Use the global attribute {{HTMLAttrxRef("id")}} instead.</p> - </div> - </dd> - <dt id="rev">{{HTMLAttrDef("rev")}}{{Obsolete_Inline("HTML5")}}</dt> - <dd>Specified a reverse link; the opposite of <a href="#rel">the <code>rel</code> attribute</a>. Deprecated for being very confusing.</dd> - <dt id="shape">{{HTMLAttrDef("shape")}}{{Obsolete_Inline("HTML5")}}</dt> - <dd>The shape of the hyperlink’s region in an image map. - <div class="note"><strong>Note:</strong> Use the {{HTMLElement("area")}} element for image maps instead.</div> - </dd> -</dl> - -<h2 id="Properties">Properties</h2> - -<table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></th> - <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Interactive_content">interactive content</a>, palpable content.</td> - </tr> - <tr> - <th scope="row">Permitted content</th> - <td><a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content_model">Transparent</a>, containing either <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">flow content</a> (excluding <a href="/en-US/docs/Web/HTML/Content_categories#Interactive_content">interactive content</a>) or <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> - </tr> - <tr> - <th scope="row">Tag omission</th> - <td>{{no_tag_omission}}</td> - </tr> - <tr> - <th scope="row">Permitted parents</th> - <td>Any element that accepts <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, or any element that accepts <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">flow content</a>, but not other <code><a></code> elements.</td> - </tr> - <tr> - <th scope="row">Implicit ARIA role</th> - <td>{{ARIARole("link")}} when <code>href</code> attribute is present, otherwise <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">no corresponding role</a></td> - </tr> - <tr> - <th scope="row">Permitted ARIA roles</th> - <td> - <p>When <code>href</code> attribute is present:</p> - - <ul> - <li>{{ARIARole("button")}}</li> - <li>{{ARIARole("checkbox")}}</li> - <li>{{ARIARole("menuitem")}}</li> - <li>{{ARIARole("menuitemcheckbox")}}</li> - <li>{{ARIARole("menuitemradio")}}</li> - <li>{{ARIARole("option")}}</li> - <li>{{ARIARole("radio")}}</li> - <li>{{ARIARole("switch")}}</li> - <li>{{ARIARole("tab")}}</li> - <li>{{ARIARole("treeitem")}}</li> - </ul> - - <p>When <code>href</code> attribute is not present:</p> - - <ul> - <li>any</li> - </ul> - </td> - </tr> - <tr> - <th scope="row">DOM interface</th> - <td>{{DOMxRef("HTMLAnchorElement")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Examples">Examples</h2> - -<h3 id="Linking_to_an_absolute_URL">Linking to an absolute URL</h3> - -<h4 id="HTML">HTML</h4> - -<pre class="brush: html notranslate"><a href="https://www.mozilla.com"> - Mozilla -</a></pre> - -<h4 id="Result">Result</h4> - -<p>{{EmbedLiveSample('Linking_to_an_absolute_URL')}}</p> - -<h3 id="Linking_to_relative_URLs">Linking to relative URLs</h3> - -<h4 id="HTML_2">HTML</h4> - -<pre class="brush: html notranslate"><a href="//example.com">Scheme-relative URL</a> -<a href="/en-US/docs/Web/HTML">Origin-relative URL</a> -<a href="./p">Directory-relative URL</a> -</pre> - -<div class="hidden"> -<h4 id="CSS">CSS</h4> - -<pre class="brush: css notranslate">a { display: block; margin-bottom: 0.5em }</pre> -</div> - -<h4 id="Result_2">Result</h4> - -<p>{{EmbedLiveSample('Linking_to_relative_URLs')}}</p> - -<h3 id="Linking_to_an_element_on_the_same_page">Linking to an element on the same page</h3> - -<pre class="brush: html notranslate"><!-- <a> element links to the section below --> -<p><a href="#Section_further_down"> - Jump to the heading below -</a></p> - -<!-- Heading to link to --> -<h2 id="Section_further_down">Section further down</h2> -</pre> - -<div class="blockIndicator note"> -<p><strong>Note:</strong> You can use <code>href="#top"</code> or the empty fragment (<code>href="#"</code>) to link to the top of the current page, <a href="https://html.spec.whatwg.org/multipage/browsing-the-web.html#scroll-to-the-fragment-identifier">as defined in the HTML specification</a>.</p> -</div> - -<h3 id="Linking_to_an_email_address">Linking to an email address</h3> - -<p>To create links that open in the user's email program to let them send a new message, use the <code>mailto:</code> scheme:</p> - -<pre class="brush: html notranslate"><a href="mailto:nowhere@mozilla.org">Send email to nowhere</a></pre> - -<p>For details about <code>mailto:</code> URLs, such as including a subject or body, see <a href="/en-US/docs/Web/Guide/HTML/Email_links">Email links</a> or {{RFC(6068)}}.</p> - -<h3 id="Linking_to_telephone_numbers">Linking to telephone numbers</h3> - -<pre class="brush: html notranslate"><a href="tel:+49.157.0156">+49 157 0156</a> -<a href="tel:+1(555)5309">(555) 5309</a></pre> - -<p><code>tel:</code> link behavior varies with device capabilities:</p> - -<ul> - <li>Cellular devices autodial the number.</li> - <li>Most operating systems have programs that can make calls, like Skype or FaceTime.</li> - <li>Websites can make phone calls with {{domxref("Navigator/registerProtocolHandler", "registerProtocolHandler")}}, such as <code>web.skype.com</code>.</li> - <li>Other behaviors include saving the number to contacts, or sending the number to another device.</li> -</ul> - -<p>See {{RFC(3966)}} for syntax, additional features, and other details about the <code>tel:</code> URL scheme.</p> - -<h3 id="Using_the_download_attribute_to_save_a_<canvas>_as_a_PNG">Using the download attribute to save a <canvas> as a PNG</h3> - -<p>To save a {{HTMLElement("canvas")}} element’s contents as an image, you can create a link with a <code>download</code> attribute and the canvas data as a <code>data:</code> URL:</p> - -<h4 id="Example_painting_app_with_save_link">Example painting app with save link</h4> - -<h5 id="HTML_3">HTML</h5> - -<pre class="brush: html notranslate"><p>Paint by holding down the mouse button and moving it. - <a href="" download="my_painting.png">Download my painting</a> -</p> - -<canvas width="300" height="300"></canvas> -</pre> - -<h5 id="CSS_2">CSS</h5> - -<pre class="brush: css notranslate">html { - font-family: sans-serif; -} -canvas { - background: #fff; - border: 1px dashed; -} -a { - display: inline-block; - background: #69c; - color: #fff; - padding: 5px 10px; -}</pre> - -<h5 id="JavaScript">JavaScript</h5> - -<pre class="brush: js notranslate">var canvas = document.querySelector('canvas'), - c = canvas.getContext('2d'); -c.fillStyle = 'hotpink'; - -function draw(x, y) { - if (isDrawing) { - c.beginPath(); - c.arc(x, y, 10, 0, Math.PI*2); - c.closePath(); - c.fill(); - } -} - -canvas.addEventListener('mousemove', event => - draw(event.offsetX, event.offsetY) -); -canvas.addEventListener('mousedown', () => isDrawing = true); -canvas.addEventListener('mouseup', () => isDrawing = false); - -document.querySelector('a').addEventListener('click', event => - event.target.href = canvas.toDataURL() -); -</pre> - -<h5 id="Result_3">Result</h5> - -<p>{{EmbedLiveSample('Example_painting_app_with_save_link', '100%', '400')}}</p> - -<h2 id="Security_and_privacy">Security and privacy</h2> - -<p><code><a></code> elements can have consequences for users’ security and privacy. See <a href="/en-US/docs/Web/Security/Referer_header:_privacy_and_security_concerns"><code>Referer</code> header: privacy and security concerns</a> for information.</p> - -<p>Using <code>target="_blank"</code> without <code>rel="noreferrer"</code> and <code>rel="noopener"</code> makes the website vulnerable to {{domxref("window.opener")}} API exploitation attacks (<a href="https://www.jitbit.com/alexblog/256-targetblank---the-most-underestimated-vulnerability-ever/">vulnerability description</a>), although note that, in newer browser versions (e.g. Firefox 79+) setting <code>target="_blank"</code> implicitly provides the same protection as setting <code>rel="noopener"</code>.</p> - -<h2 id="Accessibility">Accessibility</h2> - -<h3 id="Strong_link_text">Strong link text</h3> - -<p><strong>The content inside a link should indicate where the link goes</strong>, even out of context.</p> - -<h4 id="Inaccessible_weak_link_text">Inaccessible, weak link text</h4> - -<p>A sadly common mistake is to only link the words “click here” or “here”:</p> - -<pre class="brush: html example-bad notranslate"><p> - Learn more about our products <a href="/products">here</a>. -</p> -</pre> - -<h4 id="Strong_link_text_2">Strong link text</h4> - -<p>Luckily, this is an easy fix, and it’s actually shorter than the inaccessible version!</p> - -<pre class="brush: html example-good notranslate"><p> - Learn more <a href="/products">about our products</a>. -</p></pre> - -<p>Assistive software have shortcuts to list all links on a page. However, strong link text benefits all users — the “list all links” shortcut emulates how sighted users quickly scan pages.</p> - -<h3 id="onclick_events">onclick events</h3> - -<p>Anchor elements are often abused as fake buttons by setting their <code>href</code> to <code>#</code> or <code>javascript:void(0)</code> to prevent the page from refreshing, then listening for their <code>click</code> events .</p> - -<p>These bogus <code>href</code> values cause unexpected behavior when copying/dragging links, opening links in a new tab/window, bookmarking, or when JavaScript is loading, errors, or is disabled. They also convey incorrect semantics to assistive technologies, like screen readers.</p> - -<p>Use a {{HTMLElement("button")}} instead. In general, <strong>you should only use a hyperlink for navigation to a real URL</strong>.</p> - -<h3 id="External_links_and_linking_to_non-HTML_resources">External links and linking to non-HTML resources</h3> - -<p>Links that open in a new tab/window via <code>target="_blank"</code>, or links that point to a download file should indicate what will happen when the link is followed.</p> - -<p>People experiencing low vision conditions, navigating with the aid of screen reading technology, or with cognitive concerns may be confused when a new tab, window, or application opens unexpectedly. Older screen-reading software may not even announce the behavior.</p> - -<h4 id="Link_that_opens_a_new_tabwindow">Link that opens a new tab/window</h4> - -<pre class="brush: html notranslate"><a target="_blank" href="https://www.wikipedia.org"> - Wikipedia (opens in new tab) -</a> -</pre> - -<h4 id="Link_to_a_non-HTML_resource">Link to a non-HTML resource</h4> - -<pre class="brush: html notranslate"><a href="2017-annual-report.ppt"> - 2017 Annual Report (PowerPoint) -</a> -</pre> - -<p>If an icon is used to signify link behavior, make sure it has {{HTMLAttrxRef("alt", "img", "alt text", "true")}}:</p> - -<pre class="brush: html notranslate"><a target="_blank" href="https://www.wikipedia.org"> - Wikipedia - <img alt="(opens in new tab)" src="newtab.svg"> -</a> - -<a href="2017-annual-report.ppt"> - 2017 Annual Report - <img alt="(PowerPoint file)" src="ppt-icon.svg"> -</a></pre> - -<ul> - <li><a href="https://webaim.org/techniques/hypertext/hypertext_links">WebAIM: Links and Hypertext - Hypertext Links</a></li> - <li><a href="/en-US/docs/Web/Accessibility/Understanding_WCAG/Understandable#Guideline_3.2_—_Predictable_Make_Web_pages_appear_and_operate_in_predictable_ways">MDN / Understanding WCAG, Guideline 3.2</a></li> - <li><a href="https://www.w3.org/TR/WCAG20-TECHS/G200.html">G200: Opening new windows and tabs from a link only when necessary</a></li> - <li><a href="https://www.w3.org/TR/WCAG20-TECHS/G201.html">G201: Giving users advanced warning when opening a new window</a></li> -</ul> - -<h3 id="Skip_links">Skip links</h3> - -<p>A <strong>skip link</strong> is a link placed as early as possible in {{HTMLElement("body")}} content that points to the beginning of the page's main content. Usually, CSS hides a skip link offscreen until focused.</p> - -<pre class="notranslate"><body> - <a href="#content">Skip to main content</a> - - <header> - … - </header> - - <main id="content"> <!-- The skip link jumps to here --> -</pre> - -<pre class="brush: css notranslate">.skip-link { - position: absolute; - top: -3em; - background: #fff; -} -.skip-link:focus { - top: 0; -}</pre> - -<p>Skip links let keyboard users bypass content repeated throughout multiple pages, such as header navigation.</p> - -<p>Skip links are especially useful for people who navigate with the aid of assistive technology such as switch control, voice command, or mouth sticks/head wands, where the act of moving through repetitive links can be laborious.</p> - -<ul> - <li><a href="https://webaim.org/techniques/skipnav/">WebAIM: "Skip Navigation" Links</a></li> - <li><a href="https://a11yproject.com/posts/skip-nav-links/">How-to: Use Skip Navigation links</a></li> - <li><a href="/en-US/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.4_%E2%80%94_Navigable_Provide_ways_to_help_users_navigate_find_content_and_determine_where_they_are">MDN / Understanding WCAG, Guideline 2.4 explanations</a></li> - <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-skip.html">Understanding Success Criterion 2.4.1</a></li> -</ul> - -<h3 id="Size_and_proximity">Size and proximity</h3> - -<h4 id="Size">Size</h4> - -<p>Interactive elements, like links, should provide an area large enough that it is easy to activate them. This helps a variety of people, including those with motor control issues and those using imprecise inputs such as a touchscreen. A minimum size of 44×44 <a href="https://www.w3.org/TR/WCAG21/#dfn-css-pixels">CSS pixels</a> is recommended.</p> - -<p>Text-only links in prose content are exempt from this requirement, but it’s still a good idea to make sure enough text is hyperlinked to be easily activated.</p> - -<ul> - <li><a href="https://www.w3.org/WAI/WCAG21/Understanding/target-size.html">Understanding Success Criterion 2.5.5: Target Size</a></li> - <li><a href="http://adrianroselli.com/2019/06/target-size-and-2-5-5.html">Target Size and 2.5.5</a></li> - <li><a href="https://a11yproject.com/posts/large-touch-targets/">Quick test: Large touch targets</a></li> -</ul> - -<h4 id="Proximity">Proximity</h4> - -<p>Interactive elements, like links, placed in close visual proximity should have space separating them. Spacing helps people with motor control issues, who may otherwise accidentally activate the wrong interactive content.</p> - -<p>Spacing may be created using CSS properties like {{CSSxRef("margin")}}.</p> - -<ul> - <li><a href="https://axesslab.com/hand-tremors/">Hand tremors and the giant-button-problem</a></li> -</ul> - -<h2 id="Specifications">Specifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Referrer Policy", "#referrer-policy-delivery-referrer-attribute", "referrer attribute")}}</td> - <td>{{Spec2("Referrer Policy")}}</td> - <td>Added the <code>referrerpolicy</code> attribute.</td> - </tr> - <tr> - <td>{{SpecName("HTML WHATWG", "textlevel-semantics.html#the-a-element", "<a>")}}</td> - <td>{{Spec2("HTML WHATWG")}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName("HTML5 W3C", "textlevel-semantics.html#the-a-element", "<a>")}}</td> - <td>{{Spec2("HTML5 W3C")}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName("HTML4.01", "struct/links.html#h-12.2", "<a>")}}</td> - <td>{{Spec2("HTML4.01")}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - - - -<p>{{Compat("html.elements.a")}}</p> - -<h2 id="See_also">See also</h2> - -<ul> - <li>{{HTMLElement("link")}} is similar to <code><a></code>, but for metadata hyperlinks that are invisible to users.</li> - <li>{{CSSxRef(":link")}} is a CSS pseudo-class that will match <code><a></code> elements with valid <code>href</code> attributes.</li> -</ul> diff --git a/files/fa/web/html/element/abbr/index.html b/files/fa/web/html/element/abbr/index.html deleted file mode 100644 index b7a78b41f7..0000000000 --- a/files/fa/web/html/element/abbr/index.html +++ /dev/null @@ -1,142 +0,0 @@ ---- -title: <abbr> -slug: Web/HTML/Element/abbr -translation_of: Web/HTML/Element/abbr ---- -<p id="Summary">{{HTMLRef}}</p> - -<p dir="rtl">عنصر <abbr> (یا عنصر مخفف) نشان دهننده مخفف و به صورت اختتیاری شرحی کامل برای آن است. درصورت وجود شرح ، باید آن را به طور کامل بدون چیز دیگری در در صفت title بنویسید.</p> - -<pre class="brush: html"><p>I do <abbr title="Hypertext Markup Language">HTML</abbr></p></pre> - -<p style="margin-top: -1.5em;"><small>See more in depth examples in the <em><a href="https://developer.mozilla.org/en-US/Learn/HTML/Howto/Mark_abbreviations_and_make_them_understandable">How to mark abbreviations and make them understandable</a></em> article.</small></p> - -<table class="properties"> - <tbody> - <tr> - <th scope="row">DOM Interface</th> - <td>{{domxref("HTMLElement")}}</td> - </tr> - <tr> - <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Content categories</a></th> - <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, palpable content</td> - </tr> - <tr> - <th scope="row">Permitted content</th> - <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a></td> - </tr> - <tr> - <th scope="row">Permitted parent elements</th> - <td>Any element that accepts <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a></td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="صفات">صفات</h2> - -<p dir="rtl">این عنصر تنها شامل <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">صفات عمومی</a> است.</p> - -<p dir="rtl">برای تعریف شرح کامل مخفف از صفت {{htmlattrxref("title")}} استفده کنید.</p> - -<h2 dir="rtl" id="Specifications" name="Specifications">مشخصات</h2> - -<p dir="rtl"> </p> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">مشخصه</th> - <th scope="col">وضعیت</th> - <th scope="col">توضیح</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML4.01', 'struct/text.html#edef-ABBR', '<abbr>')}}</td> - <td>{{Spec2('HTML4.01')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="سازگاری_با_مرورگر">سازگاری با مرورگر</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>2.0</td> - <td>{{CompatGeckoDesktop(1.0)}} [1]</td> - <td>7.0</td> - <td>1.3</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Up to Gecko 1.9.2 (Firefox 3.6), Firefox implemented the {{domxref("HTMLSpanElement")}} interface for this element instead of the {{domxref("HTMLElement")}} interface.</p> - -<h2 dir="rtl" id="ظاهر_پیش_فرض">ظاهر پیش فرض</h2> - -<p dir="rtl">هدف از این عنصر صرفا راحتی نویسند است و همه مرورگر ها آن را به صورت خطی (inline) نمایش میدهند.</p> - -<ul> - <li dir="rtl">برخی از مرورگر های مانند Internet Explorer ، این عنصر را همانند عنصر {{HTMLElement("span")}} نمایش میدهند</li> - <li dir="rtl">Opern ، Firefox و برخی دیگر به محتوای آن یک آندرلاین نقطه نقطه اضافه میکنند.</li> -</ul> - -<h2 dir="rtl" id="همچنین_ببینید">همچنین ببینید</h2> - -<ul> - <li dir="rtl"><a href="/en-US/Learn/HTML/Element/abbr">Using the <abbr> element</a></li> - <li>Other elements conveying <a href="/en-US/docs/HTML/Text_level_semantics_conveying_elements" title="HTML/Text level semantics conveying elements">text-level semantics</a>: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li> -</ul> - -<div> </div> - -<div> </div> diff --git a/files/fa/web/html/element/data/index.html b/files/fa/web/html/element/data/index.html deleted file mode 100644 index 9d06506179..0000000000 --- a/files/fa/web/html/element/data/index.html +++ /dev/null @@ -1,94 +0,0 @@ ---- -title: <data> -slug: Web/HTML/Element/data -translation_of: Web/HTML/Element/data ---- -<div>{{HTMLRef}}</div> - -<p>The <strong>HTML <code><data></code> element</strong> links a given content with a machine-readable translation. If the content is time- or date-related, the {{HTMLElement("time")}} element must be used.</p> - -<div>{{EmbedInteractiveExample("pages/tabbed/data.html", "tabbed-standard")}}</div> - -<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p> - -<table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Content categories</a></th> - <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, palpable content.</td> - </tr> - <tr> - <th scope="row">Permitted content</th> - <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> - </tr> - <tr> - <th scope="row">Tag omission</th> - <td>{{no_tag_omission}}</td> - </tr> - <tr> - <th scope="row">Permitted parents</th> - <td>Any element that accepts <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> - </tr> - <tr> - <th scope="row">DOM interface</th> - <td>{{domxref("HTMLDataElement")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Attributes">Attributes</h2> - -<p>This element's attributes include the <a href="/en-US/docs/HTML/Global_attributes">global attributes</a>.</p> - -<dl> - <dt>{{htmlattrdef("value")}}</dt> - <dd>This attribute specifies the machine-readable translation of the content of the element.</dd> -</dl> - -<h2 id="Example">Example</h2> - -<p>The following example displays product names but also associates each name with a product number.</p> - -<pre class="brush: html"><p>New Products</p> -<ul> - <li><data value="398">Mini Ketchup</data></li> - <li><data value="399">Jumbo Ketchup</data></li> - <li><data value="400">Mega Jumbo Ketchup</data></li> -</ul> -</pre> - -<h2 id="Specifications">Specifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', 'semantics.html#the-data-element', '<data>')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>No change from {{SpecName('HTML5 W3C')}}</td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-data-element', '<data>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td>Initial definition.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - - - -<p>{{Compat("html.elements.data")}}</p> - -<h2 id="See_also">See also</h2> - -<ul> - <li>The HTML {{HTMLElement("time")}} element.</li> -</ul> diff --git a/files/fa/web/html/element/em/index.html b/files/fa/web/html/element/em/index.html deleted file mode 100644 index 527d56af2f..0000000000 --- a/files/fa/web/html/element/em/index.html +++ /dev/null @@ -1,150 +0,0 @@ ---- -title: <em> -slug: Web/HTML/Element/em -translation_of: Web/HTML/Element/em ---- -<h2 dir="rtl" id="خلاصه">خلاصه</h2> - -<p dir="rtl">برچسب HTML تاکید <em> نشانه آن است که متن دارای تاکید و اهمیت بیشری می باشد. برچسب <em> میتواند به صورت تو در تو باشد و هر مرحله از تودرتویی به معنای درجه بیشتری از مهم بودن میباشد.</p> - -<p dir="rtl"> </p> - -<div class="note" dir="rtl"><strong>توجه داشته یاشید: </strong>به صورت معمول این عنصر به صورت مورب (کج) نمایش داده میشود ، با این حال، حقیقتا نباید برای اضافه کردن ظاهر مورب از این تگ استفاده نمود. برای مشخص کردن عنوان کاری (مانند: کتاب ، بازی ، آهنگ و ...) از {{HTMLElement("cite")}} استفاده کنید. این عنصر نیز معمولا با ظاهر مورب نمایش داده میشود. همچنین از {{HTMLElement("strong")}} برای متن هایی استفاده کنید که درجه اهمیت بیشتری نسبت به متن های اطراف دارند.</div> - -<table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></th> - <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, palpable content</td> - </tr> - <tr> - <th scope="row">Permitted content</th> - <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> - </tr> - <tr> - <th scope="row">Tag omission</th> - <td>{{no_tag_omission}}</td> - </tr> - <tr> - <th scope="row">Permitted parent elements</th> - <td>Any element that accepts <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> - </tr> - <tr> - <th scope="row">DOM interface</th> - <td>{{domxref("HTMLElement")}} Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the {{domxref("HTMLSpanElement")}} interface for this element.</td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="ویژگی_ها">ویژگی ها</h2> - -<p dir="rtl">این عنصر تنها شامل <a href="/en-US/docs/Web/HTML/Global_attributes">ویژگی های همگانی</a> می باشد.</p> - -<h2 dir="rtl" id="مثال">مثال</h2> - -<p dir="rtl">عنصر <em> اغلب برای نمایش تضاد ضمنی یا صریح استفاده میشود.</p> - -<pre class="brush: html" dir="rtl"><p> - In HTML 5, what was previously called <em>block-level</em> content is now called <em>flow</em> content. -</p></pre> - -<h3 dir="rtl" id="Result" name="Result">نتیجه</h3> - -<p>In HTML 5, what was previously called <em>block-level</em> content is now called <em>flow</em> content.</p> - -<h2 dir="rtl" id="<i>_در_مقابل_<em>"><i> در مقابل <em></h2> - -<p dir="rtl"><span style="line-height: 1.5;">این اکثرا برای توسعه دهندگان جدید گیج کننده است ، که چرا تعداد بسیاری عنصر مختلف برای تاکید بر برخی از متن وجود دارد. اتفاقا <i> و <em> یکی از شاید ترین این موارد هستند ، چرا از <i> و <em> با هم استفاده کنیم؟ آنها دقیقا یک نتیجه را تولید میکنند ، درست است؟</span></p> - -<p dir="rtl">نه دقیقا. نتیجه بصری اینگونه است، اما به صورت پیش فرض، این دو برچسب نتیجه خود را به صورت مورب نشان میدهند. اما از لحاظ معنایی این دو متفاوت اند. برچسب <em> نشان دهنده تاکید بر محتوای آن است درحای که <i> نشان دهنده یک متن معمولی است. مانند نام یک فیلم یا کتاب یک لغت خارجی یا زمانی که متن مربوط به تعریف یک لغت بجای استفاده از معنای آن باشد میباشد.</p> - -<p dir="rtl">مثالی برای <em> میتواند این باشد:«این را همین اکنون انجام بده!» یا «ما باید کاری برای آن میکردیم.» یک شخص یا نرم افزار که متن را میخواند متن های مورب را با تاکید بیشتری میخواند.</p> - -<p dir="rtl">به عنوان مثالی برای <i> میتوان گفت:«ملکه مری دیشب با ناز و عشوه راه میرفت.» در اینجا هیچ تاکید خواص و یا اهمیت اضافه ای به "ملکه مری" وجود ندارد. این تنها نشان دهنده این است که شی ما در سوال ملکه ای به نام مری نیست. بلکه یک کشتی به نام ملکه مری است. مثال دیگری برای <i> میتواند این باشد:«این کلمه یک مقاله است»</p> - -<h2 dir="rtl" id="Specifications" name="Specifications">مشخصات</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">مشخصه</th> - <th scope="col">وضعیت</th> - <th scope="col">توضیح</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-em-element', '<em>')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-em-element', '<em>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<em>')}}</td> - <td>{{Spec2('HTML4.01')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 dir="rtl" id="See_also" name="See_also">همچنین ببینید</h2> - -<ul dir="rtl"> - <li>{{HTMLElement("i")}}</li> -</ul> - -<div>{{HTMLRef}}</div> diff --git a/files/fa/web/html/element/heading_elements/index.html b/files/fa/web/html/element/heading_elements/index.html deleted file mode 100644 index 9caa97cd0b..0000000000 --- a/files/fa/web/html/element/heading_elements/index.html +++ /dev/null @@ -1,143 +0,0 @@ ---- -title: Heading elements -slug: Web/HTML/Element/Heading_Elements -translation_of: Web/HTML/Element/Heading_Elements ---- -<h2 dir="rtl" id="خلاصه">خلاصه</h2> -<p dir="rtl">عنصر<strong> سرفصل</strong> در شش سطح برای سر فصل گذاری پیاده سازی شده است , <h1> برای مهم ترین(برجسته ترین) و <h6> برای کم اهمیت ترین. عنصر سر فصل به طور خلاصه موضوع اصلی بخش را معرفی می کند.</p> -<p>Heading information may be used by user agents, for example, to construct a table of contents for a document automatically.</p> -<ul class="htmlelt" dir="rtl"> - <li dir="ltr"><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, heading content, palpable content.</li> - <li dir="ltr"><dfn>Permitted content</dfn> <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</li> - <li dir="ltr"><dfn>Tag omission</dfn> {{no_tag_omission}}</li> - <li dir="ltr"><dfn>Permitted parent elements</dfn> Any element that accepts <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">flow content</a>; or as a child of an {{HTMLElement("hgroup")}} element</li> - <li dir="ltr"><dfn>DOM interface</dfn> {{domxref("HTMLHeadingElement")}}</li> -</ul> -<h2 dir="rtl" id="صفات">صفات</h2> -<p dir="rtl"><span style="line-height: 21px;">این عنصر ها شامل </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">صفات سراسری</a><span style="line-height: 21px;"> میشوند. </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes"> </a></p> -<p dir="rtl">صفت <strong>align</strong> یک صفت {{deprecated_inline}} در {{HTMLVersionInline(4.01)}} و {{obsolete_inline}} در {{HTMLVersionInline(5)}} است.</p> -<h2 dir="rtl" id="مثال_ها">مثال ها</h2> -<h3 dir="rtl" id="تمام_سرفصل_ها">تمام سرفصل ها</h3> -<pre class="brush: html" dir="rtl"><h1>Heading level 1</h1> -<h2>Heading level 2</h2> -<h3>Heading level 3</h3> -<h4>Heading level 4</h4> -<h5>Heading level 5</h5> -<h6>Heading level 6</h6> -</pre> -<p dir="rtl">خروجی کد HTML بالا :</p> -<p dir="rtl"><img alt="Image:HTML-headers2.png" src="/@api/deki/files/245/=HTML-headers2.png" style="float: left;"></p> -<p dir="rtl"> </p> -<p dir="rtl"> </p> -<p dir="rtl"> </p> -<p dir="rtl"> </p> -<h3 dir="rtl" id="sect1"> </h3> -<h3 dir="rtl" id="مثال_در_صفحه">مثال در صفحه :</h3> -<pre class="brush: html"><h1>Heading elements</h1> -<h2>Summary</h2> -<p>Some text here...</p> - -<h2>Examples</h2> -<h3>Example 1</h3> -<p>Some text here...</p> - -<h3>Example 2</h3> -<p>Some text here...</p> - -<h2>see also</h2> -<p>Some text here...</p> -</pre> -<p>خروجی کد HTML بالا :</p> -<p><img alt="Image:HTML-headers1.png" src="/@api/deki/files/244/=HTML-headers1.png" style="float: left;"></p> -<p> </p> -<p> </p> -<p> </p> -<p> </p> -<p> </p> -<p> </p> -<p> </p> -<p> </p> -<h2 dir="rtl" id="توجه">توجه</h2> -<p dir="rtl">از سطح های پایین برای کوچک کردن اندازه فونت سرفصل <strong>استفاده</strong> <strong>نکنید</strong>: به جای آن از ویژگی اندازه فونت در <a href="/en-US/docs/CSS/font-size" title="/en-US/docs/CSS/font-size">CSS font-size</a> CSS استفاده کنید.</p> -<p dir="rtl"> از همه سطح ها استفاده کنید : همیشه از سطح ۱ <h1> شروع کنید، بعد سطح ۲ <h2> و به همین ترتیب تا آخر ... . همچنین سعی کنید در هر صفحه فقط یک بار از سطح ۱ <h1> برای سر فصل استفاده کنید.</p> -<p dir="rtl">برای تعریف نمای کلی (outline) اسناد در {{HTMLVersionInline(5)}}, از {{HTMLElement("section")}} استفاده کنید . سرفصل ها برای بخش ها و زیر بخش ها عنوان را مشخص می کنند. شما همچنین می توانید محتوای سرفصل ها را گروه بندی کنید با استفاده از عنصر {{HTMLElement("div")}}.</p> -<h2 dir="rtl" id="Specifications" name="Specifications">مشخصات</h2> -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">مشخصات</th> - <th scope="col">وضعیت</th> - <th scope="col">توضیحات</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', 'sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'the-aside-element.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML4.01', 'global.html#h-7.5.5', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}</td> - <td>{{Spec2('HTML4.01')}}</td> - <td> </td> - </tr> - </tbody> -</table> -<h2 dir="rtl" id="سازگاری_در_مرورگرها">سازگاری در مرورگرها</h2> -<p dir="rtl">{{CompatibilityTable}}</p> -<div dir="rtl" id="compat-desktop"> - <table class="compat-table"> - <tbody> - <tr> - <th>ویژگی</th> - <th>کروم</th> - <th>فایرفاکس (Gecko)</th> - <th>اینترنت اکسپلورر</th> - <th>اپرا</th> - <th>Safari</th> - </tr> - <tr> - <td>پشتیبانی اولیه</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1.0")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> - </table> -</div> -<div dir="rtl" id="compat-mobile"> - <table class="compat-table"> - <tbody> - <tr> - <th>ویژگی</th> - <th>اندروید</th> - <th>فایرفاکس موبایل (Gecko)</th> - <th>اینترنت اکسپلورر موبایل</th> - <th>اپرا موبایل</th> - <th>Safari موبابل</th> - </tr> - <tr> - <td>پشتیبانی اولیه</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("1.0")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> - </table> -</div> -<h2 dir="rtl" id="همچنین_ببینید">همچنین ببینید</h2> -<ul dir="rtl"> - <li>{{HTMLElement("p")}}</li> - <li>{{HTMLElement("div")}}</li> - <li>{{HTMLElement("section")}}</li> -</ul> -<p dir="rtl">{{HTML:Element_Navigation}}</p> diff --git a/files/fa/web/html/element/index.html b/files/fa/web/html/element/index.html deleted file mode 100644 index e7bd8d2984..0000000000 --- a/files/fa/web/html/element/index.html +++ /dev/null @@ -1,203 +0,0 @@ ---- -title: عنصرهای HTML -slug: Web/HTML/Element -translation_of: Web/HTML/Element ---- -<p dir="rtl">فهرست پیشرو مرجعی است برای تمام عنصرهای HTML، که دربرگیرندهی عنصرهای جدید در HTML5 نیز میباشد.</p> -<p dir="rtl"><strong>عنصرهای HTML</strong> اجزایی هستند که مشخص میکنند اسناد HTML چگونه باید ساخته شوند، و چه نوع محتوایی در کدام قسمت از سند HTML باید قرار بگیرند. نام آنها باید بین دو علامت ">" و "<" به صورت "<نام عنصر>" قرار میگیرد که به چنین ساختاری یک <em>برچسب</em> گفته میشود. اگر عنصر شامل محتوای دیگری باشد، با یک <em>برچسب پایانی</em> خاتمه مییابد، به صورتی که نام عنصر به همراه یک خط مورب آورده میشود: <code><نام عنصر/>. </code>برخی از عنصرها به برچسب پایانی نیازی ندارند مانند عنصر <code><img></code> که به عنصرهای <em>تهی</em> معروف هستند. اسناد HTML شامل فهرستی درختواره از عنصرهای مختلف هستند، که نام هر یک مشخص کنندهی عملکردش است. برای نمونه عنصر <code><title></code> نشاندهندهی عنوان یک سند است. در ادامه فهرستی الفبایی از عنصرهای HTML وجود دارد.</p> -<h3 dir="rtl" id="A">A</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("a") }} (پیوند)</li> - <li>{{ HTMLElement("abbr") }} (مخفف - کوتاهسازی)</li> - <li>{{ HTMLElement("acronym") }} که {{ obsoleteGeneric("inline","HTML5") }} - در عوض از {{ HTMLElement("abbr") }} استفاده شود</li> - <li>{{ HTMLElement("address") }} (نشانی یا اطلاعات تماس)</li> - <li>{{ HTMLElement("applet") }} که {{ deprecatedGeneric("inline","HTML4") }} و {{ obsoleteGeneric("inline","HTML5") }} - در عوض از {{ HTMLElement("object") }} استفاده شود.</li> - <li>{{ HTMLElement("area") }} (پیوند تصویر-نقشه)</li> - <li>{{ HTMLElement("article") }} (مقالهی مجزا) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("aside") }} (محتوای مرتبط با موضوع اصلی) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("audio") }} (فایل صوتی ضمیمهشده) {{ HTMLVersionInline(5) }}</li> -</ul> -<h3 dir="rtl" id="B">B</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("b") }} (قبلا با نام Bold شناخته میشد)</li> - <li>{{ HTMLElement("base") }} (نشانی پایه)</li> - <li>{{ HTMLElement("basefont") }} که {{ deprecatedGeneric("inline","HTML4") }} و {{ obsoleteGeneric("inline","HTML5") }}</li> - <li>{{ HTMLElement("bdi") }} (محتوای دوطرفه-دوجهت) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("bdo") }} ()</li> - <li>{{ HTMLElement("bgsound") }} (صدای پسزمینه) {{ Non-standard_inline() }}</li> - <li>{{ HTMLElement("big") }} که {{ obsolete_inline("html5") }}</li> - <li>{{ HTMLElement("blink") }} که {{ Non-standard_inline() }}</li> - <li>{{ HTMLElement("blockquote") }} (نقلقول صریح)</li> - <li>{{ HTMLElement("body") }} (بدنهی اصلی سند)</li> - <li>{{ HTMLElement("br") }} (رفتن به خط بعد)</li> - <li>{{ HTMLElement("button") }} (دکمه)</li> -</ul> -<h3 dir="rtl" id="C">C</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("canvas") }} (محیط رسم گرافیکهای پویا) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("caption") }} (عنوان جدول)</li> - <li>{{ HTMLElement("center") }} که {{ Deprecated_inline("html4") }} و {{ obsoleteGeneric("inline","HTML5") }}</li> - <li>{{ HTMLElement("cite") }} (عنوان شغل)</li> - <li>{{ HTMLElement("code") }} (قطعه کد)</li> - <li>{{ HTMLElement("col") }} (ستون جدول)</li> - <li>{{ HTMLElement("colgroup") }} (گروهبندی ستون جدول)</li> - <li>{{ HTMLElement("command") }} (بررسی وضعیت کاربر) {{ HTMLVersionInline(5) }}</li> -</ul> -<h3 dir="rtl" id="D">D</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("datalist") }} (فهرستی از گزینههای از پیش تعریف شده) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("dd") }} (توصیف عبارت)</li> - <li>{{ HTMLElement("del") }} (متن حذفشده)</li> - <li>{{ HTMLElement("details") }} (فراهم آوردن جزییات بیشتر برای کاربر در قالب یک ویجت) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("dfn") }} (تعریف)</li> - <li>{{ HTMLElement("dir") }} که {{ deprecatedGeneric("inline","HTML4") }} و {{ obsoleteGeneric("inline","HTML5") }}</li> - <li>{{ HTMLElement("dl") }} (فهرست تعریفی)</li> - <li>{{ HTMLElement("dt") }} (عبارت تعریفی)</li> -</ul> -<h3 dir="rtl" id="E">E</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("em") }} (تاکید)</li> - <li>{{ HTMLElement("embed") }} (جاسازی یا همان embed کردن) {{ HTMLVersionInline(5) }}</li> -</ul> -<h3 dir="rtl" id="F">F</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("fieldset") }} (مجموعهای کنترلهای یک فرم)</li> - <li>{{ HTMLElement("figcaption") }} (عنوان شکل) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("figure") }} (شکل) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("font") }} که {{ deprecatedGeneric("inline","HTML4") }} و {{ obsoleteGeneric("inline","HTML5") }}</li> - <li>{{ HTMLElement("footer") }} (قسمت انتهایی صفحه) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("form") }} (فرم HTML - جهت جمعآوری اطلاعات از کاربر)</li> - <li>{{ HTMLElement("frame") }} که {{ obsoleteGeneric("inline","HTML5") }}</li> - <li>{{ HTMLElement("frameset") }} که {{ obsoleteGeneric("inline","HTML5") }}</li> -</ul> -<h3 dir="rtl" id="G">G</h3> -<h3 dir="rtl" id="H">H</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("h1") }}، {{ HTMLElement("h2") }}، {{ HTMLElement("h3") }}، {{ HTMLElement("h4") }}، {{ HTMLElement("h5") }}، {{ HTMLElement("h6") }} (عنصرهای مورد نیاز برای عنوانگذاری)</li> - <li>{{ HTMLElement("head") }} (قسمت ابتدایی سند HTML که اطلاعات فرادادهای را شامل میشود)</li> - <li>{{ HTMLElement("header") }} (قسمت ابتدایی صفحه) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("hgroup") }} (گروهی از عناصر که در Heading به کار میروند) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("hr") }} (خط افقی برای جداسازی موضوع)</li> - <li>{{ HTMLElement("html") }} (ریشهی سند HTML، جایی که همه چیز شروع میشود)</li> -</ul> -<h3 dir="rtl" id="I">I</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("i") }} (متن کج)</li> - <li>{{ HTMLElement("iframe") }} (قاب یا frame داخلی)</li> - <li>{{ HTMLElement("img") }} (تصویر)</li> - <li>{{ HTMLElement("input") }} (از اجزای فرم - دریافت ورودی از کاربر)</li> - <li>{{ HTMLElement("ins") }} (متن درجشده)</li> - <li>{{ HTMLElement("isindex") }} که {{ deprecatedGeneric("inline","HTML4") }}</li> -</ul> -<h3 dir="rtl" id="J">J</h3> -<h3 dir="rtl" id="K">K</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("kbd") }} (ورودی صفحهکلید)</li> - <li>{{ HTMLElement("keygen") }} (تولیدکنندهی زوجکلید - متنی تصادفی)</li> -</ul> -<h3 dir="rtl" id="L">L</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("label") }} (برچسب برای کنترلهای فرم)</li> - <li>{{ HTMLElement("legend") }} (عبارتی که بالای مجموعهای از فیلدها قرار میگیرد)</li> - <li>{{ HTMLElement("li") }} (گزینه(ها)ی فهرست)</li> - <li>{{ HTMLElement("link") }} (فرادادهای برای ارتباطهای بینسندی)</li> - <li>{{ HTMLElement("listing") }} (فهرستسازی کد) {{ deprecatedGeneric("inline","HTML3.2") }}</li> -</ul> -<h3 dir="rtl" id="M">M</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("map") }} (نقشهی تصویر)</li> - <li>{{ HTMLElement("mark") }} (متن علامتگذاریشده) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("marquee") }} که {{ Non-standard_inline() }}</li> - <li>{{ HTMLElement("menu") }} (فهرستی از فرمانها) که در HTML4 کنارگذاشته شد اما در HTML5 دوباره استفاده میشود</li> - <li>{{ HTMLElement("meta") }} (فراداده - اطلاعاتی که در مرورگر قابل مشاهده نیستند اما معنای خاصی دارند)</li> - <li>{{ HTMLElement("meter") }} (مقیاس یا اندازهی عددی) {{ HTMLVersionInline(5) }}</li> -</ul> -<h3 dir="rtl" id="N">N</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("nav") }} (پیمایش) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("nobr") }} (عدم درج فاصله) {{ Non-standard_inline() }}</li> - <li>{{ HTMLElement("noframes") }} که {{ obsoleteGeneric("inline","HTML4") }}</li> - <li>{{ HTMLElement("noscript") }} (محتوای اسکریپت بازگشتی)</li> -</ul> -<h3 dir="rtl" id="O">O</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("object") }} (آبجکت یا شی جاسازیشده)</li> - <li>{{ HTMLElement("ol") }} (فهرست مرتب یا شمارهدار)</li> - <li>{{ HTMLElement("optgroup") }} (گروهبندی گزینهها)</li> - <li>{{ HTMLElement("option") }} (گزینهی انتخابی)</li> - <li>{{ HTMLElement("output") }} (نتیجهی محاسبهشده) {{ HTMLVersionInline(5) }}</li> -</ul> -<h3 dir="rtl" id="P">P</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("p") }} (پاراگراف)</li> - <li>{{ HTMLElement("param") }} (پارامتر یک شی)</li> - <li>{{ HTMLElement("plaintext") }} که {{ Deprecated_inline("html2") }}</li> - <li>{{ HTMLElement("pre") }} (متن قالببندیشده)</li> - <li>{{ HTMLElement("progress") }} (نشانگر پیشرفت) {{ HTMLVersionInline(5) }}</li> -</ul> -<h3 dir="rtl" id="Q">Q</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("q") }} (نقلقول)</li> -</ul> -<h3 dir="rtl" id="R">R</h3> -<p dir="rtl">(عنصرهای Ruby به برنامههای پشتیبانی نظیر <a href="https://addons.mozilla.org/en-US/firefox/addon/1935" title="https://addons.mozilla.org/en-US/firefox/addon/1935">XHTML Ruby Support</a> یا <a href="https://addons.mozilla.org/en-US/firefox/addon/6812" title="https://addons.mozilla.org/en-US/firefox/addon/6812">HTML Ruby</a> نیاز دارند که مورد آخر هنور در حال توسعه است)</p> -<ul dir="rtl"> - <li>{{ HTMLElement("rp") }} (پرانتزگذاری در Ruby) که {{ HTMLVersionInline(5) }} و {{ unimplemented_inline() }}</li> - <li>{{ HTMLElement("rt") }} (متن Ruby) که {{ HTMLVersionInline(5) }} و {{ unimplemented_inline() }}</li> - <li>{{ HTMLElement("ruby") }} که {{ HTMLVersionInline(5) }} و {{ unimplemented_inline(33339) }}</li> -</ul> -<h3 dir="rtl" id="S">S</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("s") }} (خطی که از میان عبارت میگذرد) {{ deprecatedGeneric("inline","HTML4") }}</li> - <li>{{ HTMLElement("samp") }} (متن نمونه و پیشنهادی)</li> - <li>{{ HTMLElement("script") }} (اسکریپتی که در سند به کار میرود در این قسمت باید نوشته شود)</li> - <li>{{ HTMLElement("section") }} (بخش جداساز سند) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("select") }} (فهرست انتخابی)</li> - <li>{{ HTMLElement("small") }} (متن با اندازهی کوچک)</li> - <li>{{ HTMLElement("source") }} (جایی که رسانه (فایل صوتی یا تصویری) در آن تعریف میشود) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("spacer") }} (فضای خالی) {{ Non-standard_inline() }}</li> - <li>{{ HTMLElement("span") }} (محدودهی متن)</li> - <li>{{ HTMLElement("strike") }} مانند {{ HTMLElement("s") }} که {{ deprecatedGeneric("inline","HTML4") }}</li> - <li>{{ HTMLElement("strong") }} (نشاندهندهی تاکید زیاد - تاکید قوی)</li> - <li>{{ HTMLElement("style") }} (شیوه نامهی آبشاری یا مخزنی برای تعریف کدهای CSS موردنظر)</li> - <li>{{ HTMLElement("sub") }} (زیرنویس برای متن یا عبارتی خاص)</li> - <li>{{ HTMLElement("summary") }} (خلاصهی جزییات) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("sup") }} (بالانویس برای متن یا عبارتی خاص)</li> -</ul> -<h3 dir="rtl" id="T">T</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("table") }} (جهت نمایش دادههای جدولی)</li> - <li>{{ HTMLElement("tbody") }} (بدنهی جدول)</li> - <li>{{ HTMLElement("td") }} (سلول یا خانهی جدول)</li> - <li>{{ HTMLElement("textarea") }} (ورودی متنی چندخطی)</li> - <li>{{ HTMLElement("tfoot") }} (قسمت انتهایی جدول)</li> - <li>{{ HTMLElement("th") }} (سلول یا خانهی عنوان جدول)</li> - <li>{{ HTMLElement("thead") }} (عنوان جدول)</li> - <li>{{ HTMLElement("time") }} (تاریخ یا زمان) {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("title") }} (عنوان سند)</li> - <li>{{ HTMLElement("tr") }} (سطر جدول)</li> - <li>{{ HTMLElement("track") }} که {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("tt") }} که {{ deprecatedGeneric("inline","HTML5") }}</li> -</ul> -<h3 dir="rtl" id="U">U</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("u") }} (استفاده به عنوان خطزیرین تا HTML4، تغییرشکلیافته در HTML5) که {{ deprecatedGeneric("inline","HTML4") }} و {{ HTMLVersionInline(5) }}</li> - <li>{{ HTMLElement("ul") }} (فهرست نامرتب یا نقطهدار)</li> -</ul> -<h3 dir="rtl" id="V">V</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("var") }} (متغیر)</li> - <li>{{ HTMLElement("video") }} (جهت نمایش ویدیو بدون نیاز به پلاگینهای شخصثالث مانند فلش) {{ HTMLVersionInline(5) }}</li> -</ul> -<h3 dir="rtl" id="W">W</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("wbr") }} (شکستن کلمه به اجزای کوچکتر) {{ HTMLVersionInline(5) }}</li> -</ul> -<h3 dir="rtl" id="X">X</h3> -<ul dir="rtl"> - <li>{{ HTMLElement("xmp") }} (جهت نمایش مثال) {{ deprecatedGeneric("inline","HTML3.2") }} و {{ obsoleteGeneric("inline","HTML4") }}</li> -</ul> -<h3 dir="rtl" id="Y">Y</h3> -<h3 dir="rtl" id="Z">Z</h3> -<p dir="rtl">{{ languages( { "de": "de/HTML/Element", "es": "es/HTML/Elemento", "fr": "fr/HTML/Element", "ja": "ja/HTML/Element", "pl": "pl/HTML/Element", "ko": "ko/HTML/Element", "nl": "nl/HTML/HTML_Tags", "ru": "Ru/HTML/Element", "zh-cn": "cn/HTML/Element", "zh-tw": "zh_tw/HTML/HTML_元素" } ) }}</p> -<p dir="rtl">{{ HTML:Element_Navigation() }}</p> |