ref : https://docs.emmet.io/cheat-sheet/
ตัวอย่างการเขียน zen coding ด้วย emmet ใน vscode ที่จะทำให้การเขียนโปรแกรมได้เร็วขึ้นมาก
h2{Helloworld}
ผลลัพธ์
<h2>Helloworld<h2>
remark: {}คือใส่ข้อความ
tabale>tr>td
ผลลัพธ์
<table>
<tr>
<td></td>
</tr>
</table>
remark: > คือ ส่วนลูก chield
tabale>tr>td*3
ผลลัพธ์
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
remark: * คือ ส่วนที่ทำซ้ำๆ
table>tr*3>td*2
ผลลัพธ์
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
div.main
ผลลัพธ์
<div class="main"></div> remark: . คือ class
div#main
ผลลัพธ์
<div id="main"></div> remark: # คือ id
ปล.:Snippets ending with + not work
ไม่มีความคิดเห็น:
แสดงความคิดเห็น