html是网页制作中最重要的语言之一，能够决定网页的排版和布局。在html中，我们可以设置各种元素的属性来控制网页的显示效果。其中，设置属性的方式之一就是使用“-”符号。
一、CSS属性名称中的“-”
CSS是用来美化网页的样式表语言，和HTML语言一样，也使用“-”符号来分隔单词，用以描述复合属性的值。
例如，背景颜色属性可以写成“background-color”，字体大小可以写成“font-size”。这种写法在CSS中被称为“连字符命名法”，有助于提高属性名称的可读性。
二、自定义数据属性
立即学习“前端免费学习笔记（深入）”；
在HTML5中，我们可以使用“data-”前缀自定义数据属性，来为HTML元素添加自定义属性，方便我们在JavaScript中读取和操作该元素的数据。
例如，我们可以在HTML元素中添加data-*属性，用来存储该元素相关的自定义信息，比如文章的id、发布时间等。
HTML代码：
<div id="article-123" data-time="2020-12-01">
<h2>文章标题</h2>
<p>文章内容</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/1165" title="Dreamhouse AI"><img
src="https://img.php.cn/upload/ai_manual/001/246/273/68b6dbe518e50541.png" alt="Dreamhouse AI" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/1165" title="Dreamhouse AI">Dreamhouse AI</a>
<p>AI室内设计，快速重新设计你的家，虚拟布置家具</p>
</div>
<a href="/ai/1165" title="Dreamhouse AI" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
</div>JavaScript代码：
const article = document.getElementById('article-123');
console.log(article.dataset.time); // 2020-12-01三、输入框类型
在HTML中，我们可以通过设置input元素的type属性，来指定输入框的类型。常用的输入框类型有文本框、密码框、单选框、复选框、提交按钮等等。
例如，我们可以设置type为“text”来创建一个文本输入框，设置type为“password”来创建一个密码输入框。同时，我们还可以设置多个相同name属性的多选框，来实现多选的功能。
HTML代码：
<form> <label for="username">用户名: </label> <input type="text" id="username" name="username"><br> <label for="password">密码: </label> <input type="password" id="password" name="password"><br> <label for="gender-male">男: </label> <input type="radio" id="gender-male" name="gender" value="male"> <label for="gender-female">女: </label> <input type="radio" id="gender-female" name="gender" value="female"><br> <label for="fruits">选择水果: </label> <input type="checkbox" name="fruits" value="apple">苹果 <input type="checkbox" name="fruits" value="banana">香蕉 <input type="checkbox" name="fruits" value="orange">橙子<br> <input type="submit" value="提交"> </form>
四、URL中的连接符
在URL中，我们使用“-”符号或“_”符号来代替空格，以便于搜索引擎正确解析URL中的关键字。同时，我们还可以使用“-”符号来代替“/”符号，以简化URL路径。
五、总结
在HTML中，使用“-”符号可以帮助我们设置CSS属性、自定义数据属性、输入框类型和URL连接符，提高网页制作的效率和可读性。同样重要的是，我们需要遵守HTML标准和语义化，为用户提供更好的浏览体验。
