一、如何理解HTML语义化
1、思考
A、在没有任何样式的前提下,将代码在浏览器打开,也能够结构清晰的展示出来。标题是标题、段落是段落、列表是列表。
B、便于搜索引擎优化。
2、参考答案
A、让人更容易读懂(增加代码可读性)。
B、让搜索引擎更容易读懂(便于SEO优化)。
C、在实际的编程中正确使用标签,标题就是h、段落就是p、导航就是nav,而不是一股脑儿的都用div来进行页面布局。
二、默认情况下,哪些是块级元素、哪些是内联元素
1、思考
A、块级元素是 display:block 的元素,例如 div、li、ul、h1、h2、p 等
B、内联元素是 dislay:inline 的元素,例如 span、image、b、em 等
2、参考答案
A、块级元素是 display: block / table 的标签,特点是不论标签内容多少,都会独占一行。
例如:div、h1、 h2、 p、ul、ol、table、form、hr
B、内联元素是 display: inlien / inline-block 的标签,特点是不会独占一行,直至到浏览器的边缘换行为止。
例如:span、a、img、b、i、strong、em、<br/>(inline)
input、button(inline-block)