https://pothos.dpdns.org/tags/%E5%9F%BA%E7%A1%80/Recent content in 基础 on Ralph's BlogHugo -- 0.147.7zh-cnThu, 25 Dec 2025 00:00:00 +0000https://pothos.dpdns.org/posts/13.html/Thu, 25 Dec 2025 00:00:00 +0000https://pothos.dpdns.org/posts/13.html/<h1 id="13-html完整技术指南">13. HTML完整技术指南</h1> <h2 id="目录">目录</h2> <details> <summary>点击展开目录</summary> <h3 id="1-html基础概念"><a href="#1-html%E5%9F%BA%E7%A1%80%E6%A6%82%E5%BF%B5">1. HTML基础概念</a></h3> <ul> <li><a href="#11-html%E7%AE%80%E4%BB%8B%E4%B8%8E%E7%89%B9%E7%82%B9">1.1 HTML简介与特点</a></li> <li><a href="#12-html%E5%8F%91%E5%B1%95%E5%8E%86%E5%8F%B2">1.2 HTML发展历史</a></li> <li><a href="#13-html%E6%96%87%E6%A1%A3%E7%BB%93%E6%9E%84">1.3 HTML文档结构</a></li> <li><a href="#14-html%E8%AF%AD%E6%B3%95%E8%A7%84%E5%88%99">1.4 HTML语法规则</a></li> </ul> <h3 id="2-基础html标签"><a href="#2-%E5%9F%BA%E7%A1%80html%E6%A0%87%E7%AD%BE">2. 基础HTML标签</a></h3> <ul> <li><a href="#21-%E6%96%87%E6%A1%A3%E7%BB%93%E6%9E%84%E6%A0%87%E7%AD%BE">2.1 文档结构标签</a></li> <li><a href="#22-%E6%96%87%E6%9C%AC%E5%86%85%E5%AE%B9%E6%A0%87%E7%AD%BE">2.2 文本内容标签</a></li> <li><a href="#23-%E9%93%BE%E6%8E%A5%E4%B8%8E%E5%AF%BC%E8%88%AA%E6%A0%87%E7%AD%BE">2.3 链接与导航标签</a></li> <li><a href="#24-%E5%88%97%E8%A1%A8%E6%A0%87%E7%AD%BE">2.4 列表标签</a></li> </ul> <h3 id="3-表单与交互元素"><a href="#3-%E8%A1%A8%E5%8D%95%E4%B8%8E%E4%BA%A4%E4%BA%92%E5%85%83%E7%B4%A0">3. 表单与交互元素</a></h3> <ul> <li><a href="#31-%E8%A1%A8%E5%8D%95%E5%9F%BA%E7%A1%80%E7%BB%93%E6%9E%84">3.1 表单基础结构</a></li> <li><a href="#32-%E8%BE%93%E5%85%A5%E6%8E%A7%E4%BB%B6%E7%B1%BB%E5%9E%8B">3.2 输入控件类型</a></li> <li><a href="#33-%E8%A1%A8%E5%8D%95%E9%AA%8C%E8%AF%81">3.3 表单验证</a></li> <li><a href="#34-%E8%A1%A8%E5%8D%95%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5">3.4 表单最佳实践</a></li> </ul> <h3 id="4-多媒体与嵌入内容"><a href="#4-%E5%A4%9A%E5%AA%92%E4%BD%93%E4%B8%8E%E5%B5%8C%E5%85%A5%E5%86%85%E5%AE%B9">4. 多媒体与嵌入内容</a></h3> <ul> <li><a href="#41-%E5%9B%BE%E7%89%87%E5%A4%84%E7%90%86">4.1 图片处理</a></li> <li><a href="#42-%E9%9F%B3%E9%A2%91%E8%A7%86%E9%A2%91">4.2 音频视频</a></li> <li><a href="#43-%E5%93%8D%E5%BA%94%E5%BC%8F%E5%AA%92%E4%BD%93">4.3 响应式媒体</a></li> <li><a href="#44-%E5%B5%8C%E5%85%A5%E5%86%85%E5%AE%B9">4.4 嵌入内容</a></li> </ul> <h3 id="5-语义化html与无障碍"><a href="#5-%E8%AF%AD%E4%B9%89%E5%8C%96html%E4%B8%8E%E6%97%A0%E9%9A%9C%E7%A2%8D">5. 语义化HTML与无障碍</a></h3> <ul> <li><a href="#51-%E8%AF%AD%E4%B9%89%E5%8C%96%E6%A0%87%E7%AD%BE">5.1 语义化标签</a></li> <li><a href="#52-%E6%96%87%E6%A1%A3%E7%BB%93%E6%9E%84%E8%AF%AD%E4%B9%89%E5%8C%96">5.2 文档结构语义化</a></li> <li><a href="#53-%E6%97%A0%E9%9A%9C%E7%A2%8D%E8%AE%BE%E8%AE%A1">5.3 无障碍设计</a></li> <li><a href="#54-aria%E5%B1%9E%E6%80%A7">5.4 ARIA属性</a></li> </ul> <h3 id="6-表格与数据展示"><a href="#6-%E8%A1%A8%E6%A0%BC%E4%B8%8E%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA">6. 表格与数据展示</a></h3> <ul> <li><a href="#61-%E8%A1%A8%E6%A0%BC%E5%9F%BA%E7%A1%80%E7%BB%93%E6%9E%84">6.1 表格基础结构</a></li> <li><a href="#62-%E5%A4%8D%E6%9D%82%E8%A1%A8%E6%A0%BC%E8%AE%BE%E8%AE%A1">6.2 复杂表格设计</a></li> <li><a href="#63-%E5%93%8D%E5%BA%94%E5%BC%8F%E8%A1%A8%E6%A0%BC">6.3 响应式表格</a></li> <li><a href="#64-%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5">6.4 数据展示最佳实践</a></li> </ul> <h3 id="7-html5新特性与api"><a href="#7-html5%E6%96%B0%E7%89%B9%E6%80%A7%E4%B8%8Eapi">7. HTML5新特性与API</a></h3> <ul> <li><a href="#71-html5%E6%96%B0%E5%A2%9E%E6%A0%87%E7%AD%BE">7.1 HTML5新增标签</a></li> <li><a href="#72-canvas%E4%B8%8Esvg">7.2 Canvas与SVG</a></li> <li><a href="#73-web%E5%AD%98%E5%82%A8%E6%8A%80%E6%9C%AF">7.3 Web存储技术</a></li> <li><a href="#74-%E7%8E%B0%E4%BB%A3web-api">7.4 现代Web API</a></li> </ul> <h3 id="8-性能优化与最佳实践"><a href="#8-%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B8%8E%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5">8. 性能优化与最佳实践</a></h3> <ul> <li><a href="#81-%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BD%E4%BC%98%E5%8C%96">8.1 页面加载优化</a></li> <li><a href="#82-%E8%B5%84%E6%BA%90%E4%BC%98%E5%8C%96%E7%AD%96%E7%95%A5">8.2 资源优化策略</a></li> <li><a href="#83-%E6%B8%B2%E6%9F%93%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96">8.3 渲染性能优化</a></li> <li><a href="#84-seo%E4%BC%98%E5%8C%96">8.4 SEO优化</a></li> </ul> <h3 id="9-html面试题集"><a href="#9-html%E9%9D%A2%E8%AF%95%E9%A2%98%E9%9B%86">9. HTML面试题集</a></h3> <ul> <li><a href="#91-%E5%9F%BA%E7%A1%80%E6%A6%82%E5%BF%B5%E9%A2%98">9.1 基础概念题</a></li> <li><a href="#92-%E8%AF%AD%E4%B9%89%E5%8C%96%E4%B8%8E%E6%A0%87%E5%87%86%E9%A2%98">9.2 语义化与标准题</a></li> <li><a href="#93-%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E9%A2%98">9.3 性能优化题</a></li> <li><a href="#94-%E5%AE%9E%E6%88%98%E5%BA%94%E7%94%A8%E9%A2%98">9.4 实战应用题</a></li> </ul> <h3 id="10-总结与进阶方向"><a href="#10-%E6%80%BB%E7%BB%93%E4%B8%8E%E8%BF%9B%E9%98%B6%E6%96%B9%E5%90%91">10. 总结与进阶方向</a></h3> </details> <h2 id="1-html基础概念-1">1. HTML基础概念</h2> <h3 id="11-html简介与特点">1.1 HTML简介与特点</h3> <p>**HTML（HyperText Markup Language）**是超文本标记语言，是创建网页的标准标记语言。</p>https://pothos.dpdns.org/posts/35.%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/Thu, 25 Dec 2025 00:00:00 +0000https://pothos.dpdns.org/posts/35.%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/<h1 id="35计算机基础知识">35.计算机基础知识</h1> <h2 id="目录">目录</h2> <details> <summary>点击展开目录</summary> <ul> <li> <p><a href="#%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%B3%BB%E7%BB%9F%E6%A6%82%E8%BF%B0">计算机系统概述</a></p> <ul> <li><a href="#%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%B3%BB%E7%BB%9F%E7%BB%84%E6%88%90">计算机系统组成</a></li> <li><a href="#%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86">计算机工作原理</a></li> <li><a href="#%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%88%86%E7%B1%BB%E4%B8%8E%E5%8F%91%E5%B1%95">计算机分类与发展</a></li> <li><a href="#%E6%80%A7%E8%83%BD%E8%AF%84%E4%BB%B7%E6%8C%87%E6%A0%87">性能评价指标</a></li> </ul> </li> <li> <p><a href="#%E6%95%B0%E6%8D%AE%E8%A1%A8%E7%A4%BA%E4%B8%8E%E8%BF%90%E7%AE%97">数据表示与运算</a></p> <ul> <li><a href="#%E6%95%B0%E5%88%B6%E8%BD%AC%E6%8D%A2">数制转换</a></li> <li><a href="#%E6%95%B0%E6%8D%AE%E7%BC%96%E7%A0%81">数据编码</a></li> <li><a href="#%E5%AE%9A%E7%82%B9%E6%95%B0%E4%B8%8E%E6%B5%AE%E7%82%B9%E6%95%B0">定点数与浮点数</a></li> <li><a href="#%E7%AE%97%E6%9C%AF%E9%80%BB%E8%BE%91%E8%BF%90%E7%AE%97">算术逻辑运算</a></li> </ul> </li> <li> <p><a href="#%E5%AD%98%E5%82%A8%E7%B3%BB%E7%BB%9F">存储系统</a></p> <ul> <li><a href="#%E5%AD%98%E5%82%A8%E5%99%A8%E5%B1%82%E6%AC%A1%E7%BB%93%E6%9E%84">存储器层次结构</a></li> <li><a href="#%E4%B8%BB%E5%AD%98%E5%82%A8%E5%99%A8">主存储器</a></li> <li><a href="#%E9%AB%98%E9%80%9F%E7%BC%93%E5%AD%98">高速缓存</a></li> <li><a href="#%E8%99%9A%E6%8B%9F%E5%AD%98%E5%82%A8%E5%99%A8">虚拟存储器</a></li> </ul> </li> <li> <p><a href="#%E6%8C%87%E4%BB%A4%E7%B3%BB%E7%BB%9F">指令系统</a></p> <ul> <li><a href="#%E6%8C%87%E4%BB%A4%E6%A0%BC%E5%BC%8F">指令格式</a></li> <li><a href="#%E5%AF%BB%E5%9D%80%E6%96%B9%E5%BC%8F">寻址方式</a></li> <li><a href="#%E6%8C%87%E4%BB%A4%E7%B1%BB%E5%9E%8B">指令类型</a></li> <li><a href="#RISC%E4%B8%8ECISC">RISC与CISC</a></li> </ul> </li> <li> <p><a href="#%E4%B8%AD%E5%A4%AE%E5%A4%84%E7%90%86%E5%99%A8">中央处理器</a></p> <ul> <li><a href="#cpu%E7%BB%93%E6%9E%84">CPU结构</a></li> <li><a href="#%E6%8C%87%E4%BB%A4%E6%89%A7%E8%A1%8C%E8%BF%87%E7%A8%8B">指令执行过程</a></li> <li><a href="#%E6%B5%81%E6%B0%B4%E7%BA%BF%E6%8A%80%E6%9C%AF">流水线技术</a></li> <li><a href="#%E5%88%86%E6%94%AF%E9%A2%84%E6%B5%8B">分支预测</a></li> </ul> </li> <li> <p><a href="#%E8%BE%93%E5%85%A5%E8%BE%93%E5%87%BA%E7%B3%BB%E7%BB%9F">输入输出系统</a></p> <ul> <li><a href="#io%E6%8E%A5%E5%8F%A3">IO接口</a></li> <li><a href="#io%E6%8E%A7%E5%88%B6%E6%96%B9%E5%BC%8F">IO控制方式</a></li> <li><a href="#%E4%B8%AD%E6%96%AD%E7%B3%BB%E7%BB%9F">中断系统</a></li> <li><a href="#dma%E6%8A%80%E6%9C%AF">DMA技术</a></li> </ul> </li> <li> <p><a href="#%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E5%9F%BA%E7%A1%80">操作系统基础</a></p> <ul> <li><a href="#%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%A6%82%E5%BF%B5">操作系统概念</a></li> <li><a href="#%E8%BF%9B%E7%A8%8B%E7%AE%A1%E7%90%86">进程管理</a></li> <li><a href="#%E5%86%85%E5%AD%98%E7%AE%A1%E7%90%86">内存管理</a></li> <li><a href="#%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9F">文件系统</a></li> </ul> </li> <li> <p><a href="#%E7%BD%91%E7%BB%9C%E5%9F%BA%E7%A1%80">网络基础</a></p> <ul> <li><a href="#%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE%E6%A0%88">网络协议栈</a></li> <li><a href="#tcpip%E5%8D%8F%E8%AE%AE">TCP/IP协议</a></li> <li><a href="#%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8">网络安全</a></li> <li><a href="#%E7%BD%91%E7%BB%9C%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96">网络性能优化</a></li> </ul> </li> <li> <p><a href="#%E6%95%B0%E6%8D%AE%E5%BA%93%E5%9F%BA%E7%A1%80">数据库基础</a></p> <ul> <li><a href="#%E6%95%B0%E6%8D%AE%E5%BA%93%E6%A8%A1%E5%9E%8B">数据库模型</a></li> <li><a href="#%E5%85%B3%E7%B3%BB%E6%95%B0%E6%8D%AE%E5%BA%93">关系数据库</a></li> <li><a href="#sql%E8%AF%AD%E8%A8%80">SQL语言</a></li> <li><a href="#%E4%BA%8B%E5%8A%A1%E5%A4%84%E7%90%86">事务处理</a></li> </ul> </li> <li> <p><a href="#%E7%BC%96%E8%AF%91%E5%8E%9F%E7%90%86">编译原理</a></p> <ul> <li><a href="#%E7%BC%96%E8%AF%91%E8%BF%87%E7%A8%8B">编译过程</a></li> <li><a href="#%E8%AF%8D%E6%B3%95%E5%88%86%E6%9E%90">词法分析</a></li> <li><a href="#%E8%AF%AD%E6%B3%95%E5%88%86%E6%9E%90">语法分析</a></li> <li><a href="#%E4%BB%A3%E7%A0%81%E4%BC%98%E5%8C%96">代码优化</a></li> </ul> </li> </ul> </details> <h2 id="计算机系统概述">计算机系统概述</h2> <h3 id="计算机系统组成">计算机系统组成</h3> <p>计算机系统是一个复杂的整体，由<strong>硬件系统</strong>和<strong>软件系统</strong>两大部分组成。</p> <h4 id="硬件系统组成">硬件系统组成</h4> <table> <thead> <tr> <th>组件</th> <th>功能</th> <th>主要特点</th> </tr> </thead> <tbody> <tr> <td><strong>中央处理器(CPU)</strong></td> <td>执行指令、控制运算</td> <td>包含运算器、控制器、寄存器</td> </tr> <tr> <td><strong>存储器</strong></td> <td>存储程序和数据</td> <td>分为主存和辅存</td> </tr> <tr> <td><strong>输入设备</strong></td> <td>向计算机输入信息</td> <td>键盘、鼠标、扫描仪等</td> </tr> <tr> <td><strong>输出设备</strong></td> <td>输出计算结果</td> <td>显示器、打印机、音响等</td> </tr> <tr> <td><strong>总线系统</strong></td> <td>连接各部件</td> <td>数据总线、地址总线、控制总线</td> </tr> </tbody> </table> <h4 id="软件系统组成">软件系统组成</h4> <div class="mermaid">graph TD A["软件系统"] --> B["系统软件"] A --> C["应用软件"] B --> D["操作系统"] B --> E["编译程序"] B --> F["数据库管理系统"] B --> G["网络软件"] C --> H["办公软件"] C --> I["游戏软件"] C --> J["专业软件"] C --> K["用户程序"] style A fill:#e1f5fe style B fill:#f3e5f5 style C fill:#e8f5e8 </div> <p><strong>系统软件</strong>是计算机系统的核心，主要包括：</p>