diff options
Diffstat (limited to 'files/fa/web_development/historical_artifacts_to_avoid/index.html')
-rw-r--r-- | files/fa/web_development/historical_artifacts_to_avoid/index.html | 44 |
1 files changed, 0 insertions, 44 deletions
diff --git a/files/fa/web_development/historical_artifacts_to_avoid/index.html b/files/fa/web_development/historical_artifacts_to_avoid/index.html deleted file mode 100644 index 75edc73640..0000000000 --- a/files/fa/web_development/historical_artifacts_to_avoid/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: عادتهای بدی که باید از آنها دوری کنید -slug: Web_development/Historical_artifacts_to_avoid -translation_of: Learn/HTML/Introduction_to_HTML -translation_of_original: Web/Guide/HTML/Obsolete_things_to_avoid ---- -<h2 dir="rtl" id="مقدمه">مقدمه</h2> -<p dir="rtl">بسیاری از افراد CSS، HTML و JavaScript را با مشاهدهی کد صفحههای مختلف و copy/paste کردن آنها آموختهاند حال آنکه سایت اصلی ممکن است به درستی این کدها را به کار نبرده باشد. این یعنی افراد شیوههای کدزنی که در گذشته لازم اما امروزه از کار افتاده حساب میشوند را برای خود نهادینه کردهاند. این صفحه سعی در ارایهی فهرستی از این شیوههای کد زنی که به اصطلاح به آنها bad practices گفته میشود، دارد.</p> -<h2 dir="rtl" id="نوع_سند">نوع سند</h2> -<p dir="rtl">نزدیک به ۱۰، <a href="http://en.wikipedia.org/wiki/Document_Type_Declaration" title="http://en.wikipedia.org/wiki/Document_Type_Declaration">نوع سند HTML یا XHTML</a> وجود دارد که تفاوتهای بسیار جزیی با یکدیگر دارند که در پارهای از مواقع قابل مقایسه نیستند. توصیه میشود که شما از نوع سند HTML5 استفاده کنید:</p> -<pre class="brush:html" dir="ltr"><!DOCTYPE html></pre> -<p dir="rtl">که باعث میشود حالت استانداردی در تمامی مرورگرها (حتی اینترنت اکسپلورر ۶) به وجود آید.</p> -<h2 dir="rtl" id="عنصر_<meta>_و_صفت_charset">عنصر <meta> و صفت <code>charset</code></h2> -<p dir="rtl">جستجوی کد صفحه با استفاده از قطعه کد زیر یک روش معمول است:</p> -<pre class="brush:html" dir="ltr"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></pre> -<p dir="rtl">اگرچه تمامی مرورگرها (از جمله اینترنت اکسپلورر ۶) به یک صورت عمل میکنند اگر کد بالا را به صورت زیر بنویسیم:</p> -<pre class="brush:html" dir="ltr"><meta charset="UTF-8" /> -</pre> -<p dir="rtl">این دانش با استفاده از <a href="http://blog.whatwg.org/the-road-to-html-5-character-encoding" title="http://blog.whatwg.org/the-road-to-html-5-character-encoding">مهندسی معکوس</a> و <a href="http://lists.w3.org/Archives/Public/public-html/2007Jul/0550.html#replies" title="http://lists.w3.org/Archives/Public/public-html/2007Jul/0550.html#replies">آزمایشهای عملی</a> به دست آمده است، پس از آن استفاده کنید.</p> -<h2 dir="rtl" id="توضیحات_HTML_در_اسکریپتها">توضیحات HTML در اسکریپتها</h2> -<p dir="rtl">زمانی بود که بعضی مرورگرها برچسب {{ HTMLElement("script") }} را تشخیص میدادند و بعضی خیر که این امر منجر به تفسیر خطوط اسکریپت به عنوان متن خام میشد. ایدهی طبیعی این بود که اسکریپتها را به عنوان توضیحات در HTML قرار دهند که این روش باعث میشد مرورگرهایی که اسکریپت را اجرا میکنند به کار خود ادامه داده و آنهایی که برچسب اسکریپت را متوجه نمیشوند محتویاتش را در نظر نگیرند.</p> -<p dir="rtl">در این دوره بود که ما از چیزهایی استفاده میکردیم شبیه به:</p> -<pre class="brush:html" dir="ltr"><script> -<!-- -var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); -document.write(unescape("%3Cscript src='" + gaJsHost + "bla.com/ga.js' type='text/javascript'%3E%3C/script%3E")); -//--> -</script> -</pre> -<p dir="rtl">یا:</p> -<pre><script type="text/javascript"> -<!--//--><![CDATA[//><!-- -Blabla.extend(MyFramework.settings, { "basePath": "/" }); -//--><!]]> -</script> -</pre> -<p dir="rtl">تمامی اینها امروزه به درد نخور هستند - حتی مرورگرهایی که اسکریپت را اجرا نمیکنند به سادگی برچسب {{ HTMLElement("script") }} را نادیده میگیرند. اسکریپتهای خود را فقط بین برچسب آغازین و پایانی {{ HTMLElement("script") }} بنویسید. بهتر آن است که اسکریپت خود را به عنوان یک فایل جداگانه با صفت {{ htmlattrxref("src", "script") }} در نظر گرفته؛ همچنین میتوانید صفتهای {{ htmlattrxref("async", "script") }} و {{ htmlattrxref("defer", "script") }} موجود در HTML5 را در نظر بگیرید.</p> -<h2 dir="rtl" id="عنصرهایی_که_از_این_پس_نباید_استفاده_شوند">عنصرهایی که از این پس نباید استفاده شوند</h2> -<h3 dir="rtl" id="font">font</h3> -<p dir="rtl">برچسب font دیگر نباید استفاده شود. CSS برای کنترل نحوهی نمایش عنصرها، که با برچسب ID یا Class مشخص میشوند، ترجیح داده میشود.</p> -<h3 dir="rtl" id="b_i_u">b, i, u</h3> -<p dir="rtl">اینها عنصرهای بحثبرانگیزی هستند بنابراین سعی کنید از {{ HTMLElement("strong") }}، {{ HTMLElement("em") }} یا {{ HTMLElement("span") }} و (<code>text-decoration:underline</code>) در CSS استفاده کنید.</p> -<p dir="rtl">در مورد کاربرد این عنصرها با احتیاط برخورد کنید. بعضی توصیه میکنند که {{ HTMLElement("b") }} را با {{ HTMLElement("strong") }} و {{ HTMLElement("i") }} را با {{ HTMLElement("em") }} به سادگی جایگزین کنید در حالی که <strong>این یک توصیهی بد است</strong>. {{ HTMLElement("strong") }} برای عبارتی که تاکید بسیار لازم دارد مورد نیاز است اما {{ HTMLElement("em") }} برای تاکید کمتر است. برای نمونه، ایدهی بدی است که از {{ HTMLElement("em") }} برای ایجاد متن کج استفاده شود؛ متنی که قصد داریم کج نشان دهیم با استفاده از <code>font-style:italic</code> در CSS قابل دسترس است. به همین صورت، عنوان کتابها یا آثار هنری سابق بر این با استفاده از متن کج به وجود میآمدند، اما استفاده از عنصر {{ HTMLElement("cite") }} برای این گونه موارد منجر به تولید کدی معنایی نسبت به {{ HTMLElement("em") }} یا {{ HTMLElement("i") }} میشود.</p> -<p></p> |