HTML的核心2

语义化
语义化在很早以前就提出来了，在html5中更加强调语义化。

什么是语义化？
90%以上的HTML元素都有具体的含义
<h1>:一级标题
<p>:段落
<a>:超链接

所有元素与展示效果无关
元素展示到页面中的效果，应该完全由CSS来决定。
每个浏览器都带有默认的CSS样式，所以每个元素都有一些默认样式。元素本身没办法显示任何效果。
而你使用CSS代码强制把h1标题的内容缩小，甚至还可以将它隐藏，但不管如何，它仍然是一个一级标题，这就是语义化。
所以，元素决定了含义，但不决定显示效果。元素与显示样式应该是分离开的。
【快捷键】ctrl+d:顺序依次选取相同元素。
重要:选择什么元素，取决于内容的含义，而不是显示出的效果！！！
为什么需要语义化？
为了搜索引擎优化（SEO）
搜索引擎：百度、搜狗、Bing、Googel
每隔一段时间，搜索引擎会从整个互联网中，抓取页面源代码，如果不使用语义化，搜索引擎没办法识别网页的大致内容。
语义化做的越好，搜索引擎就越能理解我们网页的内容，提高网页被搜索到的可能。
为了让浏览器理解网页
阅读模式 、语音模式
像div这样没有任何语义的元素很有可能被阅读模式插件给忽略掉
文本元素
HTML5支持哪些元素：

https://www.xuanfengge.com/funny/html5/element/

点此可查看
h
标题：head
h1~h6:表示一级标题到六级标题

【VSCode快捷键】：ctrl+Enter:光标不在末尾时的换行。
                ctrl+shift+Enter:在上面增加一个空行
【代码快速生成】：比如要写6个h1标签：h1*6>{内容}+Tab键
    假如写h1~h6：h$*6>{$级标题}+Tab键
    '>'代表要写子元素，'$'代表每次自增 1 的变量
p
段落：paragraphs
在VSCode中输入lorem，再按Tab键，会生成乱数假文（没有任何实际含义的文字），随机生成的，批量生成时内容不一样
在lorem后写1，表示只随机生成一个单词，写1000，那么就是1000个单词

span 【无语义】
没有语义，仅用于样式的设置

某些元素在显示时会独占一行(块级元素)，而某些元素不会(行级元素)。
到了HTML5，已经弃用这种说法