【html】html的基础知识(面试重点)

一、如何理解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)

相关推荐
Bacon18 小时前
前端:从0-1实现一个脚手架
前端
Bacon18 小时前
前端项目部署实战 nginx+docker持续集成
前端
beckyye18 小时前
阿里云智能语音简单使用:语音识别
前端·语音识别·录音
东东23318 小时前
前端规范工具之husky与lint-staged
前端·javascript·eslint
jump68018 小时前
手写事件总线、事件总线可能带来的内存泄露问题
前端
岁月宁静19 小时前
在 Vue 3.5 中优雅地集成 wangEditor,并定制“AI 工具”下拉菜单(总结/润色/翻译)
前端·javascript·vue.js
执沐19 小时前
基于HTML 使用星辰拼出爱心,并附带闪烁+流星+点击生成流星
前端·html
#做一个清醒的人19 小时前
【electron6】Web Audio + AudioWorklet PCM 实时采集噪音和模拟调试
前端·javascript·electron·pcm
拉不动的猪19 小时前
图文引用打包时的常见情景解析
前端·javascript·后端
浩男孩19 小时前
🍀继分页器组件后,封装了个抽屉组件
前端