前端与 HTML | 青训营笔记

65 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天

前端要解决的基本问题是什么?

前端开发中需要解决的基本问题包括:

  1. 用户界面设计:设计出美观、易用、可交互的用户界面。
  2. 页面渲染:使用 HTML、CSS 和 JavaScript 在浏览器上渲染页面。
  3. 响应式设计:设计出能够适应不同屏幕尺寸和设备的页面。
  4. 性能优化:优化页面加载速度和运行效率。
  5. 浏览器兼容性:确保页面在不同浏览器上正常显示。
  6. 与后端通信:使用 AJAX 或其他技术与后端服务器进行通信。
  7. 安全性:防止跨站脚本攻击 (XSS) 和跨站请求伪造 (CSRF) 等安全问题。

什么是 HTML?

HTML 是 Hypertext Markup Language 的缩写,它是一种用来描述网页内容和结构的语言。HTML 使用一系列标签 (tag) 来定义文档中的元素,如标题、段落、图像、超链接等。这些标签被嵌套在一起,来构建出文档的层次结构。浏览器读取 HTML 文件并使用标签来渲染网页内容。 HTML 是一种基础语言,与其他语言如CSS 和JavaScript结合使用来组成网页。

什么是“前端工作的定义”、“前端技术栈拆解与分析”、“HTML 作用解析”和“HTML 语义化”?

  1. 前端工作的定义: 前端工作是指利用 HTML、CSS 和 JavaScript 等技术来设计和开发网页,并负责网页的显示和交互。前端工程师的工作职责包括负责页面的渲染、布局、样式、交互等,确保网页在不同浏览器、设备上正常显示和运行。
  2. 前端技术栈拆解与分析: 前端技术栈是指前端工程师需要掌握的一系列技术。常见的前端技术栈包括 HTML、CSS、JavaScript、DOM、BOM 以及常用的前端框架和库。
  3. HTML 作用解析: HTML 是网页的基础语言,用来描述网页的结构和内容。HTML 使用标签 (tag) 来定义文档中的元素,如标题、段落、图像、超链接等,它能帮助浏览器了解网页的结构并进行渲染。
  4. HTML 语义化: HTML 语义化是指使用 HTML 标签来描述页面内容的语义,这样可以帮助浏览器和搜索引擎更好地理解页面内容。语义化 HTML 标签通常更具有可读性,并且能更好地支持 SEO、辅助技术和搜索引擎优化。