【重识 HTML (1)，Java工程师跳槽经验分享

F12 显示开发者工具

F5 或者 Ctrl + R 刷新网页

浏览器内核

---

浏览器最核心的部分是渲染引擎(Rendering Engine)，一般也称为“浏览器内核”

• 负责解析网页语法，并渲染（显示）网页

• 不同的浏览器内核有不同的解析、渲染规则，所以同一网页在不同内核的浏览器中的渲染效果也可能不同

常见的浏览器内核有

• Trident ：IE、360安全浏览器、360极速浏览器、搜狗高速浏览器、百度浏览器、UC浏览器

• Gecko ：Mozilla Firefox

• Presto -> Blink ：Opera

• Webkit ：Safari、360极速浏览器、搜狗高速浏览器、移动端浏览器（Android、iOS）

• Webkit -> Blink ：Google Chrome

前端工程师需要特别关注的浏览器有：

• Google Chrome、Mozilla Firefox（火狐）、Opera（欧朋）、Safari、Internet Explorer（IE）

  

常用 HTML 元素

=============================================================================

HTML 简史：

HTML文件的拓展名是 .htm 或 .html（现在都使用 .html）

因历史遗留问题，Win95 \ Win98 系统的文件拓展名不能超过 3 字符，所以使用 .htm

HTML 提供了大量元素，每一个元素都有特定的用途，保证了网页的丰富多样性：

• 区块：div

• 区分：span

• 文本：p、h1~h6、em、dt、dd

• 表格：table、tbody、thead、tr、td、th、tfoot、caption

• 表单：form、input、label、textarea、select

• 链接：a

• 图片：img

• 文档：html、head、title、body、meta

• 列表：ul、ol、li、dlside、footer、nav

• 其他：br、hr、iframe

• 结构：header、section、a、strong、pre、address、q、blockquote、cite、code

元素嵌套的含义是什么？

• 把多个功能相似的、临近的元素包装成一个整体来使用，方便对它们进行归类、统一操作

下面只介绍一些常见的可以单独使用的元素，很多需要和 CSS 一起使用的将和 CSS 一起介绍。