摘录自https://www.jianshu.com/p/6ba593a642a6
一、web标准的概念
web标准是网页制作的标准，它不是一个标准，而是根据网页不同组成部分生成的一系列标准。这些标准大部分由W3C(万维网联盟)起草发布，也有部分标准由ECMA起草发布(ECMA欧洲电脑网商协会);
二、网页组成
- 内容: 网页要传达的信息即是内容部分；
- 结构: 网页的结构部分(头部、身体、结尾…)
- 表现: 网页样式(每个网页设计的都是不一样的)
- 行为: 网页能够实现交互功能(轮播图、滑动效果、用户与页面的交互..)
[图片上传失败...(image-8022d8-1534853820589)]
三、HTML及相关概念
- HTML指的是超文本标记语言，www万维网的描述性语言，通用标记语言的一个应用；
- XHTML指可扩展超文本标记语言(标识语言)，是一种置标语言，表现方式与超文本标记(HTML)类似，不过语法上更加严格；
- HTML5指的是HTML的第五次重大修改(第5个版本)；
- H5是一个技术集合，面向于移动端；
四、HTML发展历史
> HTML1.0 在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准);
> HTML2.0 1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时;
> HTML3.2 1996年1月14日，W3C推荐标准;
> HTML4.0 1997年12月18日，W3C推荐标准;
> HTML4.01（微小改进）——1999年12月24日，W3C推荐标准;
> XHTML1.0 发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布;
> XHTML1.1 2001年5月31日发布，W3C推荐标准;
> XHTML2.0 W3C工作草案;
> XHTML5 从XHTML 1.x的更新版，基于HTML5草案;
> HTML5 第一份正式草案已于2008年1月22日公布;
> HTML5 2014年10月29号万维网联盟宣布经过8年时间，该标准规范制定完成；
【WHATWG(网页超文本应用技术工作小组)是一个以推动网络HTML 5 标准为目的而成立的组织，在2004年，由Opera、Mozilla基金会和苹果这些浏览器厂商组成】
五、HTML基本骨架
骨架1(HTML4.01版本IE6开始兼容)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>
<body>
</body>
</html>
标准骨架2(IE9开始兼容)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
备注
文档声明头
<!DOCTYPE html …>此标签可告知浏览器文档，使用HTML或XHTML规范(注: 现阶段学习的是HTML4.01版本);
字符集(编码类型)
- <meta charset=“xxx” ...>中文能够使用的字符集有UTF-8和GB2312(GBK);
- UTF-8是国际通用字库，里面涵盖所有地球上人类语言文字，例如汉语、英语、鸟语…;
- GB2312是国标，是中国的字库，里面仅涵盖了汉字和一些常用外文，例如日文片假名、常见符号…;
- 字库规模: UTF-8(字全) > GB2312(只有汉字);
- 保存大小: UTF-8(更臃肿、加载更慢) > GB2312(更轻巧、加载更快)[UTF-8一个汉字3个字节，而GB2312一个汉字2个字节];
【meta标签即是声明当前html文档的字库，如果类型不一致，则会出现乱码】
注: 使用UTF-8，还是GB2312?
使用哪种字符集要根据实际情况进行选择，例如公司是做日本动漫的，经常会出现日语动漫名字，网页就要使用UTF-8，如果用GB2312将无法显示日语；例如公司就是中文网，极度的追求网页的显示速度，就可以使用GB2312，如果使用UTF-8将每个汉字多一个字节，即5000个汉字就多5KB；
例如qq、网易、搜狐都是使用GB2312，追求显示速度；
例如新华网藏语频道使用的是UTF-8，保证字符集的数量；
注: 什么是字符集?活字印刷术，所有的汉字都有一个小小印章，需要哪个字，就取哪个字。
赵六发明一个字库U，老王发明了一个字库G；
例如同一个汉字“你”，在赵六字库U中是第3个大盘子第3行第24列；在老王字符库G中是第6大盘子第9行第68列。
计算机，不能直接存储汉字，而都是存储的是编码，所以计算机记录“你”字，就这么记录的：
赵六U: 03 03 24 030324你
老王G: 06 09 68 060968你
六、HTML语法
1、标记
标签对: <标记名> </标记名>
单标签: <标记名 />
说明：
1）写在尖角号里的第一个单词，叫做标记，也叫做标签，也称作元素；
2）标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在双引号内
3）一个标记可以有多个属性，属性和属性之间用空格隔开，属性与属性间不分先后顺序；
4）空标记是指没有结束标签的标记，必须使用"/" 关闭
作者：EndEvent
链接：https://www.jianshu.com/p/6ba593a642a6
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
网友评论