• Html基础


    HTML介绍

    什么是HTML?

    HTML 是用来描述网页的一种语言。

    • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
    • HTML 不是一种编程语言,而是一种标记语言 (markup language)
    • 标记语言是一套标记标签 (markup tag)
    • HTML 使用标记标签来描述网页

    【学习重点】

    1.了解HTML相关知识和概念。

    2.熟悉HTML主体结构。

    HTML发展历程

    HTML是超文本标记语言的缩写,不同于C或JAVA等编程语言,HTML由标签组成。通过标签可以在网页中插入文字、图片、链接、音频、视频等元素,进而描述网页。和Windows一样,随着技术的发展,HTML经历了多次版本更新。

      HTML1.0:1993年6月,HTML作为互联网工程工作小组(IETF)工作草案发布(注意,是草案,不是标准)

      HTML2.0:1995年11月作为RFC(以编号排定的文件) 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时 ;

      HTML3.2:1997年1月14日由W3C发布,为推荐标准;

      HTML4.0:1997年12月18日,W3C推荐标准 ; 

      HTML4.01:1999年12月24日,是在HTML4.0基础上的微小改进,W3C推荐标准 ;

      HTML4.01发布之后,很长一段时间里都能很好满足广大网名日常需求,但是随着时间的推移,人们开始在网上听歌、玩游戏,看视频,但是HTML所支持的网页中并不能直接插入视频、音频、动画等,这个时候Adobe率先抓住商机,Flash作为浏览器插件满足了上述需求。

    这个时候W3C在干嘛呢?

    他们专注着XHTML2.0,这个我们后面会说。

    眼看着W3C要放弃HTML,在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商联合成立了WHATWG(互联网超文本应用技术工作组)继续推进HTML的标准化(这个时候的主要目标是开发新功能来取代插件),2006年,W3C表示有兴趣参与开发,2007年,W3C接纳了WHTAWG提出的web applications1.0,并正式将新的HTML命名为“HTML5”。2008年1月22日第一份HTML5正式草案公布;2014年10月29日,W3C宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

    这里需要插播一下,W3C即万维网联盟,创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构,专门给Web技术制定标准及实施指南。至于为啥没有3.0,3.1,则是当时在制定标准时想改进的地方太多,引起很多争议,也没有合适的浏览器支持而被后续版本替代。

    so,HTML5是标准,是对HTML标准的第五次修订,而不是技术。

    我们平时说的H5就是HTML5,这里不单是标准,更是HTML、CSS3、JavaScript和Web API等一系列技术的组合。

    刚刚我们说到了XHTML,这又是什么鬼???

    XHTML(eXtensible HyperText Markup Language):可扩展超文本标记语言。也是一种标记语言,表现方式与HTML类似,不过语法上更严格,兼容性更好。

    XHTML1.0于2000年1月26日发布,是W3C的推荐标准,后于2002年8月1日重新发布,兼容HTML4.01,在那个时候,XHTML作为网页开发标准还是个非常不错的选择。后面的故事你们也知道了,在HTML5发布之后就发生了巨大的变化:后续版本因不及HTML5的冲击,XHTML的开发工作在2009年底停止,彻底凉凉。

    主体结构

    上面我们说,html又被称之为超文本标记语言。我们也对概念进行了简单的解释,本质上来讲就是一个普通的文本文件,但是这样的一个文本文件又不同于文本文档,在其中还可以放置图片、链接、音乐、视频、程序等内容。

    那么我们该如何创建一个html文件呢?

    1. 首先我们需要创建一个普通的文本文件
    2. 然后将文件后缀更改为.html。

    当我们创建好一个网页文件后,就可以通过鼠标右键点击创建好的网页文件,选择合适的编辑器进行开发。但是一定要注意,这里非常不推荐使用记事本来进行开发。

    下面我们来说一下html网页文件的主体结构:

    <!DOCTYPE html>  //表示文档声明,告诉浏览器,当前html网页文档是html5的文档格式。
    <html lang="en"> //这里的lang="en"可以删除,如果不删除的,用谷歌之类打开,它会认为是英文的,会自动给翻译(如果设置了自动翻译的话)
    <head>        //这个就是头部的那个标签了
    <meta charset="UTF-8">  //这个是设置的编码为UTF-8的
    <title>Document</title>  //设置网页标题
    </head> <body> 网页内容 </body> </html>
  • 相关阅读:
    逆序对
    归并排序
    快速排序
    利用WPF InkCanvas水墨控件圈选移动笔画
    Vue使用websocket进行心跳连接
    socket + vue + canvas实践,你画我猜(一)
    Vue+WebSocket+ES6+Canvas 制作【你画我猜】小游戏
    HTML5 canvas实现画板功能
    Canvas手工作图并实时同步复现(利用websocket)
    什么是SoC?
  • 原文地址:https://www.cnblogs.com/ZhaoWeiNotes/p/11406605.html
Copyright © 2020-2023  润新知