2019-08-03

8.3

1、块级元素如何转换为行级元素？行级元素如何转换为块级元素？行级元素如何转换为行内块元素？
2、谈谈对html语义化的理解。

可以通过display: inline-block设置为块转行内元素。
可以通过display：block，float- ，position（absolute和fixed），设置行转块级元素

块元素

body from select textarea h1-h6 html table button hr p ol ul dl cnter div

特征:

自成一行
可定义宽高

行内元素

heda meat title lable span br a style em b i strong

特征:

自适应宽高,不可定义宽高
多个标签自动在一行

行内块元素:

img input

特征:

自动在一行
可定义宽高

相互转换:

块->行内:display:inline;

行内->块:display:block;

块,行内->行内块:display:inline-block;
2、什么是HTML语义化？

<基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等>

根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。