نکات پایه ای – اطلاعات مفید
هنگامی که شما یک متن HTML می نویسید هرگز نمی توانید مطمئن باشید این متن در یک مرورگر دیگر چطور نشان داده می شود.تعدادی از مردم صفحه نمایش بزرگ کامپیوتر دارند و تعدادی کوچک. هر بار که کاربر اندازه پنجره را تغییر دهد متن دوباره قالب بندی خواهد شد. هرگز سعی نکنید که با اضافه کردن خطوط خالی و فاصله در متن آن را در ویرایشگرتان قالب بندی کنید.
HTML فاصله ها را از متن حذف می کند، هر تعدادی از فاصله ها تنها به یک فاصله تبدیل می شوند.
نکات پایه ای – اطلاعات مفید
همیشه یک علامت “/” به منابع زیر پوشه ها اضافه کنید. اگر شما پیوندی مثل این درست کنید
href=”http://www.html.ir/links.html”
شما دو تقاضا برای سرور درست کرده اید ، چون سرور یک علامت “/” به انتهای آدرس اضافه کرده و یک تقاضای جدید درست می کند. مثل این:
href=”http://www.html.ir/links.html/”
از Anchor نام دار معمولا برای ساخت یک جدول از محتویات در ابتدای یک پرونده بزرگ استفاده می شود. به هر بخش در میان پرونده یک Anchor نام دار داده شده و پیوند به هرکدام از این Anchor ها در بالای پرونده قرار داده شده است. اگر یک مرورگر نتواند Anchor نام داری را که مشخص شده است را پیدا کند به ابتدای آن پرونده رفته و هیچ خطایی اتفاق نمی افتد.
نکات پایه ای-اطلاعات مفید
اگر یک قاب حاشیه پدیدار داشته باشد کاربر می تواند با کشیدن حاشیه آن ، اندازه آن را تغییر دهد. برای جلوگیری از این عمل کاربر ، شما می توانید “noresize=”noresize را به برچسب اضافه کنید. اگر برچسب <![CDATA[ را اضافه کنیم ، مرورگر قاب را پشتیبانی نمی کند.<br />
مهم:شما نمی توانید برچسب های <body> </body> و <frame> </frame> را با هم استفاده کنید. هر چند اگر شما برچسب <noframes> را در مرورگر هایی که قابها را پشتیبانی نمی کنند و حاوی مقداری متن نیز باشد اضافه کنید شما باید متن را بین برچسب های <body> </body> قرار دهید.</p>
<p>نکته های پایه ای-اطلاعات مفید</p>
<p>عناصر
<thead>،<br />
<tbody>و<br />
<tfoot>به دلیل پشتیبانی بد مرورگر ها به ندرت مورد استفاده قرار می گیرند. انتظار می رود که در نسخه های بعدی XHTML این روند تغییر کند.</p>
<p>نکات پایه ای – اطلاعات مفید</p>
<p>اگر یک فایل HTML حاوی 10 تصویر باشد ، برای نمایش کامل صفحه به 11 فایل احتیاج است. بارگیری تصاویر وقت گیر است ، بنابر این بهترین توصیه من اینست که از تصاویر به دقت استفاده کنید.</p>
<p>نکات پایه ای-اطلاعات مفید</p>
<p>bg color, background و موجودیت های متن در برچسب <body> در آخرین نسخه HTML بد دانسته شده است. کنسرسیوم شبکه گسترده جهانی(w3c) این موجودیت ها را از نظریه های خود حذف کرده.<br />
به جای آن از CSS باید استفاده کرد(برای معرفی طرح بندی و نمایش خواص عناصر).</p>
</div></div></div>
<div class="section section-post-footer">
<div class="section_wrapper clearfix">
<div class="column one post-pager">
</div>
</div>
</div>
<div class="section section-post-about">
<div class="section_wrapper clearfix">
<div class="column one author-box">
<div class="author-box-wrapper">
<div class="avatar-wrapper">
<img alt='admin' src='http://2.gravatar.com/avatar/80f55837bcf99e62e4061701eb5cabfc?s=64&d=mm&r=g' srcset='http://2.gravatar.com/avatar/80f55837bcf99e62e4061701eb5cabfc?s=128&d=mm&r=g 2x' class='avatar avatar-64 photo' height='64' width='64' /> </div>
<div class="desc-wrapper">
<h5><a href="http://zarinchegeni.ir/web/author/admin/">admin</a></h5>
<div class="desc"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section-post-related">
<div class="section_wrapper clearfix">
<div class="section-related-adjustment"><h4>Related posts</h4><div class="column one-third post-related post-2277 post type-post status-publish format-standard has-post-thumbnail hentry category-6 category-3 tag-video tag-wordpress"><div class="image_frame scale-with-grid"><div class="image_wrapper"><a href="http://zarinchegeni.ir/web/2014/05/08/5-2/"><div class="mask"></div><img width="300" height="225" src="http://zarinchegeni.ir/web/wp-content/uploads/2014/05/css-300x225.png" class="scale-with-grid wp-post-image" alt="css-300x225" itemprop="image" /></a><div class="image_links double"><a href="http://zarinchegeni.ir/web/wp-content/uploads/2014/05/css-300x225.png" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a href="http://zarinchegeni.ir/web/2014/05/08/5-2/" class="link"><i class="icon-link"></i></a></div></div></div><div class="date_label">می 8, 2014</div><div class="desc"><h4><a href="http://zarinchegeni.ir/web/2014/05/08/5-2/">مزایای Css</a></h4><hr class="hr_color" /><a href="http://zarinchegeni.ir/web/2014/05/08/5-2/" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a></div></div><div class="column one-third post-related post-2281 post type-post status-publish format-standard has-post-thumbnail hentry category-6 tag-wordpress"><div class="image_frame scale-with-grid"><div class="image_wrapper"><a href="http://zarinchegeni.ir/web/2014/05/06/7-2/"><div class="mask"></div><img width="300" height="227" src="http://zarinchegeni.ir/web/wp-content/uploads/2014/05/html-300x227.jpg" class="scale-with-grid wp-post-image" alt="html-300x227" itemprop="image" /></a><div class="image_links double"><a href="http://zarinchegeni.ir/web/wp-content/uploads/2014/05/html-300x227.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a href="http://zarinchegeni.ir/web/2014/05/06/7-2/" class="link"><i class="icon-link"></i></a></div></div></div><div class="date_label">می 6, 2014</div><div class="desc"><h4><a href="http://zarinchegeni.ir/web/2014/05/06/7-2/">یک فایل HTML چیست؟</a></h4><hr class="hr_color" /><a href="http://zarinchegeni.ir/web/2014/05/06/7-2/" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a></div></div><div class="column one-third post-related post-2289 post type-post status-publish format-standard has-post-thumbnail hentry category-5 category-6 tag-design tag-framework"><div class="image_frame scale-with-grid"><div class="image_wrapper"><a href="http://zarinchegeni.ir/web/2014/05/04/11-2/"><div class="mask"></div><img width="300" height="300" src="http://zarinchegeni.ir/web/wp-content/uploads/2014/05/Ecommerce2-300x300.jpg" class="scale-with-grid wp-post-image" alt="Ecommerce2-300x300" itemprop="image" /></a><div class="image_links double"><a href="http://zarinchegeni.ir/web/wp-content/uploads/2014/05/Ecommerce2-300x300.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a href="http://zarinchegeni.ir/web/2014/05/04/11-2/" class="link"><i class="icon-link"></i></a></div></div></div><div class="date_label">می 4, 2014</div><div class="desc"><h4><a href="http://zarinchegeni.ir/web/2014/05/04/11-2/">آموزش ایجاد درگاه اینترنتی</a></h4><hr class="hr_color" /><a href="http://zarinchegeni.ir/web/2014/05/04/11-2/" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a></div></div></div>
</div>
</div>
<div class="section section-post-comments">
<div class="section_wrapper clearfix">
<div class="column one comments">
<div id="comments">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">پاسخ دهید <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web/2014/05/07/6-2/#respond" style="display:none;">لغو پاسخ</a></small></h3>
<form action="http://zarinchegeni.ir/web/wp-comments-post.php" method="post" id="commentform" class="comment-form">
<p class="comment-notes"><span id="email-notes">نشانی ایمیل شما منتشر نخواهد شد.</span> بخش‌های موردنیاز علامت‌گذاری شده‌اند <span class="required">*</span></p> <p class="comment-form-author"><label for="author">نام <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" aria-required='true' required='required' /></p>
<p class="comment-form-email"><label for="email">ایمیل <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" aria-describedby="email-notes" aria-required='true' required='required' /></p>
<p class="comment-form-url"><label for="url">وبلاگ</label> <input id="url" name="url" type="text" value="" size="30" /></p>
<p class="comment-form-comment"><label for="comment">دیدگاه</label> <textarea id="comment" name="comment" cols="45" rows="8" aria-describedby="form-allowed-tags" aria-required="true" required="required"></textarea></p> <p class="form-allowed-tags" id="form-allowed-tags">شما می‌توانید از این دستورات <abbr title="HyperText Markup Language">HTML</abbr> استفاده کنید: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="فرستادن دیدگاه" /> <input type='hidden' name='comment_post_ID' value='2279' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p> </form>
</div><!-- #respond -->
</div>
</div>
</div>
</div>
</div> </div>
<!-- .four-columns - sidebar -->
<div class="sidebar sidebar-1 four columns"><div class="widget-area clearfix ">This template supports the sidebar's widgets. <a href="http://zarinchegeni.ir/web/wp-admin/widgets.php">Add one</a> or use Full Width layout.</div></div>
</div>
</div>
<!-- mfn_hook_content_after --><!-- mfn_hook_content_after -->
<!-- #Footer -->
<footer id="Footer" class="clearfix">
<div class="widgets_wrapper"><div class="container"><div class="column one-fourth"><aside id="search-3" class="widget widget_search"><h4>جست و جو در وب سایت</h4>
<form method="get" id="searchform" action="http://zarinchegeni.ir/web/">
<i class="icon_search icon-search"></i>
<a href="#" class="icon_close"><i class="icon-cancel"></i></a>
<input type="text" class="field" name="s" id="s" placeholder="Enter your search" />
<input type="submit" class="submit" value="" style="display:none;" />
</form></aside></div><div class="column one-fourth"><aside id="text-6" class="widget widget_text"><h4>آدرس </h4> <div class="textwidget">تهران - میدان ونک - برج نگار - واحد 24 اداری</div>
</aside></div><div class="column one-fourth"><aside id="text-7" class="widget widget_text"><h4>تلفن تماس</h4> <div class="textwidget">09120939916 (زرین چگنی)</div>
</aside></div><div class="column one-fourth"><aside id="text-8" class="widget widget_text"><h4>ایمیل</h4> <div class="textwidget">info@zarinchegeni.ir</div>
</aside></div></div></div>
<div class="footer_copy">
<div class="container">
<div class="column one">
<a id="back_to_top" class="button button_left button_js hide" href=""><span class="button_icon"><i class="icon-up-open-big"></i></span></a>
<!-- Copyrights -->
<div class="copyright">
<a href="http://asiait.ir/web-design.html">طراحی سایت</a> و <a href="http://asiait.ir/seo.html">بهینه سازی سایت</a> توسط <a href="http://asiait.ir/">آسیا آی تی</a> </div>
<ul class="social"></ul>
</div>
</div>
</div>
</footer>
</div><!-- #Wrapper -->
<!-- mfn_hook_bottom --><!-- mfn_hook_bottom -->
<!-- wp_footer() -->
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/zarinchegeni.ir\/web\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","recaptchaEmpty":"Please verify that you are not a robot.","sending":"\u062f\u0631 \u062d\u0627\u0644 \u0627\u0631\u0633\u0627\u0644 . . ."};
/* ]]]]><![CDATA[> */
</script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.3.1'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-includes/js/jquery/ui/mouse.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-includes/js/jquery/ui/sortable.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-includes/js/jquery/ui/tabs.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-includes/js/jquery/ui/accordion.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-content/themes/asiait100/js/plugins.js?ver=10.2'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-content/themes/asiait100/js/menu.js?ver=10.2'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-content/themes/asiait100/assets/animations/animations.min.js?ver=10.2'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-content/themes/asiait100/assets/jplayer/jplayer.min.js?ver=10.2'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-content/themes/asiait100/js/scripts.js?ver=10.2'></script>
<script type='text/javascript' src='http://zarinchegeni.ir/web/wp-includes/js/comment-reply.min.js?ver=4.2.34'></script>
</body>
</html>]]>
