第一次学习 HTML基础
前端工作的定义
- 用户界面设计：根据设计师提供的UI/UX设计稿（例如：Photoshop、Figma 等），实现网页界面。
- 用户交互：使用JavaScript等技术实现用户与页面的交互功能，如点击、输入等。
- 性能优化：确保网页在不同设备和浏览器上的快速加载和性能表现。
- 响应式设计：保证网页在各种屏幕尺寸上的呈现效果（如手机、平板、桌面等）。
- 无障碍访问（Accessibility）：确保网页对所有用户（包括残障人士）的可用性。
前端技术栈拆解与分析
- HTML（超文本标记语言）：用于创建网页的结构和内容。定义元素，如标题、段落、链接、图像等。
- CSS（层叠样式表）：用于设置网页的样式和布局。控制字体、颜色、间距、对齐、响应式表现等。
- JavaScript：用于增强网页的交互性和动态功能。 可以操控DOM、进行异步请求（如使用Ajax）、实现动画效果等.
- 前端框架和库：如 React、Vue.js、Angular 等，它们提供构建复杂用户界面的工具和组件。这些框架通常使得开发变得更高效，并能实现单页面应用（SPA）等。
- 构建工具：如 Webpack、Gulp、Parcel 等，用于打包和优化前端资源。可处理文件压缩、图像优化、CSS预处理等。
- 版本控制系统：如 Git，帮助团队协同开发和管理代码版本。 API与数据交互：
HTML 作用解析
HTML（HyperText Markup Language）是构建网页的基础，它的主要作用包括：
- 内容结构化：HTML 用于定义网页的基本结构，标记内容的不同部分，如头部、段落、列表、表格等。
- 超链接：通过
<a>标签，HTML 能够创建超链接，实现页面间的导航。 - 多媒体支持：HTML 提供了标记来嵌入图像、音频、视频等多媒体内容，增强网页的表现力。
- 表单输入：HTML 提供了创建表单的功能，使用户能够输入数据并提交到服务器，常用于用户注册、登录等功能。
- SEO 友好性：合理的使用标签可以提高搜索引擎对网页的索引，促进搜索引擎优化（SEO）。
HTML 语义化
HTML 语义化指的是使用 HTML 标签来表达内容和结构的含义，而不仅仅是为了外观呈现。语义化HTML具有以下优点：
- 可读性增加：语义化标签使得代码更易于理解，无论是对开发者还是搜索引擎。
- SEO 优势：搜索引擎可以更好地解析和理解网页内容，可能提升网页在搜索结果中的排名。
- 辅助技术友好：使用语义化标签（如
<header>,<nav>,<article>,<aside>,<footer>等）可以提高网页对屏幕阅读器等辅助技术的友好性，使得残障人士更容易访问和理解内容。 - 降低维护成本：语义化代码通常更清晰，有助于减少后期的维护和更新成本。
