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元素

*元素是大小写不敏感的

HTML简介

HTML是一种网页使用的语言,是一种描述超文件的注记语言SGML(Standard Generalized Markup Language)所制订出的一种网页语言,基本上现行的浏览器都可以读取HTML,使用HTML可以编辑设计出网页,也可以在网页中加入所有HTML语言可支援的方式,例如表格、表单、图片、文字、连结、程式等等。

HTML与XML的区别

而XML是由W3C所发展出的一种网页语言规格,是SGML的精简版本,特别用来设计网页文件,XML可以让使用者自己定义所需要的标签,并且任意启动定义、转换、验证等工作,同时可以在网页和应用程式间读取资料和传递资料。

所以HTML与XML的差别在于HTML无法自订标签,但是基本上全世界的浏览器都可以看到他写出来的网页,而XML则是一种可以自由转换资讯以及定义标签的方式,可以让其他网页自己去转换分享者的标签,并转为自己的标签,进而直接读取跟引用。

开始

超文件标示语言(HTML)是建立网站的主要基石。HTML是一种非常基础的标记示语言,且需要记住数十种建置网页格式与外观的HTML指令(commands)。编写任何HTML编码(code)或设计您的第一个网页前,您必须决定是使用HTML 网页编辑器(HTML editor)还是文字编辑器(text editor),例如:Notepad或WordPad。

当您决定了HTML 网页编辑器(HTML editor)且开始准备制作您的网站,请考虑一下您希望的网站外观与功能。您甚至可以考虑画出您的想法,这可以帮助您对网站与网页的想像更具体。以下是一些网页设计时需要考虑的注意事项。

1. 您想要怎么存取所有的文件?所有的文件都存在相同的文件夹或路径(directory)吗?假如您有大量不同的图片与文件,我建议您将页面、文件和图片分别储存在不同的路径里。

2. HTML文件都会被储存为.HTM还是.HTML?用.htm or .html.都可,没有任何影响,但最好可以使用相同的副档名。

3. 网页打算使用相同的版型吗?是否要有相同的外观与感觉?

4. 主导览列要怎么做?放在每个网页的左侧、下方还是上方好?

小提示:请意识到您设计网页时,网页会随着您的想法而不断变化。就像是这个网站“ 新视野网页设计公司 ”从开始到现在,已经被改过数十次一样。

编写基本的HTML

在安装HTML网页编辑器(HTML editor)和设置文件夹后,您就可以开始创建您的网页。一开始先建立一个名为index.htm或index.html的文件首页。若没有任何具体指定,所有浏览器基本上都会把index当作首页。比如,当您输入https://www.newscan.com.tw,浏览器则会自动进入https://www.newscan.com.tw/index.htm这个地址。

当您建立index.htm或index.html文件且用HTML网页编辑器(HTML editor)打开,我们建议您将以下的原始码(source code)插入页面里。假如您的HTML网页编辑器(HTML editor)会自动把下面的HTML编码(code)放入您的页面,或着您使用的是WYSIWYG editor,那您可以跳过此步骤。

上面的编码是一个非常基本、帮助每个网页组成的例子。如您所见,这个编码以<html>开始,而这代表着<html>里面的所有内容都是HTML编码。接着是<head>,这是HTML文件的标题。再来是<title>,这是会显示在浏览器上方的网页标题。最后则是<body>,包含网页内所有的内文。

HTML(Hypertext Markup Language)全称是“超文本标记语言”,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器阅读网页后对网页后台代码也称源码进行逐行解析,然后把解析结果在网页上进行显示组合。所谓超文本,因为它可以加入图片、声音、动画、影视等内容,因为它可以从一个文件跳转到另一个文件,与互联网上的服务器的网页文件链接。形成Internet网络中基本服务之一的—万维网。HTML是构成网页的基础,用户打开所有网页都离不开HTML,所以学习HTML是学习网页制作、网站建设的基础。