这篇“html组件怎么写”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“html组件怎么写”文章吧。
1.HTML语义化
语义化HTML代码
2.标签
html 标签分为以下几类：
所有具有开始标签和结束标签的元素都必须要写上起止标签，某些允许省略开始标签或和束标签的元素亦都要写上
自闭合标签不要加上结束标签
自定义标签的名字必须包含一个破折号(-)，和都是正确的名字，而和是不正确的。这样的限制使得 HTML 解析器可以分辨那些是标准元素，哪些是自定义元素
自定义标签必须写上开始标签和闭合标签
尽量减少标签数量
3.代码嵌套
块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素
和段落中不能包含块，如：h2、h3、h4、h5、h6、h7、p、dt
块与内联不能并列，块级元素与块级元素并列、内嵌元素与内嵌元素并列
有些标签是固定的嵌套规则，比如 ul 包含 li、ol 包含 li、dl 包含 dt 和 dd 等等。
4.缩进
统一两个空格缩进
5.元素属性
推荐
不推荐
6.灵活使用伪类
7.注释规范(使用koroFileHeader插件)
单行注释
一般用于简单的描述，如某些状态描述、属性描述等
注释内容前后各一个空格字符，注释位于要注释代码的上面，单独占一行
...
模块注释
注释内容前后各一个空格字符
表示模块开始
表示模块结束，模块与模块之间相隔一行
模块注释内部嵌套模块注释，
单文件组件
1.命名规范
文件命名规范(my-file)
单文件组件命名(my-component)
公用组件命名(pk-component)
模版中组件的命名规范
2.单文件的书写顺序
顶级元素顺序
...
组件配置项顺序
VUE组件开发规范.png
3.组件规范
事件名命名 子组件向父组件抛出的事件名命名：统一 “on-事件名称”，eg：on-click-right
代码文件 开发过程中单个文件不允许超过600行，特别复杂的功能，文件不允许超过1000行
公共组件 需要写上组件的描述，props的参数的描述(使用koroFileHeader插件)
props: {
start: {
type: Number,
default: 0
},
end: {
type: Number,
required: true
},
decimals: {
type: Number,
default: 0
},
}
以上就是关于“html组件怎么写”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注编程网行业资讯频道。
