行内元素和块级元素有什么区别？语义化作用

常见的行内元素

a,span,input,img

img，input为特殊的行内元素，可以设置宽高

常用的块级元素

div,h1-h6,p,ul,li,form

区别

行内元素不换行，宽高不可以设置，只能让他的子元素撑起来，内边距和外边距只在水平方向有效（对它周围的元素产生影响），内边距垂直方向显示效果增加，位置上不会有改变

块级元素自动换行，可以设置宽高，可以设置 margin、padding

display：inline块级转行内

display；block 行内转块级

display：inline-block行内元素或块级元素转行内块元素

语义化作用

• ​对于编写代码的人来说，有语义化标签的HTML的结构，更加清晰，方便编写代码；
• 对于团队来说，方便团队的开发与维护；
• 对于浏览器，更加方便解析，
• 对于爬虫，有利于SEO；