实例如下:
<!DOCTYPE html>
<!-- html:根标签 -->
<html lang="en">
<!-- head:主要用来对网页进行设置 -->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- title:网页标题 -->
<title>网页构成</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<!-- 定义外部链接css -->
<link rel="stylesheet" href="">
<!-- 链接收藏夹图标 -->
<link rel="shortcut icon" href="favicon.ico" type="image/X-icon">
</head>
<body>
<!-- body:网页主体,包含了可见的页面内容 -->
</body>
</html>
1、声明
HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset。
HTML5 中仅规定了一种:<!DOCTYPE html>。
2、mate标签
meta:描述一些元数据,charset为定义网页的编码格式;
meta常用属性:charset,http-equiv,content,name。
如:
http-equiv:把content属性关联到HTTP头部;
name:把content属性关联到一个名称,name的常用属性值:discireption(描述),keywords(关键字),author...
3、link标签
link定义文档与外部链接的关系:链接外部css、js...,链接收藏夹图标;
链接收藏夹图标要先把图标转换为ico类型(如比特虫工具...)。
4、HTML介绍
- html:超文本标记语言;
- xhtml:可扩展超文本标记语言(比html语法更严谨);
- xml:可扩展标记语言(事先提供了标准);
html版本:html1.0、html2.0、html3.2、html4.0、html4.01、html5。
5、webview:网页查看器,相当于浏览器(app内置webview)
6、字符编码:ASCII码、GB2312
常见的字符编码:ASCII字符集、ISO字符集、Unicode的标准:UTF-8、UTF-16、GB2312简体中文。
7、浏览器内核
- 谷歌:双核,webkit、Blink;
- 360安全浏览器:双内核,Blink(极速模式)、Trident(兼容模式);
- 360极速浏览器:双内核,Blink、Trident;
- UC、QQ浏览器:双内核,Blink、Trident;
- Safari浏览器:单内核,webkit;
- Firefox浏览器:单内核,Gecko;
- IE浏览器:单内核,Trident;
- Miscrosoft Edge浏览器:双内核,Blink、Trident。