HTML&HTML5革命：构建现代网页的终极指南 - 0. 课程目次计划 ...

结构清晰，层层递进

课程从底子知识（如HTML学前必知）开始，逐步深入到高级应用（如PWA设置和WebApp优化）。每个模块都有明确的目的，适合零底子学员逐步把握HTML。
覆盖范围广

这套课程涵盖了HTML险些所有的紧张内容，包罗基本结构、常用元素、属性、高级设置（如SEO、PWA、浏览器兼容性设置等），并涉及实际案例（如个人博客和企业官网）。
注意实用性

课程内容不仅介绍HTML的理论知识，还提供了丰富的实践案例（如博客页面、企业网站页面）。学员可以边学边用，快速积聚项目经验。
突出差异化

特别部门如“HTML&HTML5&H5的区别”“元素之间的区别”“老版浏览器的兼容性设置”等，帮助学员深刻理解不同技术之间的联系与区别。
包含前沿内容

课程不仅关注HTML的传统功能，还深入介绍了前沿技术（如PWA、SEO优化、智能应用横幅设置等），与当前互联网应用需求接轨。
注意细节

从底子的标题标签、内容划分元素，到细节化的双向文本覆盖、自动大写、拼写检查、虚拟键盘优化等属性，课程内容精细，险些覆盖了HTML的所有角落。
针对性强的模块化计划

每节课专注于一个主题，短小干练且易于把握，适合碎片化学习。同时，课程编号和主题划分使学习路径清晰。
器重无停滞性

专门包含了无停滞相关内容（如accesskey、aria相关、contenteditable等），帮助学员打造更加普适的网页体验。
适合不同需求的学员

课程既适合初学者打好底子，也能满足有经验的开发者学习高级技术的需求（如高级SEO、浏览器优化设置、PWA设置等）。
面向项目的实战性

个人博客和企业官网案例是完备的实战项目，有助于学员将理论知识转化为实践能力，为职业发展铺路。
专注HTML核心

这套课程剔除了过多的非HTML内容干扰（如CSS、JS），聚焦HTML自己，适合那些盼望精通HTML的学员。
创新点和实用工具联合

从传统HTML知识到前沿实践，如网站快捷搜索、OpenSearch设置、License信息等，这些模块很少见，突出了课程的独特性。
这套课程从底子到高级全面覆盖了HTML的方方面面，同时注意实践案例和前沿技术，适合不同层次的学员学习，具备极强的系统性和实用性，为学员打下踏实的前端开发底子。

• HTML学前必知
  
• HTML&HTML5&H5的区别
  
• 开发工具选择
  
• 使用元素
  
• HTML基本结构
  
• 区域标题标签h1到h6
  
• 空元素
  
• 主题分割元素hr
  
• 自闭合标签
  
• 虚元素
  
• 锚元素a标签
  
• 初识内容划分元素div并设置css样式
  
• 通过style元素与class属性设置样式
  
• 通过a元素和id属性滚动到指定锚点
  
• 父元素、子元素、子女元素和兄弟元素
  
• 段落元素p
  
• 内容跨越元素span
  
• 内联元素与块级元素
  
• 特殊的块级元素
  
• 夸大文本的元素b
  
• 夸大元素em
  
• 术语文本元素i
  
• 删除元素s与del
  
• 紧张的文本元素strong
  
• 下划线元素u
  
• 标记元素mark
  
• 元素b、em、I、strong、u、mark之间的区别
  
• 备注元素small
  
• 上标元素sup与下标元素sub
  
• 换行元素br
  
• 换行机会元素wbr
  
• 代码相关元素code、var、kbd、samp
  
• 缩写元素abbr
  
• 定义术语元素dfn
  
• 引用元素q与blockquote
  
• 引用标题元素cite
  
• 注音元素ruby、rt、rp
  
• 双向文本覆盖元素bdo
  
• 双向文本隔离元素bdi
  
• 新增文本元素ins
  
• 时间元素time
  
• 显示预格式化文本元素pre
  
• 有序列表ol
  
• 无序列表ul
  
• 定义列表元素dl、dt、dd
  
• 图像显示元素img(一)
  
• 图像显示元素img(二)
  
• 图像显示元素img(三)
  
• 图像显示元素img(四)
  
• 图像映射元素map
  
• picture元素
  
• 可附内容标题元素figure
  
• 内容区域元素section
  
• 独立内容元素article
  
• 头部header与尾部元素footer
  
• 导航元素nav
  
• 附注栏aside
  
• 紧张内容区域元素main
  
• 综合内容划分示例
  
