浏览器内核及HTML语义化标签

一：浏览器内核分为两部分：渲染引擎和JS引擎

1，渲染引擎：它负责取得网页的内容(html,xml,图像等等)，整理讯息(例如加入css等),以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核不同对于网页的语法解释会有不同，所以渲染的效果也不相同。

2，JS引擎：js引擎则是解析JavaScript语言，执行JavaScript语言来实现网页的动态效果，常见的浏览器内核分为四种：Trident、Gecko、Presto、Webkit。

二：web标准构成分为：结构形式(html)、表现形式(css)和行为形式(js)

三：html语义化标签：

<hn>：h1~h6，分级标题。
<ul>：无序列表。
<ol>：有序列表。
<header>：页眉通常包括网站标志、主导航以及搜索框。
<nav>：导航栏。
<main>：页面主要内容，一个页面只能使用一次。
<article>：布局文章、内容部分的内容。
<section>：定义文档中的节、区段。比如章节、页眉、页脚或文档中的其他部分。
<aside>：定义侧边栏。
<footer>：页脚。
<small>：文字以小号字体显示。
<strong>：文字以加粗效果显示。
<em>：文字以斜体显示。
<del>：文字以删除线显示。
<ins>：文字以下划线显示。
<sup>:文字以上标形式显示。
<sup>:文字以上标形式显示。 

                                                       HTML语义化布局

 

 四：<base>

<base href="https://www.bilibili.com/" target="_blank"> 
<!-- base 为a标签默认跳转地址   target="_blank"为新窗口打开  -->

<a href=""></a>  <!--如果a标签不设置跳转路径,则执行<base>的跳转路径地址 -->