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

123 阅读2分钟

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值。