参考文章:https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/Introduction_to_HTML5
1.HTML5 声明:
HTML内容使用HTML5,只需要简单的使用:
<!DOCTYPE html>
这样做会让目前还不支持的HTML5的浏览器采用标准模式解析,这意味着他们会解析那些HTML5中兼容的旧的HTML的标签的部分,而忽略他们不支持HTML5的新特性。
2. 用<meta charset> 声明字符集:
<meta charset="UTF-8">
————————————————语义化标签 start——————————————————
1. <section>
Section 元素 (<section>
) 表示文档中的一个区域(或节),比如,内容中的一个专题组,一般来说会有包含一个标题(heading)。一般通过是否包含一个标题 (<h1>
-<h6>
element) 作为子节点 来 辨识每一个<section>
样式区别:
div和section:
div:
section:
div包裹下的h2:
section包裹下的h1:
可以看出section标签将里面的h1标签的一些样式给改写了。变得跟h2一样
那如果将section下的h1 改为h2呢??
如图,无改动。
改为h3呢?
如图,无改动.
然后我依次改变了剩下的h4,h5,h6 都没有变化,只有h1有变化,且变为h2效果。
div包裹下的p:
section包裹下的p:同上,section不影响p标签。