语义化

概述：

1 每一个HTML元素都有具体的含义 a元素：超链接 p元素：段落 h1元素：一级标题

2 所有元素与展示效果无关

元素展示到页面中的效果，应该由CSS决定
因为浏览器带有默认的CSS样式，所以每个元素有些默认样式。

重要：选择什么元素，取决于内容的含义，而不是显示出来的效果

为什么需要语义化？

1.为了搜索引擎优化（SEO）

搜索引擎：百度，搜搜，bing（微软），Google（谷歌）

每隔一段时间，搜索引擎会从整个互联网中，抓取页面 源代码

2，为了让浏览器理解网页（浏览器对源代码理解越深 就能更好解读）

阅读模式（可能会忽略掉一下东西 注重正文 ）语音模式

文本元素

html 5 中支持的元素：html 5 元素周期表

h 标题：head

h1_{h6:表示一级标题}6级标题 hKaTeX parse error: Expected '}', got 'EOF' at end of input: *6>{级标题}

p 段落：paragraphs

lorem 乱数假文 没有任何实际含义的文字（通常用来看排版）

span 没有语义

没有语义，仅用于设置样式

以前：某些元素在现实是会独占一行，而某些元素不会

到了html5，已经弃用这种说法

pre

预格式化文本元素

空白折叠：在源代码中的连续空白字符（空格 换行 制表）， 在页面显示时，会被折叠为一个空挡

例外：在pre元素中的内容不会出现空白折叠

在pre元素内部出现的内容，会按照源代码格式显示到页面上