2023年最新前端面试题（html相关）

一、元素显示模式

1. 块级元素

显示特点：独占一行

默认宽度是父容器宽度，高度由内容撑开，可以设置宽高

举例：div、p、h标题、ul、li、ol、dt、dd、form、header、nav等

2. 行内元素

显示特点：一行可以显示多个

宽度和高度由内容撑开，不可以设置宽高

举例：a、span、b、u、i、s、strong、ins、em、del等

3. 行内块元素

显示特点：一行可以显示多个

可以设置宽高

举例：input、textarea、button、select等

Img标签也具有行内块元素的特点，所以属于行内块

4. 元素显示模式转换

显示模式转换样式：display

属性：block：转换为块级，使用频率较多

inline-block：转换为行内块，使用频率较多

inline：转换为行内元素，使用频率较少

二、什么是symbol

是es6引入新的原始数据类型symbol，表示独一无二的值

三、HTML5新特性

1. 自定义属性data-id

2. 语义化更好的内容标签

3. 视频、音频标签

4. 表单空间

5. localStorage和sessionStorage

四、src和href区别

src则是将资源嵌入当前文档中，而href会建立一个关联指向资源

<a href="https://www.baidu.com/">百度</a>
<iframe src="https://www.baidu.com/" frameborder="0">百度</iframe>

五、HTML5版本新增加的语义化布局标签

1. header：头部

2. nav：导航

3. footer：底部

4. section：主体部分

5. aside：侧边栏

六、window对象中的常用属性

window.status=sometext设置窗口状态栏的文本

window.location.href="url"在当前页面跳转至新页面

window.location获取当前页面的url地址

window.innerwidth 返回当前窗口的可显示区域宽

window.innerheight返回当前窗口的可显示区域高