谈谈 HTML

简述

什么是HTML?

  • Hyper Text Markup Language (超文本标记语言) 简写:HTML
  • HTML是一种标识性语言,通过标签来标记要显示的网页中的各个资源。通过标签可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)
  • HTML 文件它不需要编译,直接由浏览器进行解析执行。
  • 使用HTML可以将网络上的文档格式统一,使分散的 Internet 资源连接为一个逻辑整体。

简单来说,HTML是一种标识性语言,使用HTML编写的HTML文件被用作网络传输资源的载体,HTML文件可以直接被浏览器解释运行成页面展示。HTML语言也非常简单,就是由一系列的标签组成。

HMTL5

HTML5在W3C中的定义:HTML 5 是下一代的 HTML,设计HTML5最初目的是为了在移动设备上支持多媒体。HTML5规范于2014年10月29日由万维网联盟正式宣布,HTML万维网不等同于互联网,HTML是万维网最核心的超文本标记语言。但它是依靠互联网运行的服务之一,万维网又简写为www,它可以实现在互联网的帮助下,访问由许多互相链接的超文本组成的系统。

HTML发展历史

在1984年那个时候,世界上没有浏览器,也没有万维网(WWW),人们传递信息与资源交换也只能通过电话和邮件的方式进行。Tim Berners-Lee对此很感兴趣,努力之后,世界上第一款浏览器Enguire也因此诞生(用于数据的浏览与共享)。随后,Tim Berners-Lee仍在研究,并在1989年开发出了世界上第一个Web服务器与Web客户端,并将这项发明取名为world wide web,也就是我们现在所说的WWW万维网。HTML也因此诞生。

2014年10月29日,万维网联盟泪流满面地宣布,经过几乎8年的艰辛努力,HTML5标准规范终于最终制定完成了,并已公开发布。现在使用的也都是HTML5。

HTML19911991年WWW在互联网上首次露面,也随之引起了巨大的轰动。
HTML+19931993年ITEF(因特网工作小组)发布了一个草案,那时没有HTML的官方文档,各种标签(Tag)也很混乱。这个草案HTML tags可以算是HTML的第一个版本。1994年,Tim Berners-Lee创建了非盈利性的 W3C(world wild web consortium万维网联盟),并邀请了当时的155家互联网巨头(如Microsoft、IBM、APPLE等公司),致力使得WWW有一套更加标准化的协议,能够让资源按照这套标准的协议进行处理与共享。那个时候W3C的根本目的就是为了维护互联网的对等性,为了让它保持最起码的秩序。
HTML 2.019951995年,HTML2.0发布
HTML 3.219961996年,由Tim Berners-Lee组织的W3C对HTML语言进行规范化,HTML3.2发布,1997年发布,W3C推荐标准。
HTML 4.0119991999年,HTML4.01发布,同一年,W3C对HTML的未来做了展望。他们认为HTML存在一些缺陷,例如HTML的形式与内容无法分离、标记单一等等,前途不是很光明。于是W3C转向语言更加规范的XML,以便于弥补HTML的不足(XML全称Extensible Markup Language可拓展标记语言),但是从1991年HTML在互联网上出现到1999年这个时候已经过去8年了,全世界已经有成千上万的网页经由HTML编写,突然间更改一种语言是不现实的,故W3C只能放慢脚步,开始了HTML到XML的过渡。于是也就出现了XHTML。
XHTML 1.020002000年发布,XHTML1.0与HTML4.01内容是一样的,但是XHTML使用了新的语法规则。规定了所有元素、属性必须使用小写字母,属性值必须加引号,规定每个标签都必须有与之对应的结束标签。与这些规则相比起来HTML4.01的语法就显得很松散
XHTML1.12001XHTML1.1于2001年发布,在最开始W3C最终的目的就是为了使得HTML完全标准化,该版本的XHTML强制性的规定了文档必须标注为xml而不是html。然而很多浏览器并不能很好的解析XML格式的文档,W3C这一步似乎走的太快了。
XTML2.020042004年,各大浏览器厂商也相继脱离了W3C,成立了新的小组WHATWG(超文本应用技术工作组world hypertext application technique work group)开始对HTML进行修缮,开始了向HTML5之路的进军。XHTML生态环境渐渐破碎,2006年,XTML2没有实质性进展。Tim Berners-Lee反思,决定重组HTML工作组
HTML520142007年,W3C工作组重建,在WHATWG的基础上继续研究,规范也交付给WHATWG来制定。因此,也就出现了现如今的"一种格式,两个版本(HTML/XHTML)"的局面,但随着HTML5的到来,一种更加简洁的doctype()也逐渐运用到各大网站。HTML 5 的第一份正式草案已于2008年1月22日公布。2009年,W3C也宣布停止XHTML2的研究工作。2012年12月17日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。2013年5月6日, HTML 5.1正式草案公布。2014年10月29日,万维网联盟泪流满面地宣布,经过几乎8年的艰辛努力,HTML5标准规范终于最终制定完成了,并已公开发布。

