【无标题】html+css学习——语义化、文本元素

语义化

什么是语义化

1. 每个html元素都有具体的含义
   选择什么元素，取决于什么内容含义
   a元素：超链接
   p元素：段落
   h1元素：一级标题

2. 所有元素与展示效果无关
   效果应该由css决定
   浏览器都有默认css样式，

为什么需要语义化

1. 为了搜索引擎优化（SEO）
   每隔一段时间，搜索引擎会从整个互联网中，抓取页面代码
2. 为了让浏览器理解网页
   阅读模式（为了更好的交互）、语音模式

ctrl+d 选择相同文字进行修改
ctrl+s 保存
Ctrl+enter 下一行

文本元素

HTML5中支持的元素（html5元素周期表）

h

标题：head
h1~h6:表示一级标题-六级标题

h$*6>{$级标题} <!--- +tab --->

p

段落，paragraphs

lorem

乱数假文，。没有任何实际含义的文字

p*6>lorem1 <!---只生成一个单词--->

span

无语义，仅用于设置样式，无需换行

某些元素在显示时会独占一行（块级元素：会导致换行），而某些元素不会（行级元素）
现在html5已经弃用这种说法

pre

预格式化文本元素
功能本质：有默认的css属性
空白折叠：早源代码中的连续空白字符（空格、制表tab、换行），在页面显示时，会被折叠为一个空格
在pre元素内部不会出现空白折叠。
在pre元素内部出现的内容，会按原代码的格式显示在页面上
该元素通常用于在页面上显示一些代码。

显示代码时，通常外面套code元素，code表示代码区域。

<code>
   <pre>
          vai i=12;
   <pre>  

</code>