在编码工具中创建文件 xxx.html 。
输入 ! , 按 tab / enter 键, 可以自动生成代码的主体框架。.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
输入(英文点+便签名无需<>),按 tab / enter 键 , 可以生成一个带有class名字的标签。
输入标签名字>标签名字[$]×数量,生成一个内容为1~标签数量的标签。如:ul>li{$}*5会生成一个内容为1~5的ul嵌套li的标签组合
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
输入按div+tab ,直接生成一对div标签,其他标签的快速生成同理
输入标签+标签,生成两对同级标签,称之为兄弟关系 例如:(div+p) 按下tab键
<div></div>
<p></p>
这篇HTML5语言—— 如何快捷生成代码框架,文章就结束了,有不懂的地方可以联系站长。希望每个前端人员都有可以找到一个好工作,谢谢观看,祝您生活愉快。
2023-12-04 14:38
文章点击量:
作者:【gentsun】
文章标签:
html5,教程,快速,生成,代码,框架,在,编码,工具,