一丶 HTML5中支持的元素
链接:元素周期表
二丶 span
HTML5基本都会删除没有语义的元素,但是span很特殊,原因:利用三原色法则解释即可!
三丶 过去与现在对元素的分类
过去:某些元素在显示时会独占一行(块级元素),而某些元素不会(行级元素);
现在:HTML5,已经弃用这种说法。(面试加分项),在HTML5 中叫做内容类别!来自W3C官方标准的说法!
四丶 style=“display: inline;”
让内容不换行,就算是标题,或者其它元素都不会换行了!所以再一次说明了CSS决定了显示效果
五丶 pre
【1】空白折叠原则
在源代码中的连续空白字符(空格、换行、制表),在页面显示时,都会被折叠为一个空格
【2】格式
在pre元素中的内容不会出现空白折叠,所以在pre元素内部出现的内容,会按照源代码格式出现在页面上
【3】通常
该元素通常用于在网页中显示一些代码。
【4】本质
pre 元素功能的本质:它有一个默认的css属性
六丶 code
显示代码时,通常外面套code元素,code表示代码区域,这么做是为了让浏览器更好的理解为里面放的东西是,这样就能做到万无一失的显示了!
例如:
<code>
<pre>
var i = 2;
if(i){
console.log(i);
}
</pre>
</code>
也可以写成:
<code style="white-space:pre">
var i = 2;
if(i){
console.log(i);
}
</code>