当前位置:首页 > Web开发 > 正文

About HTML

2024-03-31 Web开发

HTML 简介 HTML 历史

最初的 HTMl 是由 CERN 卖力制定的,后来转交给 IETF。

在 1990-1995 年期间, HTML 经历了许多次的版本改削与扩充;

1995 年的时候 HTML 的版本更新到了 HTML3.0;1997 年又完成了 HTML3.2;

同年也完成了 HTML4;次年,W3C 决定遏制成长 HTML,转向和 XML 等效的 XHTML,XHTML1.0 在 2000 年制订完成;

颁布了 XHTML1.0 后,在 XHTML 模块化的旗帜下,W3C 颁布了与 HTML 和 XHTML 不兼容的 XHTML2.0;

在 2003 年,XForms 的颁布从头点燃了人们对付 HTML 的兴趣,人们意识到 XML 仅仅适合被用作新技术(如 RSS,Atom)的载体,而不适合用来替换现有的技术(如 HTML);

2004 年的 W3C 的研讨会上一些 HTML5 的早期提案被提交给 W3C,但是被 W3C 以该提案与其成长理念相斗嘴为由给拒绝,于是 W3C 决定继续开发 XHTML;

随后 Apple,Mozilla 和 Opera 一起创建了 WHATWG,版权为三个首创公司所有,WHATWG 的几个基来源根底则:连结向下兼容,改削规范而不是实现,规范必需足够详细防备实现规范的公司互相去逆向;WHATWG 要求 HTML5 规范包孕 HTML4,XHTML1.0 和 DOM2HTML;

2006 年 W3C 暗示了对 HTML5 开发的兴趣,在 2007 年和 WHATWG 组建了一个事情组来开发 HTML5 规范,WHATWG 的三个首创人公司也允许 W3C 将 HTML5 规范挂到 W3C 的名义下;

两个团队一起事情了多年,直到 2011 年,两个团队呈现了不合,W3C 但愿将 HTML5 定位为 HTML 系列的最后一个规范,而 WHATWG 但愿继续改造和迭代 HTML5 规范。两个团队也一起事情到此刻。

HTML 的可扩展性

HTML 供给了很广泛的扩展性撑持来为 HTML 文档增添语义化的撑持:

使用 class 属性来拓展元素的含义与行为,但是使用越发切合语义的元素可以辅佐游览器以及其它插件更好的识别出元素所代表的含义与行为。

使用 来将数据绑定到元素上,HTML 也供给了相应的 API 来盘问和改削这些数据。

使用 来界说元数据。

使用 注明扩展文档的。

使用 可以嵌入原始数据,可以选择内联文档和外部文档。

通过 标签创建和使用插件,这也是 Flash 事情的道理。

可以通过 JavaScript 的原型机制来拓展 API,,许多脚本库就是这样设计的。

HTML 根基语法

一个经典的 HTML 代码如下:

<!DOCTYPE html> <html lang="en"> <head> <title>Sample page</title> </head> <body> <h1>Sample page</h1> <p>This is a <a href="http://www.mamicode.com/demo.html">simple</a> sample.</p> <!-- this is a comment --> </body> </html>

HTML 文档是由一些元素和文本构成的,非闭合元素必需包孕开始标签和结束标签,闭合元素可以省略结束标签。

在 HTML 中,html 元素就是 window.document。这是一个文档元素,他包孕 head 和 body 两个元素;像上面代码中的 h1 里的文本会被解析成文本节点,包孕像一些换行和空格等字符也会被解析成文本节点。

Note:head 开始标签之前的文本节点会被用户代办代理直接忽略失,而 body 的结束标签之后的文本节点则会被插入到 body 结束标签之前。

head 标签包孕一个 title 元素,title 包孕一个文本节点。

元素如果包罗元素只能包罗完整的元素,而不能是其一部分。好比:

<p>This is <em>very <strong>wrong</em>!</strong></p>

元素可以通过设置其属性来控制其样式和行为;好比:

<a href="http://www.mamicode.com/demo.html">simple</a>

?

游览器解析的时候会认为这是一条超链接,并且给它加上下划线和颜色来突出这个元素。

属性的语法是键值对的形式,key 和 value 用等号分隔断绝分手,value 保举用单引号或双引号括起来;value 如果不包罗空格或反单引号,单引号,双引号,等号可以不写单引号或双引号。

对付空属性可以只写属性名,省略等号。

DOM 与 CSS

DOM 供给了一些 API 给脚本语言(如:JavaScript)来改削 DOM。好比:

<form> Result: <output></output> <script> document.forms.main.elements.result.value = ‘Hello World‘; </script> </form> <script> var a = document.links[0]; // obtain the first link in the document a.href = ‘sample.html‘; // change the destination URL of the link a.protocol = ‘https‘; // change just the scheme part of the URL a.setAttribute(‘href‘, ‘https://example.com/‘); // change the content attribute directly </script>

HTML 自己是独立于与其交互的媒体的。HTML 可能会被衬着到屏幕,语音合成器,或者在盲文显示屏上。为了控制在差此外媒体上需要 HTML 被展示成什么样子,你需要样式语言(如:CSS)。

<!DOCTYPE html> <html lang="en"> <head> <title>Sample styled page</title> <style> body { background: navy; color: yellow; } </style> </head> <body> <h1>Sample styled page</h1> <p>This page is just a demo.</p> </body> </html> HTML 安适

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31253.html