包容性Web设计

图书目录:

第 1章　引言 1

1.1　重新思考Web设计 2

1.2　包容性设计 2

1.3　包容性的按钮 4

第 2章文档 9

2.1　文档类型（Doctype）9

2.2　语言属性（lang） 10

2.3　响应式设计 11

2.4　字体大小（font size）13

2.5　渐进增强 15

2.6　管理资源 16

2.7　字体子集 17

2.8　元素 18</p><p>2.9　<main>元素 18</p><p>2.10　把页面组合到一起 20</p><p>2.11　有关框架、预处理器和任务处理器 21</p><p>第3章　段落 23</p><p>3.1　字体 23</p><p>3.2　排版 25</p><p>3.3　行距（行高） 27</p><p>3.4　行内链接 28</p><p>3.5　自动加图标 31</p><p>3.6 写段落 32</p><p>3.7 总结 33</p><p>第4章博客文章 35</p><p>4.1　<main>元素 35</p><p>4.2　标题结构 36</p><p>4.3 <article> 元素 41</p><p>4.4 渐进增强与互用性 43</p><p>4.5 标题和链接文本 45</p><p>4.6 视频 46</p><p>4.7 使用流式布局 50</p><p>4.8 总结 53</p><p>第5章按模式评估 54</p><p>5.1 按规则评估的问题 54</p><p>5.2 自定义元素和Shadow DOM 58</p><p>第6章导航区域 63</p><p>6.1 导航地标（navigationlandmark） 63</p><p>6.2 站点范围导航 64</p><p>6.3 目录 72</p><p>6.4 总结 77</p><p>第7章菜单按钮 79</p><p>7.1 外观 79</p><p>7.2 渲染图标 80</p><p>7.3 文本标签 84</p><p>7.4 旧版浏览器 85</p><p>7.5 操作 86</p><p>7.6 触摸目标 89</p><p>7.7 总结 90</p><p>第8章包容性的原型 92</p><p>8.1 纸质原型 92</p><p>8.2 从纸到代码 96</p><p>第9章　产品列表 99</p><p>9.1　列表的优点 100</p><p>9.2　关键信息 102</p><p>9.3　产品缩略图 103</p><p>9.4　“立即购买”操作 106</p><p>9.5 总结 113</p><p>第 10章　筛选部件 117</p><p>10.1 标签结构 117</p><p>10.2 CSS增强 119</p><p>10.3 JavaScript增强 121</p><p>10.4 加载更多结果 124</p><p>10.5 显示选项 127</p><p>10.6 允许动态内容 132</p><p>10.7 总结 133</p><p>第 11章注册表单 137</p><p>11.1 表单的上下文 137</p><p>11.2 基本表单 139</p><p>11.3 必填字段 143</p><p>11.4 显示密码 144</p><p>11.5 表单验证 145</p><p>11.6 微文案 150</p><p>11.7 总结 151</p><p>第 12 章测试驱动的HTML标签 153</p><p>12.1 选择器逻辑 154</p><p>12.2 测试驱动器的选项卡界面 154</p><p>12.3 并非放之四海而皆准 162</p> </div> <div class="content"> <h3>详情</h3> <div> 本书介绍了“可访问性思维”涉及的方法论以及根本原则，并创建了一系列有代表性的用户角色，之后用较大篇幅系统地逐次介绍设计的具体原则及其在实战中的使用建议。这是一本web设计的最佳实践总结，可以解决行业人员的疑惑与误区 </div> </div> <div class="summary"> <h3>图书摘要</h3> <div> </div> </div> <div class="relevant_book"> <h3>相关图书</h3> <div style="display: flex"> <div> <a href="https://mc64e8402.ptpress.cn/bookDetails?id=B40619"> <div> <img style="width: 142px; height: 199px;" alt="WebAssembly标准入门" src="https://cdn.ptpress.cn/pubcloud/bookImg/null/20250503AF8D43E0.jpg"> </div> <div> WebAssembly标准入门 </div> </a> </div> <div> <a href="https://mc64e8402.ptpress.cn/bookDetails?id=B11959"> <div> <img style="width: 142px; height: 199px;" alt="前端程序员面试秘籍" src="https://cdn.ptpress.cn/pubcloud/bookImg/null/20250503E7554A69.jpg"> </div> <div> 前端程序员面试秘籍 </div> </a> </div> <div> <a href="https://mc64e8402.ptpress.cn/bookDetails?id=B6784"> <div> <img style="width: 142px; height: 199px;" alt="PHP、MySQL和JavaScript入门经典（第6版）" src="https://cdn.ptpress.cn/pubcloud/bookImg/null/202505032BFB0BB5.jpg"> </div> <div> PHP、MySQL和JavaScript入门经典（第6版） </div> </a> </div> <div> <a href="https://mc64e8402.ptpress.cn/bookDetails?id=B14952"> <div> <img style="width: 142px; height: 199px;" alt="Web前端开发精品课 HTML CSS JavaScript基础教程" src="https://cdn.ptpress.cn/pubcloud/bookImg/null/20200630FB694691.jpg"> </div> <div> Web前端开发精品课 HTML CSS JavaScript基础教程 </div> </a> </div> <div> <a href="https://mc64e8402.ptpress.cn/bookDetails?id=B12785"> <div> <img style="width: 142px; height: 199px;" alt="Web前端开发精品课 JavaScript基础教程" src="https://cdn.ptpress.cn/pubcloud/bookImg/null/20200630A6B02BD4.jpg"> </div> <div> Web前端开发精品课 JavaScript基础教程 </div> </a> </div> <div> <a href="https://mc64e8402.ptpress.cn/bookDetails?id=B8331"> <div> <img style="width: 142px; height: 199px;" alt="Vue.js 前端开发快速入门与专业应用" src="https://cdn.ptpress.cn/pubcloud/bookImg/null/2025050378AC3284.jpg"> </div> <div> Vue.js 前端开发快速入门与专业应用 </div> </a> </div> </div> </div> <div class="relevant_article"> <h3>相关文章</h3> <div style="display: flex"> </div> </div> <div class="relevant_course"> <h3>相关课程</h3> <div style="display: flex"> </div> </div>  <div class="footer"> <p>None</p> <p><a href="http://beian.miit.gov.cn/" target="_blank">null</a></p> <p>None</p> <p>None</p> </div> </body> </html>