首页 HTML5教程
pay pay

HTML5教程

日期: 2021年12月
栏目: HTML5教程
阅读: 694
作者: Python自学网

一、什么是HTML

HTML是用于描述页面结构的一种超文本标记语言,使用一整套含有特殊意义的标记标签来描述网页元素含义和结构划分。

名词解释:

1.超文本

  • 含义1:网页内容, 不仅仅有传统的文本文字, 还有图片、音频、视频等
  • 含义2: 有超链接, 可以跳转到其他资源位置

2、标记语言

  • 含义:使用一些固定格式的字符串, 来标记一块内容所代表的含义

3.标签

  • 含义:用来标记内容语义的特殊字符串, 称作"标签"
<!--未加标记:没人理解这个简单的字符串代表什么含义 -->
小七 28
<!--通过标签标记:能够很清晰的明白, 它代表姓名的意思-->
<name> 小七 </name>
<age>28</age>

4.HTML中的标签

在HTML语言中,  规定了一套固定标签, 代表不同语义:html 文档     head 头部      body 身体      h1   一级标题      p 段落       a 超链接         img 图片       video 视频 .........

5.标签谁来使用?

  • 浏览器:参照 HTML 规范, 根据不同标签, 渲染出不同UI界面给用户看
  • 程序员:参照 HTML 规范, 根据想要的界面效果, 使用不同标签

6.标签能否随便写?

不能:最终, 标签给到浏览器进行渲染, 你随便写, 浏览器不认识怎么办?

二、HTML发展历史

  • 1993年,  HTML 1.0版本    (IETF组织)
  • 1995年, HTML 2.0版本  -----》1996年, HTML 3.2版本 -------》1997年, HTML 4.0版本 -------》
  • 1999年, HTML 4.01版本    -----**分水岭**------》 2000年, XHTML 1.0版本   ------》 2001年, XHTML 1.1版本  -------》    XHTML 2.0版本  (W3C)
  • 2004年, HTML5草案   ( 浏览器厂商组成小组)  -------》  **2008年, HTML5正式版**   (与 XHTML 2.0版本**合并**)

三、HTML  、HTML5 和  XHTML  的区别

1.相同点

都是用来编写网页的标记语言,都有严格的语法标准和标记关键词。

2.不同点

XHTML相比HTML更严格

  • 所有标签都必须小写
  • 双标签必须成双成对
  • 标签嵌套顺序必须正确
  • 所有属性都必须使用双引号

HTML5 相比 XHTML 功能更强大

  • HTML5多了很多标签 :video 、audio等
  • CSS3多了很多样式
  • js  ES6多了很多API和语法糖

回顶部