HTML5语言—— 如何快捷生成代码框架 前段大G > 首页 > HTML5语言合集 >

HTML5语言—— 如何快捷生成代码框架

在编码工具中创建文件 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名字的标签。

<div class=""></div>


输入标签名字>标签名字[$]×数量,生成一个内容为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></div>


输入标签+标签,生成两对同级标签,称之为兄弟关系 例如:(div+p)  按下tab键

<div></div>
<p></p>

这篇HTML5语言—— 如何快捷生成代码框架,文章就结束了,有不懂的地方可以联系站长。希望每个前端人员都有可以找到一个好工作,谢谢观看,祝您生活愉快。

gentsun 2023-12-04 14:38 文章点击量: 作者:【gentsun

文章标签: html5,教程,快速,生成,代码,框架,在,编码,工具,

上一篇:没有了
下一篇:HTML语言—— 编程软件工具详解