html是网页制作中最重要的语言之一，能够决定网页的排版和布局。在html中，我们可以设置各种元素的属性来控制网页的显示效果。其中，设置属性的方式之一就是使用“-”符号。
一、CSS属性名称中的“-”
CSS是用来美化网页的样式表语言，和HTML语言一样，也使用“-”符号来分隔单词，用以描述复合属性的值。
例如，背景颜色属性可以写成“background-color”，字体大小可以写成“font-size”。这种写法在CSS中被称为“连字符命名法”，有助于提高属性名称的可读性。
二、自定义数据属性
立即学习“前端免费学习笔记（深入）”；
在HTML5中，我们可以使用“data-”前缀自定义数据属性，来为HTML元素添加自定义属性，方便我们在JavaScript中读取和操作该元素的数据。
例如，我们可以在HTML元素中添加data-*属性，用来存储该元素相关的自定义信息，比如文章的id、发布时间等。
HTML代码：
文章标题
文章内容
JavaScript代码：
const article = document.getElementById('article-123');
console.log(article.dataset.time); // 2020-12-01三、输入框类型
在HTML中，我们可以通过设置input元素的type属性，来指定输入框的类型。常用的输入框类型有文本框、密码框、单选框、复选框、提交按钮等等。
例如，我们可以设置type为“text”来创建一个文本输入框，设置type为“password”来创建一个密码输入框。同时，我们还可以设置多个相同name属性的多选框，来实现多选的功能。
HTML代码：
四、URL中的连接符
在URL中，我们使用“-”符号或“_”符号来代替空格，以便于搜索引擎正确解析URL中的关键字。同时，我们还可以使用“-”符号来代替“/”符号，以简化URL路径。
五、总结
在HTML中，使用“-”符号可以帮助我们设置CSS属性、自定义数据属性、输入框类型和URL连接符，提高网页制作的效率和可读性。同样重要的是，我们需要遵守HTML标准和语义化，为用户提供更好的浏览体验。
