丁鹿学堂前端逆袭笔记之html day01

浏览器内核

浏览器内核也成"渲染引擎"，用来解析语法并渲染到网页上。

html代码 —》浏览器内核渲染 —》 用户看到的页面

内核的种类有很多：Trident,Gecko,Blink,Webkit

IE:Trident
chrome:统称为Chromium内核，以前是webkit内核，现在是blink内核
safari：webkit内核
firefox：Gecko内核。
以后前端就用chrome浏览器，兼容性好，便于调试，显得专业

前端编辑器

1. vscode
2. hbuilder
3. sublime
4. webstrom

建议前端入门使用vscode，开源，免费，插件丰富。

vscode 好用的插件 - html相关

View In Browser 直接在浏览器中打开
Auto Rename Tag 修改标签时候自动成对修改

html基础语法规范

• 标签属性

属性可以为html标签提供一些额外的信息，，属性需要添加在开始标签

标签可以添加自定义属性作为我们开发者额外的标识

lang="en" 就是html这个标签的属性。

• 创建html页面

vscode 中 ，感叹号，或者doc + tab键盘，直接生成最简单的html页面框架。

<meta charset="UTF-8">设置网页的编码，告诉浏览器用对应的编码来解析html的内容。

h标签

1. h1 ~h6 标题标签，有六个级别。h1 是最高，h6最低。通过这样标签定义网页中的标题内容。
2. h标签只能用来定义标题，不可以用来随便进行加粗处理。因为搜索引擎会使用标题来检索网页结构内容。因此使用标题标签有利于网站的宣传和SEO优化。
3. h标签自带样式，如果需要统一，可以利用css去修改。