Day18：【技术篇】HTML的冷门使用技巧

一、前言

大家不论学习什麽程序语言、选择走前端後端或系统分析，一定都学过HTML这个文本标记语言，当然随着语言不同可能档案副档名与注解方式不一样，这篇想跟大家分享关於它的一些冷知识，个人觉得有些满实用的唷！

因为我很常使用 Markdown 语法做笔记或会议记录，甚至近期已经着迷到会用它做旅游规划的慾望清单XD所以难免在日常累积中，会有需要用到特殊符号的需求，以下分享一些我个人搜集并常常使用的网站资源。

项次	符号种类	说明
1	基本常见的字母或特殊字元	就是日常会用到的，这个网站都有唷～
2	非常齐全、并意想不到的符号	左侧有功能选单，非常清楚明了，可以组出特别的想法们
3	常见和冷门的符号	有提供UNICODE、HEX CODE和HTML CODE，是我个人最常使用的查询网站。我觉得很多都很可爱，像是雪人 ☃
4	HTML的数学特殊符号	像是 ∑
5	基本且常见的实用符号	像是版权的© 或是基本的箭头符号 →

大家应该有遇过想在 markdown 语法里，适当地呈现文字缩排、空格的方法吧？一般来说，大多数的文字编辑器介面可能不支援我们所熟悉的空白键，会看不出效果。还有其他需要使用的状况，大家可以参考以下我统整HTML 里 entity 的语法与示范，了解一下实际运用的效果唷～

entity语法	作用	范例程序码	范例效果
`&emsp;`	全形空格，1个中文字的宽度	`「&emsp;&emsp;」可以注意到我的每个段落开头都有`	「」可以注意到我的每个段落开头都有
`&ensp;`	半形空格，半个中文字的宽度	`「&ensp;」有时候排版需要缩排可以使用`	「」有时候排版需要缩排可以使用
` `	按空白键产生的空格	`大家最熟悉的「 」距离？`	大家最熟悉的「」距离？
` `	窄空格，约1/6个中文字的宽度	`大概是一种暧昧「 」距离？`	大概是一种暧昧「」距离？
`&zwnj;`	零宽度，用於切开两个字元	`国中谈恋爱都会被强制分「&zwnj;」手`	国中谈恋爱都会被强制分「‌」手
`&zwj;`	零宽度，用於产生连字效果	`但大家还是会偷牵「&zwj;」小手`	但大家还是会偷牵「‍」小手

我自己在编辑HTML时，累积出一些经验，像是遇到首行缩排两字或或排版不整齐的状况，善用这些空格符号就可以快速解决问题，所以我觉得这也算是冷知识吧。 &ensp; 和 &emsp; 是我最常使用的空格符号。

第一次参加铁人赛，就迎来了意想不到的生活意外，今日是妈妈开刀住院的第一天，有些手忙脚乱，所以今日的文章稍微比较匆忙结束，晚一点或明天起床後会再找时间补齐内容，祝福大家与我自己能持续完赛并身体健康。

本文同步发布於我的个人网站 Annie Code Life