语义化标签的优势和块级行内元素

代码结构清晰，方便阅读，有利于团队合作开发。
方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页。
有利于搜索引擎优化（SEO）。

块级行内元素的区别

1，块级元素会自动换行

2，块级元素的高度和宽度可以设置，行内元素不行，只能通过其子元素把它撑起来

转化

1.display:inline;//将块级元素转化为行级元素，这时块级元素设置的宽高无效
2.display:block;//将行级元素转块级元素，这时原本的行级元素会变成块级元素独占一行，同时可以设置宽高
3.display:inline-block;//将行级元素转块级元素，不会独占一行，可以设置宽高