HTML 简介

html-css011

HTML 简介,第1张

HTML介绍分为3部分,第一部分是HTML简介及历史,第二部分是HTML元素,第三部分是实战及学习笔记。

以下是第一部分:

参考资料:

w3.org, html 文档

HTML,即Hypertext markup language是万维网的核心标记语言,最初HTML被设计作为一门语言,用于语言描述科学文档,后续则被拓展用于描述一系列不同类型的文档,甚至应用。

1990-1995,迅速发展,从CERN到IETF(国际互联网工作组)接管.

1995-1997, 随着W3C建立,又变成由W3C主导,期间推出了HTML 3.2 和HTML 4.01

1998-2000,W3C停止HTML版本推进,开始研究XHTML 1.0(XML-based HTML 4.01), 其没有添加任何新特性,反而更加地长篇累牍,更严格的检测标准等。后续发布了XHTML 2.0,其与XHTML 1.0,HTTP 4.01不兼容。

期间直到2003,HTML没有版本的变化,但期间出现了 DOM Level 1 &2,提高了客户端的使用体验以及功能拓展。

2003,XForms(定位于下一代Web form)发布,其证明了很多它所拥有的新特性能拓展到HTML 4.01,Mozilla及Opera借此于2004年向W3C提出了更新HTML版本的提议,但W3C选择继续发展XML-based作为替代HTML。

于是Mozilla, Opera联合Apple组成新实体WHATWG,发展HTML 的Living document,对HTML继续进行拓展及新特性添加,直到后期W3C才转回HTML标准的制定,多谢WHATWG,才有了我们今天基本采用的HTML 5。

W3C与WHATWG于2008年一起发布了第一份草案,2014年正式发布HTML 5。

*MDN Web Docs 简介:Mozilla Developer Network的后续,致力于Web标准文档的发展以及Web开发资料分享,包括HTML5, JavaScript, CSS, Web APIs, Node.js以及网络扩展等

*HTML/XML/DOM等的语法上的一些区别:

namespaces不能用在HTML语法中,但可用作DOM及XHTML里;

<noscript>可被用在HTML里,但不能用在DOM,XHTML里,

-->仅仅能用在DOM里。

*Text: in the context of content models, means either nothing, or Text nodes. Text is sometimes used as a content model on its own, but is also phrasing content, and can be inter-element white space

Text nodes and attribute values must consist of Unicode characters

*<html>end tag, <head>start tag, end tag, <body>start tag, end tag等在满足一定条件情况下可以省略,更多可以省略的可以参考 这里 。

*块级及内联元素

块级元素会以可见的块呈现在页面上,其显示会与其前后的content有一行的间距,常用于呈现结构化的elements,如paragraph, list, nav, footer等,块级元素不能被内嵌在内联元素之中,块通常只出现在<body>里。

内联元素是包含在块里的,仅仅只包含一小部分内容,常呈现在段落里,如<a>, <em>, <strong>等。其存在将不会导致新的一行的产生。

注意可以使用css display 属性,设置inline为block。

*HTML parsing model

*<audio>, <canvas>, <embed>, <iframe>, 及MathTL, SVG里的元素为embeded元素

*元素是大小写不敏感的

全称:HyperText

Mark-up

Language

译称:超文本标记语言。

简意:一种为普通文件中某些字句加上标识的语言,其目的在于运用标记(tag)合文件

达到预期的效果。

HTML

是在

SGML

定义下的一个描述性的语言,或可说

HTML

SGML

的一个应用程式。HTML

不是程式语言,如

C++

Java

之类,它只是标记语言,基本上你只要明白了各种

标记的用法便算学懂了

HTML,HTML

的格式非常简单,只是由文字及标记组合而成,于

编辑部方面,任何文字编辑器都市可以,只要能将档案存为文本格式即可,

用专门的网页编辑工具当然更好。

标记写法:

·任何标记皆由"<"及">"所围住,如

·标记名与小于号之间不能留有空白字元。

·有些标记需要加上参数,有些不要。如

Hello

·参数只可加于起始标记中。

·在起始标记的标记名前加上符号"/"便是终结标记,如

·标记字母大小写皆可。

围堵标记与空标记:

标记按型态分为围堵标记与空标记

1、围堵标记

顾名思义,它以起始标记及终结标记将文字围住,令其达到预期要显示的效果。

例如

HTML

Source

Creation

of

Webpage

is

my

favourite.

显示成:

Creation

of

Webpage

is

my

favourite.

其中

便称为围堵标记。它以起始标记

及终结标记

标示文字

Creation

of

webpage

,令它显示成粗体,两者失其一都会发生错误显示。

2、空标记

是指标记单独出现,只有起始标记没有终结标记。

例如

HTML

Source:

I

love

Creation

of

Webpage.

It's

a

wonderful

place.

显示成:

I

love

Creation

of

Webpage.

It's

a

wonderful

place.

其中换行标记

便属于空标记。

它的作用是将标记后的所有东西显珐抚粹幌诔呵达童惮阔示于下一行,可同终结标记对它是没有意义的,

但有些人为空标记加上终结标记,这是为方便阅读而已,对

HTML

没有影响。