HTML 简介

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

1、简介

HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如McrosoftWord\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。

2、文本文件的一系列标签

HTML只不过是组合成一个文本文件的一系列标签。它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂.

3、HTML标签通常是英文词汇的全称

HTML标签通常是英文词汇的全称(如块引用:blockquote)或缩略语(如“p”代表Paragragh),但它们的与一般文本有区别,因为它们放在单书名号里。故Paragragh标签是

,块引用标签是

。有些标签说明页面如何被格式化(例如,

开始一个新段落),其他则说明这些词如何显示( 使文字变粗)还有一些其他标签提供在页面上不显示的信息--例如标题。

二、html的知识

1、标签应用

关于标签,需要记住的是,它们是成双出现的。每当使用一个标签--如

,则必须以另一个标签 将它关闭。注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。

基本HTML页面以标签开始,以结束。在它们之间,整个页面有两部分--标题和正文。

标题词--夹在和标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间--即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。

2、案例

那么让我们建立一个简单的范例吧,非常容易的。第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)

然后你可以用浏览器将它打开,你会看见最简单的自己做的页面。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6116637.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存