day2-认识HTML

上一部分主要介绍了关于网络的基础知识:浏览器、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的标签✨✨✨

  • 标签都是成对出现,开始标签和结束标签
  • html 标签: 代表一个网页,所有标签都要写在该标签中
  • head标签:给网站特定信息。eg:网站的标题,标题旁图片,SEO相关信息(关键字,网站描述信息),css js文件,浏览器适配相关
    • 注意:用户看不到,是告诉浏览器的
  • title标签:网站的标题,必须写在head中
  • body标签:用户可以看到的内容
    • 注意:一对html标签中只能有一对body标签

字符集

  • 字符集charset:字符的集合,很多字符堆在一起。类似于活字印刷术,将刻有汉字的小章都放在盒子中,由于取法不同,存储汉的顺序不同,会导致取出的字与所要显示的不同。
    • 指定字符集的意义:告知浏览器如何去查找对应的正确的内容
  • meta标签:指定网页的字符集
  • Q1:为什么会有乱码现象?
    • 没有指定字符集
  • GBK(GB2312)和UTF-8区别
    • GBK(GB2312)只存储了汉字和一些常用外文 --- 体积较小
    • UTF-8存储了世界上所有的文字 --- 体积比较大
    • 如何进行选择?
      • 若你网站中仅仅有中文,推荐GB2312,因为体积小,访问快
      • 若你的网站除了中文,还有其他国家语言,推荐UTF-8
      • 懒人推荐:网速越来越快,不需要考虑太多,都用UTF-8
  • 注意:保存文件的字符集必须和文件指定的字符集保持一致!!!

标签分类

按标签个数分类

  • 双标签:开始标签<>和结束标签
    • eg:head,body等等
  • 单标签:只有开始标签<>
    • eg:

按标签关系分类

  • 并列关系(兄弟、平级)
    • eg:head,body等
  • 嵌套关系(父子)
    • eg:html和head,body;head和meta等等

DTD文档声明

  • html会有很多个版本规范,版本之间存在差异,浏览器若需要正确渲染、解析网页,所以要编写DTD文档告诉浏览器使用哪个版本,就能正确显示网页了
  • 注意:不同的版本有不同的文档声明规范;通常只使用html5文档声明规范(因为可以向下兼容)
 #注意点#:
   ①任何标准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

你可能感兴趣的:(day2-认识HTML)