【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)

相关推荐
光影少年7 分钟前
react navite高频手写/实操题
前端·javascript·react native·react.js·前端框架
hunterandroid20 分钟前
HarmonyOS 弱网与离线优先架构实战:请求队列、本地缓存与增量同步
前端·前端框架
lhldsg25 分钟前
宠物同城领养平台开发实战:从需求分析到上线部署指南
java·前端·小程序·需求分析·宠物
hunterandroid25 分钟前
Android 内存泄漏排查实战:从 LeakCanary 报警到根因定位
android·前端
leoZ23127 分钟前
AI+前端提效-12 AI辅助前端性能优化与监控:从开发到线上全流程提效
前端·人工智能·神经网络·自然语言处理·性能优化·keras·知识图谱
阿图灵29 分钟前
LangGraph 实战 03:Workflows 与 Agents——六种工作流模式与智能体实战(附 6 个可运行示例)
java·前端·javascript·工作流·ai agent·智能体·langgraph
狂炫冰美式33 分钟前
电脑合盖之后 Cursor 还在偷我电?看看为啥
前端·人工智能·后端
leeyi34 分钟前
微前端:14 个子应用是怎么做到不散架的——DeepFlux 前端工程拆解(第102篇)
前端·aigc·agent
慧一居士1 小时前
Less功能介绍和完整使用示例
css
天道kabuto1 小时前
踩坑实录:JS Map迭代器为什么“用完即焚”?兼谈技术知识沉淀
前端