13-02-2018 Saat: 12:07
Emmet, HTML ve CSS kodunun hızlı bir şekilde yazılmasını ve oluşturulmasını sağlayan bir eklentidir.
Emmet kısaltmalarını Dreamweaver'daki Kod Görünümü'nde veya Kod Denetçisi'nde kullanın ve bu kısaltmaları HTML işaretlemelerine veya CSS'ye genişletmek için Sekme tuşuna basın.
HTML kısaltmaları HTML ve PHP sayfalarında genişletilir. CSS kısaltmaları, CSS, LESS, SASS, SCSS sayfalarında veya bir HTML sayfasındaki stil etiketi içinde genişletilir.
Aşağıda, Emmet kısaltmalarını Kod Görünümü'nde nasıl kullanabileceğinizi gösteren birkaç örnek yer almaktadır. Ayrıntılı bilgi ve başvuru için Emmet belgelerine bakın.
Not:
Dreamweaver şimdilik Emmet 1.2.2 kısaltmalarını desteklemektedir.
Örnek 1: HTML kodunu Emmet kullanarak ekleme
Üç öğe içeren sırasız bir listeye hızlı bir şekilde HTML kodu eklemek için HTML dosyasını açın ve aşağıdaki Emmet kısaltmasını Kod görünümünde <body></body> etiketleri arasına yazın:
Şimdi de imlecin Emmet kısaltmasının hemen sonrasına yerleştirildiğinden emin olun ve kısaltmayı genişletmek için Sekme tuşuna basın. Alternatif olarak, kısaltmanın tamamını seçin ve Enter tuşuna basın.
Kısaltma genişletilerek aşağıdaki kod elde edilir:
Emmet kısaltmalarını Dreamweaver'daki Kod Görünümü'nde veya Kod Denetçisi'nde kullanın ve bu kısaltmaları HTML işaretlemelerine veya CSS'ye genişletmek için Sekme tuşuna basın.
HTML kısaltmaları HTML ve PHP sayfalarında genişletilir. CSS kısaltmaları, CSS, LESS, SASS, SCSS sayfalarında veya bir HTML sayfasındaki stil etiketi içinde genişletilir.
Aşağıda, Emmet kısaltmalarını Kod Görünümü'nde nasıl kullanabileceğinizi gösteren birkaç örnek yer almaktadır. Ayrıntılı bilgi ve başvuru için Emmet belgelerine bakın.
Not:
Dreamweaver şimdilik Emmet 1.2.2 kısaltmalarını desteklemektedir.
Örnek 1: HTML kodunu Emmet kullanarak ekleme
Üç öğe içeren sırasız bir listeye hızlı bir şekilde HTML kodu eklemek için HTML dosyasını açın ve aşağıdaki Emmet kısaltmasını Kod görünümünde <body></body> etiketleri arasına yazın:
1
Kod:
div>(ul>li*3>{Lorem Ipsum})+p*4>loremŞimdi de imlecin Emmet kısaltmasının hemen sonrasına yerleştirildiğinden emin olun ve kısaltmayı genişletmek için Sekme tuşuna basın. Alternatif olarak, kısaltmanın tamamını seçin ve Enter tuşuna basın.
Kısaltma genişletilerek aşağıdaki kod elde edilir:
Kod:
<div>
<ul>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, voluptatum, perferendis ad impedit iste assumenda et laborum doloribus optio molestiae perspiciatis modi quaerat corrupti velit cupiditate eligendi tempora temporibus vel.</p>
<p>Ipsa, distinctio, eveniet ad numquam libero quam doloremque culpa illo ex possimus eligendi amet nesciunt provident inventore rerum facere ea veritatis itaque? Suscipit rem asperiores excepturi sapiente enim architecto esse.</p>
<p>Harum, ad porro molestiae corporis natus aut non fugit. Recusandae, reprehenderit, voluptate voluptas reiciendis voluptatum tempora vero vel libero facere fuga maiores ratione eaque ad illum porro dignissimos sit eos.</p>
<p>Dignissimos, molestiae, quis ducimus ratione temporibus sed accusamus libero consequuntur ex velit maiores illum repudiandae cum! Dolorum, dolore, pariatur, incidunt in saepe laudantium consequatur provident totam vero velit nobis accusantium!</p>
</div>Denetleme Ekibi Lideri: 22-06-2018 - ....
