Operation Manual
Naar boven
Opmerking:
niet alle tags. Als u de keuze wilt hebben uit meer tags, gebruikt u de tagkiezer.
Code invoegen met Emmet
Emmet is een insteekmodule voor snelle codering en het genereren van HTML- en CSS-code. U kunt nu
Emmet-afkortingen gebruiken in de codeweergave of codecontrole in Dreamweaver en op de Tab-toets
drukken om deze afkortingen uit te breiden naar HTML-opmaak of CSS. HTML-afkortingen worden
uitgevouwen in HTML- en PHP-pagina's. CSS-afkortingen worden uitgevouwen in CSS-, LESS-, Sass-,
SCSS-pagina's of in de stijltag in een HTML-pagina.
Hieronder ziet u een aantal voorbeelden voor het gebruik van Emmet-afkortingen in de codeweergave.
Raadpleeg de documentatie voor Emmet voor gedetailleerde informatie en referentie.
Dreamweaver biedt momenteel alleen ondersteuning voor afkortingen van Emmet 1.0.
Voorbeeld 1: HTML-code invoegen met Emmet
Als u snel HTML-code voor een niet-geordende lijst met drie elementen wilt toevoegen, opent u het HTML-
bestand en typt u de volgende Emmet-afkorting in de codeweergave in <body></body>:
Zorg ervoor dat de cursor direct achter de Emmet-afkorting is geplaatst en druk op Tab om de afkorting uit te
breiden. U kunt ook de volledige afkorting selecteren en vervolgens op Enter drukken.
De afkorting wordt uitgebreid naar de volgende code:
Voorbeeld 2: CSS-code invoegen met Emmet
Als u CSS-code wilt invoegen om een randstraal met leveranciervoorvoegsels te maken, opent u het CSS-
bestand en typt u de volgende Emmet-afkorting:
Wanneer u op Tab drukt, wordt de afkorting uitgebreid naar de volgende code:
1 div>(ul>li*3>{Lorem Ipsum})+p*4>lorem
1
2
3
4
5
6
7
8
9
10
11
<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>
1 -bdrs
485