BAT及各大互联网公司2014前端笔试面试题：HTML资源-CSDN文库

5星 · 超过95%的资源需积分: 9 14 浏览量 2015-01-07 13:01:55 上传评论 2 收藏 154KB DOCX 举报

【HTML 知识点详解】 HTML，全称HyperText Markup Language，是一种用于创建网页的标准标记语言。在前端开发中，HTML是构建网页的基础，它定义了网页的结构和内容。以下是一些关于HTML的重要知识点： 1. **浏览器内核**： - **IE (Internet Explorer)**：使用Trident内核，早期版本对Web标准支持较差。 - **Firefox**：使用Gecko内核，支持Web标准，具有较好的跨平台性。 - **Safari**：使用WebKit内核，后来改为Blink内核，与Chrome共享。 - **Opera**：早期使用Presto内核，后改为与Chrome相同的Blink内核。 - **Chrome**：使用Blink内核，源自WebKit，由Google与Opera Software共同开发。 2. **DOCTYPE声明**： - `<!DOCTYPE>`声明用于告知浏览器文档遵循的HTML或XHTML规范，如`<!DOCTYPE html>`表示遵循HTML5规范。 3. **Quirks模式与Standards模式**： - **Quirks模式**：旧版浏览器（如IE5）为了兼容旧页面的布局方式，当DTD（文档类型定义）缺失时，浏览器会采用的一种非标准渲染模式。 - **Standards模式**：从IE6开始，浏览器尝试按照W3C标准处理文档，提供更好的CSS支持。 - 两者主要差异在于盒模型、样式解析和脚本执行等方面。例如，在Quirks模式下，元素的宽度和高度包含padding和border，而在Standards模式下，只计算内容区域。 4. **div+css布局与table布局的比较**： - **div+css**：更灵活，改版方便，只需修改CSS文件；加载速度快，结构清晰，SEO友好。 - **table布局**：适合展示数据，但布局复杂，改版困难，可能导致页面加载慢。 5. **HTML属性**： - **img的alt与title**： - `alt`：提供替代文字，当图片无法显示时显示该文字，同时对SEO有帮助。 - `title`：提供鼠标悬停时的提示信息，非必要时可以不设置。 - **strong与em**： - `strong`：用于表示内容的重要性和强调，通常呈现为加粗。 - `em`：用于表示更强的强调，通常呈现为斜体。 6. **渐进增强（Progressive Enhancement）**： - 渐进增强是一种Web开发策略，它从基本的功能和内容入手，逐步添加更复杂的样式和行为，以确保所有用户（无论使用什么设备或浏览器）都能访问和理解网页的基本内容，然后为支持更先进功能的浏览器提供丰富的用户体验。 7. **其他HTML知识点**： - HTML5新增了许多语义化标签，如<header>, <nav>, <section>, <article>, <aside>, <footer>等，有助于提升网页的可读性和可访问性。 - HTML5引入了离线存储（Offline Storage）和拖放（Drag and Drop）等功能，增强Web应用的离线能力和交互性。 - HTML表单（form）元素提供了各种输入类型，如email, url, date等，提高了用户体验和数据验证。 - HTML的链接（<a>)标签可以使用`rel`和`target`属性实现多种链接行为，如noopener属性可以防止新窗口打开链接对当前页面的影响。了解并熟练掌握以上HTML知识点，对于前端开发者来说至关重要，不仅可以提高工作效率，还能保证网页在不同环境下的兼容性和用户体验。持续学习和实践HTML的最新标准和技术，是成为优秀前端工程师的关键步骤。

资源推荐

资源详情

资源评论