• 详情区域元素details
  
• 元数据视口元素viewport
  
• 个人博客案例首页
  
• 个人博客案例关于页
  
• 个人博客案例文章列表页
  
• 个人博客案例文章内容页
  
• 个人博客案例联系页
  
• 表格元素(一)
  
• 表格元素(二)
  
• 表格元素(三)
  
• 表格元素(四)
  
• 表格元素(五)
  
• 表格元素(六)
  
• 表格元素(七)
  
• 输入元素input(一)
  
• 输入元素input(二)
  
• 标签阐明元素label
  
• 按钮元素button
  
• API接口
  
• 表单位素form(一)
  
• 表单位素form(二)
  
• 表单分组元素fieldset
  
• 数据列表元素datalist
  
• 选项列表元素select
  
• select分组元素optgroup
  
• 多行文本框元素textarea
  
• 进度指示元素progress
  
• 测量值元素meter
  
• 盘算效果元素output
  
• 搜索元素search
  
• 企业官网案例首页
  
• 企业官网案例关于我们
  
• 企业官网案例服务页
  
• 企业官网案例联系我们
  
• 企业官网案例团队介绍
  
• 企业官网案例项目展示
  
• 企业官网案例招贤纳士
  
• 企业官网案例博客
  
• 企业官网案例常见问题
  
• 企业官网案例隐私政策
  
• 企业官网案例使用条款
  
• 企业官网案例客户评价
  
• 音频元素audio(一)
  
• 音频元素audio(二)
  
• 音频元素audio(三)
  
• 音频元素audio(四)
  
• 音频元素audio(五)
  
• 视频元素video(一)
  
• 视频元素video(二)
  
• 视频元素video(三)
  
• 视频元素video(四)
  
• 內联框架iframe(一)
  
• 內联框架iframe(二)
  
• 联系人地点元素address
  
• 嵌入对象元素object
  
• 外部内容嵌入元素embed
  
• 脚本元素script
  
• 无脚本元素noscript
  
• 网站标题元素title
  
• 网站字符集
  
• 设置网站作者
  
• 设置网站描述
  
• 设置网站关键词
  
• 设置网站内核渲染模式
  
• 设置IOS添加到主屏幕应用名称
  
• 设置IOS Safari浏览器全屏模式
  
• 设置IOS Safari浏览器状态栏样式
  
• 设置iOS智能应用横幅
  
• 设置浏览器主题颜色
  
• 设置IE浏览器兼容模式
  
• 设置windows 8磁贴颜色与图标
  
• 设置搜索引擎爬虫的抓取策略
  
• 移除站点链接搜索框
  
• 克制翻译网站内容
  
• WebApp全屏模式
  
• 格式检测
  
• 内容评级
  
• 阻止google朗读页面内容
  
• windows phone 点击无高光
  
• QQ、微信浏览器应用模式
  
• QQ、微信浏览器全屏模式
  
• QQ浏览器指定屏幕方向
  
• UC浏览器应用模式
  
• UC浏览器全屏模式
  
• UC浏览器指定屏幕方向
  
• 旧版浏览器指定宽度作为基准缩放页面
  
• 旧版浏览器禁用自动缩放
  
• QQ浏览器滚动优化
  
• 标识页面的开发工具
  
• twitter卡片设置
  
• og协议
  
• 短链接
  
• 克制百度转码
  
• 刷新并跳转指定站点
  
• 页面语言标识
  
• 快捷键属性accesskey
  
• 自动大写属性autocapitalize
  
• 自动对焦属性autofocus
  
• 内容可编辑contenteditable
  
• 自定义属性data-*
  
• 文本方向属性dir
  
• 隐蔽属性hidden
  
• 虚拟键盘类属性inputmode
  
• 弹出框属性popover
  
• 拼写错误检查属性spellcheck
  
• 可聚集属性tabindex
  
• 翻译属性translate
  
• 引入外部样式文件
  
• 定义网站图标
  
• IOS APP图标设置
  
• IOS 启动画面设置
  
• link中的短链接
  
• 设置站点License 信息
  
• 设置网页备用语言版本
  
• 设置页面规范URL
  
• 设置预毗连
  
• 设置预加载
  
• 设置预获取
  
• 设置预渲染
  
• 设置站点舆图
  
• 设置站点订阅源
  
• OpenSearch快捷搜索
  
• 设置pingback
  
• 设置关系导航
  
• PWA简介
  
• 设置PWA清单文件（一）
  
• 设置PWA清单文件（二）
  
• 设置PWA清单文件（三）
  
• 阶段总结
  
• …待续
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。