html快速参考
程序员文章站
2022-03-16 16:12:03
一、html语言概述 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 二、目前浏览器内核（了解）： 三、HTML 初体验 上述实 ......
一、html语言概述
超文本标记语言（英语：hypertext markup language，简称：html）是一种用于创建网页的标准标记语言。
您可以使用 html 来建立自己的 web 站点，html 运行在浏览器上，由浏览器来解析。
二、目前浏览器内核（了解）：
- trident内核代表产品internet explorer，又称其为ie内核。trident（又称为mshtml），是微软开发的一种排版引擎。使用trident渲染引擎的浏览器包括：ie、傲游、世界之窗浏览器、avant、腾讯tt、netscape 8、netcaptor、sleipnir、gosurf、greenbrowser和kkman等。
- gecko内核代表作品mozilla firefoxgecko是一套开放源代码的、以c++编写的网页排版引擎。gecko是最流行的排版引擎之一，仅次于trident。使用它的最著名浏览器有firefox、netscape6至9。
- webkit内核代表作品safari、chromewebkit 是一个开源项目，包含了来自kde项目和苹果公司的一些组件，主要用于mac os系统，它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高，导致一些编写不标准的网页无法正常显示。主要代表作品有safari和google的浏览器chrome。
- presto内核代表作品operapresto是由opera software开发的浏览器排版引擎，供opera 7.0及以上使用。它取代了旧版opera 4至6版本使用的elektra排版引擎，包括加入动态功能，例如网页或其部分可随着dom及script语法的事件而重新排版。
- blink内核，chrome和opera后来改为blink内核。
三、html 初体验
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>我是网页标题</title> 6 </head> 7 <body> 8 大家好，我是网页主体！ 9 </body> 10 </html>
上述实例解析
- <!doctype html> 声明为 html5 文档
- <html> 元素是 html 页面的根元素
- <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
- <title> 元素描述了文档的标题
- <body> 元素包含了可见的页面内容
注：在浏览器的页面上使用键盘上的 f12 按键开启调试模式，就可以看到组成标签。
四、html 元素（或标签）详解
详见：https://developer.mozilla.org/zh-cn/docs/learn/html