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

相关推荐
深念Y几秒前
仿B站项目 前端 3 首页 整体结构
前端·ai·vue·agent·bilibili·首页
IT_陈寒1 分钟前
React 18实战:这5个新特性让我的开发效率提升了40%
前端·人工智能·后端
深念Y6 分钟前
仿B站项目 前端 5 首页 标签栏
前端·vue·ai编程·bilibili·标签栏·trae·滚动栏
克里斯蒂亚诺更新12 分钟前
vue3使用pinia替代vuex举例
前端·javascript·vue.js
Benny的老巢22 分钟前
用 Playwright 启动指定 Chrome 账号的本地浏览器, 复用原账号下的cookie信息
前端·chrome
2501_9418053133 分钟前
从微服务网关到统一安全治理的互联网工程语法实践与多语言探索
前端·python·算法
寧笙(Lycode)35 分钟前
前端包管理工具——npm、yarn、pnpm详解
前端·npm·node.js
小夏卷编程36 分钟前
vue2 实现数字滚动特效
前端·vue.js
文心快码BaiduComate38 分钟前
嫌市面上的刷题App太丑,我让Comate帮我写了个“考证神器”
前端·产品
harrain41 分钟前
html里引入使用svg的方法
前端·svg