HTML5做了哪些改变

1)HTML 声明不同:HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset。 HTML5 中仅规定了一种:<!DOCTYPE html>

2)新语义标签的引入,淘汰过时的或冗余的属性;语义化的区块和段落元素:<section>,<article>,<nav>,<header>,<footer>,<aside><hgroup> ,除了节段,媒体和表单元素之外:<mark><figure><figcaption><data><time><output><progress>等;

3)HTML多媒体元素引入音频和视频:**<audio><video>**元素嵌入和允许操作新的多媒体内容;

4)新表单控件引入(date、time…)及input的属性;

5)脱离Flash 和Silverlight直接在浏览器中显示图形或动画。canvas标签(图形设计);

6)本地数据库(本地存储);

7)对本地离线存储有更好的支持;

8)一些API(文件读取、地址位置、网络信息…);

HTML语法

HTML书写规范

<html> 表示整个 html 页面的开始

<head> 头信息
<title>标题</title> 标题
</head>

<body> body 是页面的主体内容
页面主体内容
</body>
</html> 表示整个 html 页面的结束

Html 的代码注释 <!-- 这是 html 注释,可以在页面右键查看源代码中看到 -->

.html为后缀的文件就是HTML文件,该文件用HTML语言编写,内容就叫HTML文档,一个完整的HTML文档由三部分组成,分别是文档声明、页头、页身。由<>包含的就是标签,HTML文档由标签构成。

HTML标签规范

1、标签的格式: <标签名>封装的数据</标签名>

2、标签名大小写不敏感

3、标签拥有自己的属性

写在标签内,一个标签有多个属性,不写即为默认值,我们可以定义多个属性,中间用逗号隔开:

<标签名 属性名="属性值",...>封装的数据</标签名>

属性可分为
基本属性:可以修改简单的样式效果,如: <div bgcolor="red">...</div>
事件属性:可以直接设置事件响应后的代码。如:<button onclick="alert('你好!');">...</button>

4、标签又分为,单标签和双标签。

单标签格式: <标签名 /> 。如 <br/> 换行, <hr/> 水平线
双标签格式: <标签名> …封装的数据…</标签名>

5、标签的语法

①标签不能交叉嵌套

正确:<div><span>早安,尚硅谷</span></div>
错误:<div><span>早安,尚硅谷</div></span>

②标签必须正确关闭

③定义的属性必须有值,属性值必须加引号

④注释不能嵌套

正确:<!-- 注释内容 --> <br/>
错误:<!-- <!-- 这是错误的 html 注释 --> -->

标签

常用标签可以去看网上的文档:https://www.w3school.com.cn/h.asp

属性,事件

这篇博客写得很全:点击跳转

隐藏标签

看这篇文章

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值