zilongxuan001 / LearnFreecode

0 stars 0 forks source link

chapter6: HTML标准 #336

Closed zilongxuan001 closed 6 years ago

zilongxuan001 commented 6 years ago

HTML简史

计划:创建一个唯一的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

zilongxuan001 commented 6 years ago

浏览器

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

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

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

image image

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

zilongxuan001 commented 6 years ago

HTML5

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

zilongxuan001 commented 6 years ago

验证页面

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

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

有三种途径验证

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

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

zilongxuan001 commented 6 years ago

字符编码

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

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

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

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

zilongxuan001 commented 6 years ago

Web镇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