در سلسله آموزشهای قبل آنلاینر به معرفی تگ های تو در تو پرداختیم.
در این آموزش قصد آموزش توضیحات در HTML را داریم.
توضیحات در HTML
شاید تا بحال به این نتیجه رسیده باشید که در بعضی مکان های کدنویسی باید خطوطی یا توضیحاتی را نوشت که در صفحه وب نمایش داده نشوند. این عمل از اهمیت زیادی در طراحی وب برخوردار است. برای اینکه چطور و به چه دلیل باید این توضیحات را اضافه کرد ادامه این مقاله را با دقت بخوانید.
با آموزش های آنلاینر در طراحی وب مطمئنا به جایی خواهید رسید که بصورت حرفه ای وب سایت طراحی کنید. حال فرض کنید آن زمان نه چندان دور رسیده است و صفحه وبی طراحی کرده اید با 1054 خط کد HTML . به نظر خود شما باید چه قوانینی را رعایت کرد که اگر شخص دیگری یا حتی خود شما دوباره پس از یک ماه این کد ها را مشاهده کردید سردرگم نشوید و بخوبی کدها را درک کنید؟
اگر نمی دانید آنلاینر برای شما راه حل هایی دارد.
1- قوانین ایجاد توضیحات در HTML را رعایت کنید.
2- قوانینی برای روش خود نیز وضع کنید تا همانطور که می خواهید از کد ها اطلاعات کافی را دریافت کنید.
در زبان HTML برای ایجاد توضیحات از این خط کد استفاده میکنیم
مثال:
[html]
<h1> <!– این بخش سر فصل اصلی مقاله آموزش طراحی وب در سایت آنلاینر است.–>
این مقاله برای آموزش طراحی وب شما کاربران عزیز در سایت <a href="https://www.onliner.ir> <strong>آنلاینر</strong> </a> آماده شده است
</h1>
[/html]
در این مثال متن هایی که بین <!– –> در کد های صفحه وب قرار گیرند، در مرورگر اجرا نخواهند شد. در زمانیکه کدنویسی شما کمی پیچیده تر به نظر می رسند لازم است که در مکانهای مناسب حتما توضیحاتی را اضافه کنید تا در مراجعات بعدی تان زود تر قسمت های مختلف کد ها را درک کنید.
از فواید دیگر این عمل همین افزایش سرعت شما در مراجعات بعدی خواهد شد.
گفتیم برای خود قوانینی وضع کنید تا همانطور که دوست دارید از کدها مطلع شوید.
به عنوان مثال میتوانید علاوه بر توضیحات معمول، بصورت کلی تر نیز برای خود توضیحاتی اضافه کنید تا سرعت پیدا کردن بخش مورد نظرتان افزایش یابد.
دقیقا مثل آدرس دهی یک منزل : خیابان ولیعصر – کوچه بهداد – پلاک 344
حال اگر شما خیابان ولیعصر را ندانید باید تمامی کوجه های آن منطقه را بگردید تا کوچه بهداد را پیدا کنید که مسلما کار عاقلانه ای نیست و وقت زیادی از شما خواهد گرفت.
آنلاینر پیشنهاد میکند برای تسریع در روند کارتان حتما از آدرس دهی در کد هایتان استفاده کنید.
مثالی از همین آدرس دهی
[html]
<body>
<div id="header>
<h1> <!– این بخش سر فصل اصلی مقاله آموزش طراحی وب در سایت آنلاینر است.
این توضیحات در مرورگر نشان داده نمیشوند–>
این مقاله برای آموزش طراحی وب شما کاربران عزیز
در سایت <a href="https://www.onliner.ir> <strong>آنلاینر</strong> </a> آماده شده است.
</h1>
.
.
بقیه کد های بخش HEADER
.
.
</div> <!– #header –>
<div id="content">
.
.
محتوای سایت
.
.
</div> <!– #content>
<div id="footer">
.
.
محتوای فوتر سایت
.
.
</div> <!– #footer>
</body>
[/html]
این کار به اشکال زدایی debuging شما نیز بسیار کمک خواهد کرد تا اگر احیانا تگی را نبسته باشبد یا اشتباه بسته باشید سریعا متوجه آن شده و رفع اشکال کنید.
حتما متوجه شده اید که تمامی این مسائل به افزایش سرعت شما کمک میکند که نشان از اهمیت سرعت در طراحی وب سایت دارد.
در آموزش بعد به مبحث متن ها و لینک ها در HTML میپردازیم.
با آنلاینر همراه شوید …
