前端開發面試題總結-HTML篇

文章目錄

HTML面試高頻問答
- 一、HTML 的 src 和 href 屬性有什么區別?
- 二、什么是 HTML 語義化?
- 三、HTML的 script 標簽中 defer 和 async 有什么區別?
- 四、HTML5 相比于 HTML有哪些更新?
- 五、HTML行內元素有哪些? 塊級元素有哪些? 空(void)元素有哪些?
- 六、iframe有哪些優點和缺點
- 七、談談你對盒子模型的理解
- 八、flex的基本使用
- 九、談談對BFC的理解

HTML面試高頻問答

一、HTML 的 src 和 href 屬性有什么區別?

src 和 href 的核心區別：
在這里插入圖片描述

二、什么是 HTML 語義化?

在這里插入圖片描述

三、HTML的 script 標簽中 defer 和 async 有什么區別?

在這里插入圖片描述

四、HTML5 相比于 HTML有哪些更新?

在這里插入圖片描述

五、HTML行內元素有哪些? 塊級元素有哪些? 空(void)元素有哪些?

在這里插入圖片描述

六、iframe有哪些優點和缺點

在這里插入圖片描述

七、談談你對盒子模型的理解

在這里插入圖片描述

八、flex的基本使用

在這里插入圖片描述

九、談談對BFC的理解

在這里插入圖片描述

清除浮動的代碼：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>.parent {background-color: lightblue;/* 創建 BFC */overflow: auto;}.child {float: left;width: 100px;height: 100px;background-color: lightcoral;}</style>
</head><body><div class="parent"><div class="child"></div></div>
</body></html>

防止margain重疊：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>.outer {/* 創建 BFC */overflow: auto;}.box {margin: 20px;background-color: lightgreen;}</style>
</head><body><div class="outer"><div class="box">Box 1</div></div><div class="outer"><div class="box">Box 2</div></div>
</body></html>

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/bicheng/84048.shtml
繁體地址，請注明出處：http://hk.pswp.cn/bicheng/84048.shtml
英文地址，請注明出處：http://en.pswp.cn/bicheng/84048.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！