更新时间：2024-07-24 13:23:05
封面
版权信息
内容简介
前言
第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 重新认识列表元素
2.2.1 无序列表元素除<ul>外还有其他的
2.2.2 <ol>元素额外支持的那些属性
2.2.3 定义列表的特点
2.3 正确认识<body>元素和<html>元素
2.3.1 难以名状的关联性
2.3.2 桌面端和移动端的差异
第3章 那些自带交互特征的HTML元素
3.1 非常实用的<details>元素
3.1.1 黄金搭档<summary>元素
3.1.2 样式的自定义
3.1.3 实际使用案例示意
3.1.4 全新的name属性与手风琴效果
3.2 深入了解<dialog>元素和popover属性
3.2.1 <dialog>元素的基本特性
3.2.2 <dialog>元素的不可替代性
3.2.3 原生弹层与popover属性
3.3 控件伴侣<label>元素
3.3.1 <label>元素的价值所在
3.3.2 必学的单选按钮、复选框技术
3.4 什么时候使用<fieldset>元素和<legend>元素
3.4.1 表单分组与<fieldset>元素的使用
3.4.2 特殊且唯一的边框样式
3.4.3 <fieldset>元素的独家功能
3.5 务必使用<progress>元素实现进度条
3.5.1 <progress>元素的基本特性
3.5.2 <progress>元素的样式自定义
3.6 务必使用<meter>元素显示密码强度
3.6.1 <meter>元素的基本特性
3.6.2 <meter>元素的美化技巧
第4章 经常出现在页面首尾的HTML元素
4.1 几万字都讲不完的<meta>元素
4.1.1 SEO最重要的元素之一
4.1.2 网页尺寸设置
4.1.3 referrer设置与防盗图片显示
4.1.4 网站风格和主题色的设置
4.2 知识同样非常密集的<link>元素
4.2.1 favicon小图标的设置与显示
4.2.2 网站换肤的最佳实现
4.2.3 资源的预加载
4.3 相对简单的<style>元素
4.3.1 废弃的type属性
4.3.2 局部样式特性
4.4 <script>元素的水很深
4.4.1 async属性和defer属性的区别
4.4.2 不太一般的type属性
4.4.3 灵活运用Import Maps
4.4.4 nonce、integrity属性与脚本安全
4.4.5 有必要使用<noscript>元素吗
第5章 语义化与使用场景
5.1 页面整体布局结构的塑造
5.1.1 <header>元素和<footer>元素的使用变化
5.1.2 <aside>元素和<main>元素的结构关系
5.1.3 <nav>元素的使用场景
5.1.4 万能的<section>元素
5.2 文档结构信息的标签使用
5.2.1 比<section>元素更高一级的<article>元素
5.2.2 <h1>～<h6>元素及<hgroup>元素的使用规则
5.2.3 引用元素<blockquote>、<q>和<cite>的区别
5.2.4 <i>元素和<b>元素为何起死回生？<em>元素和<strong>元素都表示强调吗
5.2.5 为何<small>元素被保留但<big>元素被废弃了
5.2.6 <del>元素和<s>元素、<ins>元素的关系
5.2.7 养成使用<time>元素表示日期的习惯
5.2.8 搜索高亮必用元素<mark>
5.3 那些你不了解却有用的内联元素
5.3.1 超过一半的<span>元素可以换成<data>元素
5.3.2 上标<sup>元素和下标<sub>元素与公式排版
5.3.3 <dfn>元素和<abbr>元素的使用场景
5.3.4 <code>元素、<kbd>元素、<var>元素和<samp>元素各自的语义
5.4 与内容无关的语义化元素
5.4.1 <br>元素和<wbr>元素的区别
5.4.2 可以玩出花的<hr>元素
第6章 富媒体资源元素
6.1 深入图像元素
6.1.1 了解<svg>元素
6.1.2 <canvas>元素的基本特性
6.1.3 专为图像显示设计的<figure>元素和<figcaption>元素
6.1.4 srcset、sizes等属性与响应式图片开发
6.1.5 实用却不常用的<picture>元素
