标签：浏览器 HTML 第一篇 标签 html 概述 内核 页面
html 发展史
1、HTML 1.0 （HTML/HTML+）超文本标记语言(第一版) ——在1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准)
2、HTML 2.0 —— 1995年11月 作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
3、HTML 3.2 —— 1996年1月14日，W3C推荐标准
4、HTML 4.0 ——1997年12月18日，W3C推荐标准
5、HTML 4.01(微小改进) ——1999年12月24日，W3C推荐标准，编码更加规范
6、XHTML 1.0 —— 发布于2000年1月26日，是W3C推荐标准，后来经过修订于 2002年8月1日 重新发布
7、XHTML 1.1 —— 于2001年5月31日发布，W3C推荐标准
8、XHTML 2.0 —— 于2002年8月5日发布，W3C草案
9、HTML5.0 —— 2012年12月17日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成
10、HTML5.1 —— 2013年5月6日，草案公布
html 概述
简述
1、什么是 HTML
HTML 的英文全称是 Hyper Text Marked Language（超文本标记语言），它于 1990年 由Web 的发明者的 Tim Berners-Lee 【 蒂姆·伯纳斯·李 】发明
蒂姆·伯纳斯·李 发明
1、第一个浏览器
2、第一个服务器
3、www 万维网
4、HTML + HTTP + URL
2、Html 字符集 charset = "UTF-8"
告诉浏览器应该用什么编码去解析你的 HTML
目前在大部分浏览器中，直接输出 中文 会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK
如今的版本用的大部分是 HTML5，而 HTML5 中的默认字符集为 UTF-8
HTML 包含的基本元素
1、<!DOCTYPE html>
它是 HTML5 标准网页声明，全称为 Document Type HyperText Mark-up Language，是一条标示语言。其中doctype 声明是不区分大小写的，用来告知 Web 浏览器页面使用了哪种 HTML 版本
2、<html lang = en>
表示该页面是 html 语言，并且语言为英文网站，其“lang”的意思就是“language”，语言的意思，而“en”即表示english
你的页面是中文页面，可以将其改为 <html lang=zh-CN> zh-CN 为中文简体。
3、<html>
是 HTML 页面的根元素。
4、<head>
是 HTML 页面的头部元素，必须包含文档的标题 title
title 标签描述了文档的标题， 在 head 中必须存在
可以包含 【 script、link、meta ...】等标签 以及其他更多的信息
5、<body>
是 HTML 页面的主体元素，包含了可见的页面内容
作用
<meta> 元素可提供有关页面的元信息 大致有以下功能
1、定义网页编码格式为 UTF-8
<meta charset="UTF-8">
2、页面描述
<meta name=”description” content=”不超过150个字符”/>
3、页面关键词者
<meta name=”keywords” content=””/>
4、对移动网页的优化 viewport
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
1、width: 控制 viewport 的大小, 如 device-width 为设备的宽度
2、initial-scale = 1 初始缩放比例为 1
3、maximum-scale=1, minimum-scale=1, 即不允许用户缩放
link 标签 【 link 和 @import 的区别 】
<link> 定义两个链接文档之间的关系, 被定义于 HTML 文档的 head 部分
link 与 @import 连接外部 CSS 文件在加载网页时的区别
1、加载网页时，由于读取都是从上往下的，所以碰到 link 会同时被加载，但 @import 会等页面全部加载完毕后才会被加载，在网速特别慢的时候就会出现闪烁的情况
2、js在操作标签样式的时候 @import 中的 CSS 不能被 js 控制
所以一般情况建议使用 link 连接更好。
常见浏览器的内核
不同的浏览器内核是不一样的，例如 1.IE 浏览器 内核：Trident 内核
1、火狐浏览器内核：Gecko内核
2、Opera浏览器内核：最初是自主研发的 Presto 内核，后跟随谷歌，从 Webkit 到 Blink 内核
3、Chrome 浏览器内核：Chromium 内核 → Webkit 内核 → Blink 内核
4、Safari 浏览器内核：Webkit 内核
5、360浏览器、猎豹浏览器内核：IE+Chrome 双内核
6、搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+ Webkit（高速模式）
7、百度浏览器、世界之窗内核：IE内核；
html 的链接标签
HTML 的链接是通过 <a> 标签定义的
<a href="https://www.baidu.com/">这是一个链接</a>
1、href 属性中填入指定的链接地址
a 标签中 target 属性定义文档显示在何处，一般默认在当前网页打开，默认值为"_self"
1、_self 当前网页打开 默认值
2、"_blank" 打开新的窗口
html 的图像标签 ![]()
HTML的图像是通过 <img> 标签定义的
<img src="./images/logo.png"width="300" height="120"/>
1、src 属性是填写图片来源地址
可 配合 data-src 自定义属性 来做图片的 懒加载 和 预加载
2、width 属性是设置图片的宽度的
3、height 属性是设置图片高度的
4、alt 属性是图片显示不出来时替换文本
5、title 属性是当鼠标移动到图片上所显示的提示文本
标签：浏览器,
HTML,
第一篇,
标签,
html,
概述,
内核,
页面
From： https://www.cnblogs.com/caix-1987/p/17265045.html