HTML标准 - zilongxuan001/LearnFreecode GitHub Wiki
- 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>
格式比较复杂,包括标准的类型,是编辑的语言类型(英语还是其他语言),标准的所在网址等内容。
来源:《Head First HTML与CSS》(中文第二版)P225
- 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/ 验证页面
有三种途径验证
- 如果已经发布,可以粘贴URL;
- 上传网页到网站里
- 复制网页内容到网站里。
来源:《Head First HTML与CSS》(中文第二版)P233
- 什么是字符编码?
- 如何在告诉浏览器使用的字符编码类型?放在HTML页面中什么位置?
字符编码,就是告诉浏览器HTML页面使用的是哪种字符,比如英文、中文或其他字符的编码。
字符编码,可以在计算机上表示某种语言中的所有字母、数字和其他符号
一般用<meta>
元素表示,形式为<meta charset="utf-8">
,放在<head>
元素中最上面
来源:《Head First HTML与CSS》(中文第二版)P239
- 编写HTML的常识性原则都哪些?
- 要有
<!doctype>
,放在网页最上面。 - 要有
<meta>
,放在<head>
最上面,<meta charset="utf-8">
- 要有
<tltle>
,放在<head>
里面,在<meta>
下面。 - 要有
<html>
,里面只包括<head>
和<body>
两个子元素,其他元素都放在这两个子元素里面。 - 嵌套时要注意不要错位嵌套,就是一个元素的开始标签和闭合标签要放在一起。
-
<head>
里只放置<meta>
,<title>
,<style>
元素。
来源:《Head First HTML与CSS》(中文第二版)P245,P246