【每日十分钟前端】基础篇4，HTML语义化、CSS 加载方式、NaN

1、[HTML]HTML语义化是什么？
2、[CSS]CSS加载方式有几种？
3、[JS]NaN是什么？有什么特别之处？

---

1、HTML 语义化是什么？

用最恰当的标签来标记内容，内容的结构化，清楚的向浏览器和开发者描述其意义。

HTML5新语义标签：

<article>、<aside>、<details>、<figcaption>、<figure>、<footer>、<header>、<main>、<mark>、<nav>、<section>、<summary>、<time>。

语义化原因/好处：

(1)、在没有css的时候，也能呈现出内容解构、代码解构，以一种文档格式显示，且容易阅读；
(2)、让页面的内容结构化，结构更清晰，便于浏览器、搜索引擎解析；
(3)、方便其他设备解析以意义的方式来渲染页面；
(4)、有利于SEO搜索引擎优化，有助于爬虫抓取更多有效信息，搜索引擎怕从依赖于HTML标记来确定上下文和各个关键字的权重；
(5)、便于阅读源代码的人更容易阅读维护和理解；

2、CSS 加载方式有几种？

(1)、通过link引用：

外部引入。
页面加载的时候同步加载引入样式；
XHTML标签；
兼容所有浏览器；
可以通过js来改变样式；
可以引入其他文件。

(2)、@import导入：

外部引入。
页面加载完成后；
再加载引入；
低版本不兼容；
不可以通过js来改变样式；
只能引入css文件。

(3)、内部样式表：

在页面中插入<style></style>标签，在里面添加样式。

(4)、内联样式：

在标签内直接添加style=""。

3、NaN是什么？有什么特别之处？

“Not-a-Number”，表示非数值，是一个特殊的数值类型，用于标识一个本来要返回数值的操作未返回数值的情况，示值不是合法数字。

任何涉及NaN的操作都会返回NaN，比如各种计算。
NaN与任何值都不想等，包括NaN自己。
用isNaN()/Number.NaN检测是为为NaN值。