چگونه می توان کدهای HTML را سریع نوشت

در این مطلب قصد داریم ببینیم چگونه می توان کدهای HTML را سریع نوشت!.

یکی از دردسرهای طراحان پوسته ها طولانی ، تکراری و خسته کننده بودن نوشتن کدهای اچ تی ام ال می باشد.
کدهایی که هرچند شبیه به هم و تکراری هستند اما با مدل های مختلفی باید نوشته شوند.
به همین منظور طراحان برای کدنویسی سریع تر دستورات اچ تی ام ال روشی را ابداع کردند که در آن با نوشتن دستوراتی مانند سلکتورهای سی اس اس و سپس فشردن کلیدهای ترکیبی خاص می توان کدهای اچ تی ام ال مربوطه را نیز تولید نمود.
به تکه دستور زیر دقت کنید:
div.container>a+ul>li*3
دستور عجیبی هست درسته ؟
این دستور پس از فشردن کلیدترکیبی اختصاصی ادیتور متن شما به کد اچ تی ام ال زیر تبدیل خواهد شد:

<div class="container" >
    <a></a>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

اگر نگاهی به دستور و کدهای معادل آن بیندازید وآنها را با یکدیگر مقایسه نمایید می بینید چندان هم چیز پیجیده ای ننوشته ایم !
این دستورات در واقع همان سلکتورهای سی اس اس هستند که با یک تکنیک جالب در مورد دستورات اچ تی ام ال به کار رفته اند!
اگر به این سیستم علاقه مند شده اید می می خواهید این قابلیت را به ادیتور خود بیافزایید کافیست عبارت Zen Coding را در موتورهای جستجو وارد نمایید.
همچنین نسخه ی جدید این تکنیک با قابلیت های بیشتر با نام Emmet برای بسیاری از ادیتورهای متن منتشر شده است.
نکته: ویژوال استودیو به صورت مستقیم توسط تیم طراح این تکنیک یعنی Zen Coding پشتیبانی نمی شود اما افزونه ی Emmet برای این IDE موجود است. همچنین افزونه های دیگری مانند web essentials نیز از زن کدینگ پشتیبانی می نمایند.

همچنین به خاطر داشته باشید این تکنیک برای کوتاه کردن نوشتن کدهای سی اس اس نیز به کار می رود که برای جزئیات بیشتر باید به راهنمای آن مراجعه نمایید.
موفق باشید.

اگر مفید بود به اشتراک بگذارید ! کلوب فیس نما گوگل پلاس

جوابی بنویسید

ایمیل شما نشر نخواهد شدخانه های ضروری نشانه گذاری شده است. *

*