HTML кодирането става лесно с дзен кодиране

click fraud protection

Дзен кодиране е един от най-добрите създатели на HTML кодиране, създавани някога. Първоначално объркващо и може би малко сложно да се заобиколиш, но след като го окачиш, нищо не може да надвие лекотата, която ще внесе в живота на кодера.

Zen Coding е основно набор от приставки, които могат да работят с огромно разнообразие от текстови редактори (Notepad ++, Coda, Espresso, Aptana, Komodo и т.н., за да назовем само няколко). Тяхната специалност е да разширят съкращенията в цялостни HTML структури, по най-интелигентен, невероятен начин.

изображение

Структурата на HTML, показана на екрана, е любезно предоставена само от няколко реда, разширени от самото Zen Coding. Както се вижда на екрана, плъгинът се показва като меню в основната лента с инструменти, когато е интегриран с Notepad ++. Това може да се промени от редактор до редактор.

Към кратък преглед на това как работи, нека да видим как е създаден първият HTML блок в горната снимка на екрана. Използваната команда е показана по-долу.

ZEN

Този прост синтаксис води по този начин. Разширяването започва с „div“ таг и всичко след # ще идентифицира „id“ за предишния маркер. The> показва как ще се издигнат дочерните тагове от кой маркер, които в този случай са „таблица“, „tr“, „td“ и т.н. Умножителят на 5 показва, че предходният маркер трябва да бъде повторен многократно. И накрая, маркерът за хипервръзка също се свързва с „клас“, посочен чрез използването на периода. Следователно този един синтаксис се превежда на това:

instagram viewer

ZEN2

Възможностите с Zen Coding са огромни. Тази една команда, която докоснах по-горе, дори не се доближава до началото. Предоставянето на малка промяна във вашия синтаксис може да предизвика много разнообразие към вашия HTML изход. Вземете за пример синтаксиса и HTML изхода по-долу.

ZEN

Тук току-що използвах маркерите +, за да добавя повече от един маркер от същия вид и дори използвах умножители между тях.

Покриването на всички функции на Zen Coding е извън подхода на този преглед, затова ние ви приветстваме да разгледате приставката. Zen Coding може да се превърне в спасителна линия за всеки HTML кодер, CSS изпълнител и т.н. и дори може да привлече онези, които просто искат да експериментират с него. Ще ви е трудно да намерите някой, който има нещо лошо в кодирането на дзен, те наистина са толкова добри.

На връзката за изтегляне, предоставена по-долу, има няколко екрани, които позволяват преглед на предлаганите функции. Проверете тези.

Zen Coding плъгините са достъпни за няколко редактори на текстови платформи.

Изтеглете Дзен кодиране

watch instagram story