HTML标准 - zilongxuan001/LearnFreecode GitHub Wiki

回主目录

主要内容

HTML简史

  • HTML发展经历过那几个时期?
  • 每个时期都有什么特点?

HTML1.0-2.0,(1989-1991年),早期没有标准,也极其简陋。

HTML3.0,(1995年),微软和Netscape的浏览器大战,HTML标准没有诞生,场面很混乱。

HTML4.0,(1998年),成立W3C标准(World Wide Web Consortium,万维网协会),

计划:创建一个唯一的HTML"标准",让世界恢复平静。

计划的关键:将HTML的结构和表现分开——HTML用于实现结构,CSS用于表现。

HTML4.01,(1999年),变化不大。

XHTML1.0,(2001年),后来又加入了XML,形成XHTML,标准不伦不类。

HTML5.0,(2009年-2012年)也称HTML,是HTML的最后一版标准,既容纳新增的属性和元素,也能向后兼容以前HTML版本。

来源:Head First HTML与CSS》(中文第二版)P222-223

浏览器

  • 为什么要告诉浏览器HTML的版本?
  • 通过什么方式怎么告诉浏览器HTML的版本?
  • HTML4.01和XHMTL怎么告诉浏览器HTML的版本?

浏览器是按照HTML版本的标准来解读HTML内容的,也就是说,HTML版本会告诉浏览器正确的HTML规范。

通过在HTML文本的最上方,加上文本规范定义<!doctype>来告诉浏览器HTML属于什么版本。

HTML4.01和XHMTL的<!doctype>格式比较复杂,包括标准的类型,是编辑的语言类型(英语还是其他语言),标准的所在网址等内容。

image image

来源:《Head First HTML与CSS》(中文第二版)P225

HTML5

  • HTML5有什么新特性?
  • HTML5规范到底是什么?
  • HTML5怎么告诉浏览器自己的版本?放在HTML页面中什么位置?
  • HTML5为什么又称HTML?
  • <article>元素主要用于什么内容?
  • HTML5除了构建Web页面,还可以构建什么?并举例

HTML5的新特性:HTML5是一个"活标准",既可以容纳新元素和特性,又可以向后兼容旧版本。

HTML5规范是一个文档,指定了HTML标准是什么,也即HTML有哪些元素和属性等,由万维网协会维护。

HTML5告诉浏览器的格式是<!doctype html>,放在HTML页面的最上方。

因为HTML5是最后的HTML版本,所以它又称HTML。

<article>是HTML5的新元素,用于博客和新闻方面的内容。

HTML5可以构建WEB应用,和读者产生交互,比如表单,地图导航,游戏等。 具体见《Head First HTML5 Programming》。

来源:《Head First HTML与CSS》(中文第二版)P231,P242

验证页面

  • 什么是验证页面?
  • 用什么工具验证页面?
  • 怎么验证页面?

所谓验证页面,就是检查HTML页面是否符合标准,比如标记的开始标签和闭合标签是否缺失,嵌套是否正确,元素的必要属性是否缺失(比如<img>必须要有alt属性),是否添加<!doctype><meta>,是否少了<title>等等。

使用http://validator.w3.org/ 验证页面

有三种途径验证

  1. 如果已经发布,可以粘贴URL;
  2. 上传网页到网站里
  3. 复制网页内容到网站里。

来源:《Head First HTML与CSS》(中文第二版)P233

字符编码

  • 什么是字符编码?
  • 如何在告诉浏览器使用的字符编码类型?放在HTML页面中什么位置?

字符编码,就是告诉浏览器HTML页面使用的是哪种字符,比如英文、中文或其他字符的编码。

字符编码,可以在计算机上表示某种语言中的所有字母、数字和其他符号

一般用<meta>元素表示,形式为<meta charset="utf-8">,放在<head>元素中最上面

来源:《Head First HTML与CSS》(中文第二版)P239

Web镇HTML指南

  • 编写HTML的常识性原则都哪些?
  1. 要有<!doctype>,放在网页最上面。
  2. 要有<meta>,放在<head>最上面,<meta charset="utf-8">
  3. 要有<tltle>,放在<head>里面,在<meta>下面。
  4. 要有<html>,里面只包括<head><body>两个子元素,其他元素都放在这两个子元素里面。
  5. 嵌套时要注意不要错位嵌套,就是一个元素的开始标签和闭合标签要放在一起。
  6. <head>里只放置<meta><title><style>元素。

来源:《Head First HTML与CSS》(中文第二版)P245,P246

⚠️ **GitHub.com Fallback** ⚠️