封面
版权信息
内容简介
前言
第1章 正确认识HTML
1.1 HTML并不简单
1.1.1 门槛低不等于简单
1.1.2 得心应手带来的双刃剑
1.1.3 依赖路径并非最优解
1.1.4 社区环境与学习资源
1.2 精通HTML有什么用
第2章 看似普通的元素的背后
2.1 你不知道的<a>元素
2.1.1 rel属性知多少
2.1.2 你知道target的这个特性吗
2.1.3 实用的download属性
2.1.4 看看ping属性的妙用
2.1.5 好好讲一下referrerpolicy属性
2.1.6 href属性的背后也有细节知识
2.1.7 为何<base>元素无人问津
2.1.8 如何实现链接元素的嵌套
2.2 重新认识列表元素
- APP免费
2.2.1 无序列表元素除<ul>外还有其他的
- APP免费
2.2.2 <ol>元素额外支持的那些属性
- APP免费
2.2.3 定义列表的特点
- APP免费
2.3 正确认识<body>元素和<html>元素
- APP免费
2.3.1 难以名状的关联性
- APP免费
2.3.2 桌面端和移动端的差异
- APP免费
第3章 那些自带交互特征的HTML元素
- APP免费
3.1 非常实用的<details>元素
- APP免费
3.1.1 黄金搭档<summary>元素
- APP免费
3.1.2 样式的自定义
- APP免费
3.1.3 实际使用案例示意
- APP免费
3.1.4 全新的name属性与手风琴效果
- APP免费
3.2 深入了解<dialog>元素和popover属性
- APP免费
3.2.1 <dialog>元素的基本特性
- APP免费
3.2.2 <dialog>元素的不可替代性
- APP免费
3.2.3 原生弹层与popover属性
- APP免费
3.3 控件伴侣<label>元素
- APP免费
3.3.1 <label>元素的价值所在
- APP免费
3.3.2 必学的单选按钮、复选框技术
- APP免费
3.4 什么时候使用<fieldset>元素和<legend>元素
- APP免费
3.4.1 表单分组与<fieldset>元素的使用
- APP免费
3.4.2 特殊且唯一的边框样式
- APP免费
3.4.3 <fieldset>元素的独家功能
- APP免费
3.5 务必使用<progress>元素实现进度条
- APP免费
3.5.1 <progress>元素的基本特性
- APP免费
3.5.2 <progress>元素的样式自定义
- APP免费
3.6 务必使用<meter>元素显示密码强度
- APP免费
3.6.1 <meter>元素的基本特性
- APP免费
3.6.2 <meter>元素的美化技巧
- APP免费
第4章 经常出现在页面首尾的HTML元素
- APP免费
4.1 几万字都讲不完的<meta>元素
- APP免费
4.1.1 SEO最重要的元素之一
- APP免费
4.1.2 网页尺寸设置
- APP免费
4.1.3 referrer设置与防盗图片显示
- APP免费
4.1.4 网站风格和主题色的设置
- APP免费
4.2 知识同样非常密集的<link>元素
- APP免费
4.2.1 favicon小图标的设置与显示
- APP免费
4.2.2 网站换肤的最佳实现
- APP免费
4.2.3 资源的预加载
- APP免费
4.3 相对简单的<style>元素
- APP免费
4.3.1 废弃的type属性
- APP免费
4.3.2 局部样式特性
- APP免费
4.4 <script>元素的水很深
- APP免费
4.4.1 async属性和defer属性的区别
- APP免费
4.4.2 不太一般的type属性
- APP免费
4.4.3 灵活运用Import Maps
- APP免费
4.4.4 nonce、integrity属性与脚本安全
- APP免费
4.4.5 有必要使用<noscript>元素吗
- APP免费
第5章 语义化与使用场景
- APP免费
5.1 页面整体布局结构的塑造
- APP免费
5.1.1 <header>元素和<footer>元素的使用变化
- APP免费
5.1.2 <aside>元素和<main>元素的结构关系
- APP免费
5.1.3 <nav>元素的使用场景
- APP免费
5.1.4 万能的<section>元素
- APP免费
5.2 文档结构信息的标签使用
- APP免费
5.2.1 比<section>元素更高一级的<article>元素
- APP免费
5.2.2 <h1>~<h6>元素及<hgroup>元素的使用规则
- APP免费
5.2.3 引用元素<blockquote>、<q>和<cite>的区别
- APP免费
5.2.4 <i>元素和<b>元素为何起死回生?<em>元素和<strong>元素都表示强调吗
- APP免费
5.2.5 为何<small>元素被保留但<big>元素被废弃了
- APP免费
5.2.6 <del>元素和<s>元素、<ins>元素的关系
- APP免费
5.2.7 养成使用<time>元素表示日期的习惯
- APP免费
5.2.8 搜索高亮必用元素<mark>
- APP免费
5.3 那些你不了解却有用的内联元素
- APP免费
5.3.1 超过一半的<span>元素可以换成<data>元素
- APP免费
5.3.2 上标<sup>元素和下标<sub>元素与公式排版
- APP免费
5.3.3 <dfn>元素和<abbr>元素的使用场景
- APP免费
5.3.4 <code>元素、<kbd>元素、<var>元素和<samp>元素各自的语义
- APP免费
5.4 与内容无关的语义化元素
- APP免费
5.4.1 <br>元素和<wbr>元素的区别
- APP免费
5.4.2 可以玩出花的<hr>元素
- APP免费
第6章 富媒体资源元素
- APP免费
6.1 深入图像元素
- APP免费
6.1.1 了解<svg>元素
- APP免费
6.1.2 <canvas>元素的基本特性
- APP免费
6.1.3 专为图像显示设计的<figure>元素和<figcaption>元素
- APP免费
6.1.4 srcset、sizes等属性与响应式图片开发
- APP免费
6.1.5 实用却不常用的<picture>元素
- APP免费
6.1.6 聊聊loading="lazy"(懒加载)
- APP免费
6.1.7 crossOrigin与跨域处理
- APP免费
6.1.8 使用elementtiming属性知晓图片的加载时长
- APP免费
6.2 快速上手音视频开发
- APP免费
6.2.1 <audio>元素的常用应用指南
- APP免费
6.2.2 <video>元素的常用应用指南
- APP免费
6.2.3 聊聊音视频的自动播放
- APP免费
6.2.4 解密倍速播放的实现
- APP免费
6.2.5 视频的画中画技术
- APP免费
6.2.6 <track>元素与WebVTT字幕的显示
- APP免费
第7章 庞杂的表单控件元素
- APP免费
7.1 先从元素说起
- APP免费
7.1.1 <form>元素的行为与特征
- APP免费
7.1.2 并不简单的<button>按钮
- APP免费
7.1.3 好好了解一下<select>下拉框
- APP免费
7.1.4 <textarea>元素的精华与糟粕
- APP免费
7.1.5 单选按钮、复选框行为与应用
- APP免费
7.1.6 file类型输入框的隐藏知识
- APP免费
7.1.7 时间日期选择框速览
- APP免费
7.1.8 范围选择控件的高级应用
- APP免费
7.1.9 <datalist>元素与列表内容的选择
- APP免费
7.2 表单体系中的HTML属性
- APP免费
7.2.1 表单中的name属性与行为
- APP免费
7.2.2 深入讲讲autocomplete属性
- APP免费
7.2.3 表单验证属性及方法
- APP免费
第8章 深入表格
- APP免费
8.1 <table>元素的基本特性
- APP免费
8.1.1 深入固定分配尺寸与弹性尺寸规则
- APP免费
8.1.2 间隙的分离与合并规则
- APP免费
8.2 专为表格而生的标题元素<caption>
- APP免费
8.2.1 罕见的脱离渲染特性
- APP免费
8.2.2 最早的渲染位置可定义元素
- APP免费
8.3 <td>元素和<th>元素的特性与应用
- APP免费
8.3.1 匿名表格元素创建规则
- APP免费
8.3.2 单元格合并的实现
- APP免费
8.4 了解<col>元素和<colgroup>元素的作用
- APP免费
第9章 无障碍访问
- APP免费
9.1 键盘的无障碍访问
- APP免费
9.1.1 务必了解的tabindex属性
- APP免费
9.1.2 深入了解快捷键设置属性accesskey
- APP免费
9.2 屏幕阅读无障碍访问
- APP免费
9.2.1 尽可能使用原生元素和属性
- APP免费
9.2.2 系统介绍ARIA规范属性
- APP免费
9.3 iOS、Android虚拟键盘设置
- APP免费
9.3.1 enterkeyhint属性与确认按钮文案的自定义设置
- APP免费
9.3.2 使用inputmode属性设置虚拟键盘的输入模式
- APP免费
9.3.3 virtualkeyboardpolicy属性的作用
- APP免费
9.3.4 autocapitalize全局属性与首字母大写的设置
- APP免费
第10章 Web Components开发
- APP免费
10.1 自定义元素和未知元素
- APP免费
10.2 详细了解<template>元素
- APP免费
10.3 深入介绍<slot>元素
- APP免费
10.3.1 了解Shadow DOM
- APP免费
10.3.2 <slot>元素的匹配细节
- APP免费
10.3.3 <slot>元素中的事件
- APP免费
10.3.4 特殊的display计算值与样式设置
- APP免费
10.4 了解part属性和exportparts属性
- APP免费
10.4.1 更常用的part属性
- APP免费
10.4.2 嵌套组件解决方案exportparts属性
- APP免费
10.5 后起之秀is属性
- APP免费
第11章 结构化微数据语言简介
- APP免费
11.1 词汇表
- APP免费
11.2 itemid、itemscope、itemtype等属性简介
- APP免费
11.2.1 和id属性完全不同的itemid属性
- APP免费
11.2.2 快速了解itemscope属性
- APP免费
11.2.3 快速了解itemtype属性
- APP免费
11.2.4 快速了解itemprop属性
- APP免费
11.2.5 有别于href的itemhref属性
- APP免费
第12章 MathML简介
- APP免费
12.1 按类别分类的MathML表现元素
- APP免费
12.2 语义注释相关的MathML元素
- APP免费
第13章 SMIL简介
- APP免费
13.1 SVG语言简介
- APP免费
13.2 SVG SMIL动画详解
- APP免费
13.2.1 SVG SMIL动画元素介绍
- APP免费
13.2.2 SVG SMIL动画属性详解
- APP免费
作者介绍
更新时间:2024-07-24 13:23:05