新書推薦:
《
谁是窃书之人 日本文坛新锐作家深绿野分著 无限流×悬疑×幻想小说
》
售價:NT$
254.0
《
一个经济杀手的自白 第3版
》
售價:NT$
505.0
《
8秒按压告别疼痛
》
售價:NT$
398.0
《
津巴多时间心理学:挣脱束缚、改写命运的6种时间观
》
售價:NT$
352.0
《
大英博物馆东南亚简史
》
售價:NT$
806.0
《
纯粹·我只要少许
》
售價:NT$
367.0
《
投机苦旅:一位投机客的凤凰涅槃
》
售價:NT$
403.0
《
重返马赛渔场:社会规范与私人治理的局限
》
售價:NT$
316.0
|
內容簡介: |
本书凝结了作者多年对HTML钻研与实践的研究成果,旨在为前端开发人员,尤其是新人,提供有价值的参考,并值得反复阅读。本书深入细节以HTML为索引对Web前端开发知识进行系统、全面的讲解,书中介绍了大量前端开发人员不知道,但非常重要、好用的知识点。本书还配备专门的网站用于实例展示。这是一本深度讲解HTML的图书,通过阅读本书,读者会对HTML有一个全新的认识。其实HTML并不简单,精通HTML会助你成为真正的Web开发高手,实现“有他人不能有之效率,解他人不能解之难题”。
|
關於作者: |
张鑫旭,前端开发工程师,国内知名前端博客“鑫空间-鑫生活”博主,目前就职于阅文集团前端技术中心,担任前端技术专家,是目前公司专业级别最高的技术人员之一。2007年开始接触前端,17年来一直奋斗在前端一线,在HTML/CSS等与交互体验关系密切的领域花了大量的时间学习和研究,有比较多的心得体会。
|
目錄:
|
目 录 第1章 正确认识HTML1 1.1 HTML并不简单1 1.1.1 门槛低不等于简单1 1.1.2 得心应手带来的双刃剑2 1.1.3 依赖路径并非最优解2 1.1.4 社区环境与学习资源3 1.2 精通HTML有什么用3 第2章 看似普通的元素的背后6 2.1 你不知道的<a>元素6 2.1.1 rel属性知多少6 2.1.2 你知道target的这个特性吗14 2.1.3 实用的download属性15 2.1.4 看看ping属性的妙用17 2.1.5 好好讲一下referrerpolicy属性20 2.1.6 href属性的背后也有细节知识23 2.1.7 为何<base>元素无人问津26 2.1.8 如何实现链接元素的嵌套27 2.2 重新认识列表元素31 2.2.1 无序列表元素除<ul>外还有其他的31 2.2.2 <ol>元素额外支持的那些属性32 2.2.3 定义列表的特点35 2.3 正确认识<body>元素和<html>元素38 2.3.1 难以名状的关联性38 2.3.2 桌面端和移动端的差异43 第3章 那些自带交互特征的HTML元素44 3.1 非常实用的<details>元素44 3.1.1 黄金搭档<summary>元素44 3.1.2 样式的自定义46 3.1.3 实际使用案例示意48 3.1.4 全新的name属性与手风琴效果51 3.2 深入了解<dialog>元素和popover属性52 3.2.1 <dialog>元素的基本特性52 3.2.2 <dialog>元素的不可替代性53 3.2.3 原生弹层与popover属性63 3.3 控件伴侣<label>元素67 3.3.1 <label>元素的价值所在67 3.3.2 必学的单选按钮、复选框技术71 3.4 什么时候使用<fieldset>元素和<legend>元素73 3.4.1 表单分组与<fieldset>元素的使用73 3.4.2 特殊且唯一的边框样式75 3.4.3 <fieldset>元素的独家功能76 3.5 务必使用<progress>元素实现进度条77 3.5.1 <progress>元素的基本特性78 3.5.2 <progress>元素的样式自定义79 3.6 务必使用<meter>元素显示密码强度80 3.6.1 <meter>元素的基本特性81 3.6.2 <meter>元素的美化技巧83 第4章 经常出现在页面首尾的HTML元素87 4.1 几万字都讲不完的<meta>元素87 4.1.1 SEO最重要的元素之一88 4.1.2 网页尺寸设置91 4.1.3 referrer设置与防盗图片显示93 4.1.4 网站风格和主题色的设置94 4.2 同样知识非常密集的<link>元素97 4.2.1 favicon小图标的设置与显示97 4.2.2 网站换肤的最佳实现100 4.2.3 资源的预加载102 4.3 相对简单的<style>元素110 4.3.1 废弃的type属性111 4.3.2 局部样式特性111 4.4 <script>元素的水很深113 4.4.1 async属性和defer属性的区别113 4.4.2 不太一般的type属性114 4.4.3 灵活运用Import Maps118 4.4.4 nonce、integrity属性与脚本安全121 4.4.5 <noscript>元素有必要使用吗125 第5章 语义化与使用场景126 5.1 页面整体布局结构的塑造127 5.1.1 <header>元素和<footer>元素的使用变化127 5.1.2 <aside>元素和<main>元素的结构关系129 5.1.3 <nav>元素的使用场景130 5.1.4 万能的<section>元素131 5.2 文档结构信息的标签使用132 5.2.1 比<section>元素更高一级的<article>元素132 5.2.2 <h1>~<h6>元素及<hgroup>元素的使用规则133 5.2.3 引用元素<blockquote>、<q>和<cite>的区别136 5.2.4 <i>元素和<b>元素为何起死回生?<em>元素和<strong>元素 都是强调吗138 5.2.5 为何<small>元素被保留但<big>元素被废弃了141 5.2.6 <del>元素和<s>元素、<ins>元素的关系141 5.2.7 养成使用<time>元素表示日期的习惯143 5.2.8 搜索高亮必用元素<mark>144 5.3 那些你不了解却有用的内联元素144 5.3.1 超过一半的<span>元素可以换成<data>元素145 5.3.2 上标<sup>元素和下标<sub>元素与公式排版146 5.3.3 <dfn>元素和<abbr>元素的使用场景147 5.3.4 <code>元素、<kbd>元素、<var>元素和<samp>元素各自的语义149 5.4 与内容无关的语义化元素151 5.4.1 元素和<wbr>元素的区别152 5.4.2 可以玩出花的<hr>元素153 第6章 富媒体资源元素156 6.1 深入图像元素156 6.1.1 了解<svg>元素156 6.1.2 <canvas>元素的基本特性165 6.1.3 专为图像显示设计的<figure>元素和<figcaption>元素170 6.1.4 srcset、sizes等属性与响应式图片开发171 6.1.5 实用却不常用的<picture>元素176 6.1.6 聊聊loading=”lazy”懒加载179 6.1.7 crossOrigin与跨域处理181 6.1.8 使用elementtiming属性知晓图片的加载时长183 6.2 快速上手音视频开发185 6.2.1 <audio>元素的常用应用指南186 6.2.2 <video>元素的常用应用指南188 6.2.3 聊聊音视频的自动播放194 6.2.4 解密倍速播放的实现195 6.2.5 视频的画中画技术196 6.2.6 <track>元素与WebVTT字幕的显示198 第7章 庞杂的表单控件元素204 7.1 先从元素说起206 7.1.1 <form>元素的行为与特征206 7.1.2 并不简单的<button>按钮217 7.1.3 好好了解一下<select>下拉框219 7.1.4 <textarea>元素的精华与糟粕226 7.1.5 单选按钮、复选框行为与应用230 7.1.6 file类型输入框的隐藏知识233 7.1.7 时间日期选择框速览238 7.1.8 范围选择控件的高级应用241 7.1.9 <datalist>元素与列表内容的选择243 7.2 表单体系中的那些HTML属性们247 7.2.1 表单中的name属性与行为247 7.2.2 深入讲讲autocomplete属性250 7.2.3 表单验证属性及方法256 第8章 深入表格263 8.1 <table>元素的基本特性265 8.1.1 深入固定分配尺寸与弹性尺寸规则265 8.1.2 间隙的分离与合并规则273 8.2 专为表格而生的标题元素<caption>278 8.2.1 罕见的脱离渲染特性278 8.2.2 最早的渲染位置可定义元素280 8.3 <td>元素和<th>元素的特性与应用281 8.3.1 匿名表格元素创建规则281 8.3.2 单元格合并的实现283 8.4 了解<col>元素和<colgroup>元素的作用285 第9章 无障碍访问289 9.1 键盘的无障碍访问289 9.1.1 务必了解的tabindex属性290 9.1.2 深入了解快捷键设置属性accesskey291 9.2 屏幕阅读无障碍访问294 9.2.1 尽可能使用原生元素和属性294 9.2.2 系统介绍ARIA规范属性296 9.3 iOS、Android虚拟键盘设置316 9.3.1 enterkeyhint属性与确认按钮文案的自定义设置316 9.3.2 使用inputmode属性设置虚拟键盘的输入模式319 9.3.3 virtualkeyboardpolicy属性的作用是什么320 9.3.4 autocapitalize全局属性与首字母大写的设置321 第10章 Web Components开发323 10.1 自定义元素和未知元素323 10.2 详细了解<template>元素326 10.3 深入介绍<slot>元素327 10.3.1 了解Shadow DOM328 10.3.2 <slot>元素的匹配细节330 10.3.3 <slot>元素中的事件332 10.3.4 特殊的display计算值与样式设置334 10.4 了解part属性和exportparts属性335 10.4.1 更常用的part属性335 10.4.2 嵌套组件解决方案exportparts属性336 10.5 后起之秀is属性338 第11章 结构化微数据语言简介340 11.1 提要词汇表343 11.2 itemscope、itemtype、itemprop等属性简介345 11.2.1 和id属性完全不同的itemid属性345 11.2.2 快速了解itemscope属性347 11.2.3 快速了解itemtype属性347 11.2.4 快速了解itemprop属性347 11.2.5 有别于href的itemhref属性348 第12章 MathML语言简介350 12.1 按类别分类的MathML表现元素350 12.2 语义注释相关的MathML元素361 第13章 SMIL语言简介363 13.1 SVG语言简介364 13.2 SVG SMIL动画详解366 13.2.1 SVG SMIL动画元素介绍366 13.2.2 SVG SMIL动画参数详解370
|
|