上一部分主要介绍了关于网络的基础知识：浏览器、HTML访问原理、URL的含义、网络协议等
地址：http://www.jianshu.com/p/7d3725eb0fd8
今天要介绍关于HTML的基础知识，介绍HTML标准的发展史、HTML的作用、HTML的格式等
如果有什么笔记中有什么错漏，或者提问技术问题都可以留言，大家进行经验分享 ---- 喵
HTML
- 超文本标记语言
HTML作用 ✨✨✨
- 给纯文本文字添加语义（文字如何展示，界面如何搭建），并不是修改文字样式
- eg：html添加标记就不仅仅是纯文本，而是超文本 --- 本质：记事本中的文字是同级别，无法区分文字间有什么不同
- 注意：标签不会在网页中显示出来，而是用来给文字添加语义的
HTML发展史
- 1993年(IETF)HTML1.0
- 1995年(W3C)HTML2.0（制定了标准）
- 1996年(W3C)HTML3.2
- 1997年(W3C)HTML4.0
- 1999年(W3C)HTML4.01
- 2000年(W3C)XHTML1.0（更加严格的标准，为了更加规范HTML）
- 2001年(W3C)XHTML1.1
- XHTML2.0(?) --- 无法执行，浏览器厂商放弃执行
- 2004年(WHATWG)HTML5草案（分化点）
- 2008年(合并)HTML5正式版 --- 与XHTML2.0合并，该公司和浏览器厂商一同制定
HTML格式✨✨✨
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
HTML的标签✨✨✨
- 标签都是
成对出现，开始标签<html>和结束标签</html> - html 标签： 代表一个网页，所有标签都要写在该标签中
- head标签：给网站特定信息。eg：网站的标题，标题旁图片，SEO相关信息（关键字，网站描述信息），css js文件，浏览器适配相关
- 注意：用户看不到，是告诉浏览器的
- title标签：网站的标题，必须写在head中
- body标签：用户可以看到的内容
- 注意：一对html标签中只能有一对body标签
字符集
- 字符集charset：字符的集合，很多字符堆在一起。类似于活字印刷术，将刻有汉字的小章都放在盒子中，由于取法不同，存储汉的顺序不同，会导致取出的字与所要显示的不同。
- 指定字符集的意义：告知浏览器如何去查找对应的正确的内容
- meta标签：指定网页的字符集
- <meta charset="GBK">
- Q1：为什么会有乱码现象？
- 没有指定字符集
- GBK（GB2312）和UTF-8区别
- GBK（GB2312）只存储了汉字和一些常用外文 --- 体积较小
- UTF-8存储了世界上所有的文字 --- 体积比较大
- 如何进行选择？
- 若你网站中仅仅有中文，推荐GB2312，因为体积小，访问快
- 若你的网站除了中文，还有其他国家语言，推荐UTF-8
懒人推荐：网速越来越快，不需要考虑太多，都用UTF-8
- 注意：保存文件的字符集必须和文件指定的字符集保持一致！！！
标签分类
按标签个数分类
- 双标签：开始标签<>和结束标签</>
- eg：head，body等等
- 单标签：只有开始标签<>
- eg：<meta charset="UTF-8">
按标签关系分类
- 并列关系（兄弟、平级）
- eg：head，body等
- 嵌套关系（父子）
- eg：html和head，body；head和meta等等
DTD文档声明
- html会有很多个版本规范，
版本之间存在差异，浏览器若需要正确渲染、解析网页，所以要编写DTD文档告诉浏览器使用哪个版本，就能正确显示网页了 - 注意：不同的版本有不同的文档声明规范；通常只使用html5文档声明规范（因为可以向下兼容）
<!DOCTYPE html>
#注意点#：
①任何标准html网页，第一行一定是 DTD文档
②DTD文档声明不区分大小写
③DTD文档声明不是一个标签
④浏览器不会完全依赖DTD文档声明，浏览器有自己的机制，所以，DTD文档声明，不写网页也能正常运行。但是规范最好要遵守！
- http://www.w3school.com.cn/tags/tag_doctype.asp
- 在该网站中，查看常用的DOCTYPE声明
- 凡是修改文字书写的标签，在严谨的版本中无法使用 ---- 因为html本质是添加语义，而不是修改
HTML、XHTML、HTML5区别
- 共同点：都编写网页
- HTML：非常宽松，容错性强
- XHTML更为严格：大小写，闭合，属性必须用引号引起来 eg：size="7"
- HTML5：和HTML非常宽松，容错性强，增加了新属性
.htm和.html拓展名区别
- 较古老的DOS操作系统（win95 98）只支持.htm
- Windows下无所谓htm html
网友评论