前端常见面试题 html css面试题

最新推荐文章于 2024-01-18 11:25:18 发布

yshusencsdn

最新推荐文章于 2024-01-18 11:25:18 发布

阅读量215

点赞数

文章标签：前端面试题

本文链接：https://blog.csdn.net/yshusencsdn/article/details/98212301

版权

本文涵盖了前端面试中常见的HTML和CSS问题，包括DOCTYPE的严格模式和混杂模式的区分及其意义，行内元素和块级元素的定义，语义化的概念，以及em、i、strong和b标签的差异。这些问题对于前端开发者来说至关重要，能帮助深入理解HTML和CSS的基础知识。

摘要由CSDN通过智能技术生成

1:DOCTYPE严格模式和混杂模式-如何区分这两种模式区分他们有何意义？

定义：DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。支持html5标准的主流浏览器都认识这个声明。

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。 

作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

2:常见的行内元素和块级元素有哪些?

行内: a em i strong b span
块级元素: div p ul li ol li dl hn

**3:谈谈你对语义化的理解?


1、去掉或者丢失样式的时候能够让页面呈现出清晰的结构；


2、有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；


3、方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；


4、便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

4:em和i ,strong和b的区别?

<i>标签：
       显示斜体文本效果
       <i>标签告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示；

<em>标签：
       <em>标签中的文本表示为强调的内容，对于所有浏览器的显示效果来说，是把这段文字用斜体来显示；
       当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候，也可以考虑使用 <em> 标签。