关于 HTML 锚点标签 <a> 相关的 SEO 知识
了解 `<a>` 是网页资源相互连接、搜索引擎排序判断的关键，甚至与资安也有一定的关联，对于 SEO 与前端来说是必须了解的知识点之一。搜索引擎依赖 HTML 文件中的 `<a>` 标签了解页面之间的关联并进而评分，理解 `<a>` 能够更好地处理与标识页面与页面之间的关系。
了解 `<a>` 是网页资源相互连接、搜索引擎排序判断的关键，甚至与资安也有一定的关联，对于 SEO 与前端来说是必须了解的知识点之一。搜索引擎依赖 HTML 文件中的 `<a>` 标签了解页面之间的关联并进而评分，理解 `<a>` 能够更好地处理与标识页面与页面之间的关系。
程序中出现错误是必不可少的，有千万个原因可能造成程序出现错误无法运行，这时候在 JavaScript 中就可以使用 try...catch 语法来处理错误情境，除了拦截错误也可以自行定义与抛出错误，让程序中的错误更容易被理解与管理。
流程控制是程式语言中基础不可少的概念之一，除了使用if、else 之外，JavaScript 还提供一个简洁的写法，就是条件（三元）运算子，顾名思义，由三个片段所组成，分别是：「条件、成功流程与失败流程」。用更精简的语法来撰写流程控制，条件运算子是常见且必学的语法之一
在 JavaScript 中函式可以使用任意数量的参数与引数，如果参数没有对应的引数将导致该变数成为未定义，参数（占位符）代表一个值你期望函式所接收；引数（实际值）则是函式呼叫时所传递的值，让我们用预设参数来解决这个问题吧！
在 JavaScript 中活用 ES6 带来的增强版对象字面量可以精简代码片段，甚至可以动态计算创建对象内的项目！字面量指的是代表它自己的数值，例如数字 `25` 或 `你好世界`，而增强对象字面量就是在对象中使用的值。
通过解构语法可以快速取出当前数组或对象的数据，是个常见且必学的语法糖。通过解构可以快速取出当前数组或对象的数据，并且可以将取出的数据重新命名，让代码更简洁，是个简单方便的语法，举几个实际例子就会发现它的用处很多且很好懂。
通过学习 ES6 推出的展开与其余运算子，在许多场合可以更直觉易读的编写相同的代码，通过动图与实际案例来了解它们的用途吧。语法一模一样都是三个点，但在不同的位置会有不同的效果，这篇文章也会介绍展开运算子 (Spread Operator) 与其余运算子 (Rest Operator) 之间的差异。
JavaScript 箭头函式是 ES6 版本中新增的语法，能够简洁明了地定义函式，并且已经被广泛的使用当中。于本篇文章中我们将会学习如何使用箭头函式来简化程式码，并且了解这个语法的特性以及要注意的地方，以及它可以被使用在那些场合当中。
绝大多数时候你不会想要使用「松散比对」，尝试使用「严格的比对」将程序撰写得严谨精确一些。在绝大多数的情况下，你不会想要使用松散比对，但是在某些情况下，可能会使用它会更为便利，本篇文章将介绍相关取舍，以及你可以在什么时候使用不同的比较方式。
为了优化网页加载顺序，本文通过实际案例说明为什么应该使用 HTML 内建的 `defer` 和 `async` 属性，先从问题出发再到三种解决方案与对比，利用原生 HTML Script 标签属性及能规划脚本的加载顺序。
HTML 元素可以拥有自己的属性，用于表达各种类的资讯，像是从外观样式到无障碍资讯到各式各样的预设属性，而 data 属性是一个正式存储资料于 HTML 元素的属性，将资讯储存在 HTML 标签属性上，使 JavaScript 与 CSS 都能读取得到元素的资料。
学习任选串联语法可以让我们安全的访问某个询问且的对象属性，即使其属性并不存在也不会导致错误。访问对象属性对开发者来说是一件非常直觉的事情。做的事，但当数据的来源不稳定时，如果使用第三方来源的数据或用户输入，应该如何避免因使用不存在的值而出现的错误呢？来试试看任选染色体语法。