HTML元素
来源:w3schools.com
文件结构元素
>...
>...
>...
文件头元素
>...
>...
文件内容元素
在可视化浏览器中,可显示元素可呈现为区块或内行。虽然所有元素是文件序列之一部分,但是区块元素 出现在其父元素中:
作为不跨行之矩形对象;
使用区块边距,其宽度及高度内容可在周边元素中被单独设置。
反言之,内行元素被视为文件文字流之部分;其无法拥有边距、宽度或高度设置,并且跨行。
区块元素
区块元素(或称区块层级元素)拥有矩形结构。在默认情况下,这些元素将跨越其父元素的整个宽度,因而不允许任何其他元素占据其相同水平空间,因为已被放置。
区块元素的矩形结构经常称之为盒模型,并由几个部分所组成。每个元素包含以下内容:
一个元素的内容(content)是放置在一个元素的打开和关闭标记之间的实际文字(或其他媒体)。
一个元素的留白(padding)是该内容周围的空位,其仍构成上述元素之一部分。padding也是元素在物理上的一部分,且不应被用于创建两个元素之间的空白。任何背景样式分配到元素,例如背景图像或色彩,将在padding内可见。
一个元素的边框(border)是元素的绝对值端,并跨越其周围。边框之厚度会增加元素大小。
一个元素的边距(margin)是该元素周围之空白。任何其他元素之content、padding及border将不允许输入该区域,除非迫于一些高级的CSS布局。使用多数的标准DTD,margin在不同元素的左边和右边将互相推离。另一方面,margin在元素的上方及下方,将不堆栈或相互交融。这意味着位于该元素之间的空白将与较大的margin一样大。
上述部分仅指CSS渲染的具体实施,并与HTML元素本身无关。
基本文字
>...
>...
>...
>...
>...
>...
>...
列表
>...
>...
>...
>...(deprecated)
其他区块元素
>...
>...
>...
>...
行内元素
内联元素无法直接放置在body元素中;其必须完全嵌套于区块及元素中。
锚
>...
短语元素
常用的短语元素
>…
>…
>…
>…
>…
计算机术语元素
这些与元素主要用于方便显示计算机软件编码和与用户交互();显示源代码变量();用户输入();以及终端输出()。
>…
>…
>…
>…
视觉效果
视觉效果的元素仅仅对可视浏览器起作用,因此不推荐使用,如果可能应该使用层叠样式表。部分元素在HTML 4 / XHTML 1.0中被宣布过期或者无效的,其它的在当前的XHTML 2.0草案XHTML 2.0中被定义为无效的。当前的HTML 5草案HTML 5中,b, i和small还是有效的.
>…
图形和对象
提交表
表格
Frames
注解
在HTML中的注解(以及相近的XML, SGML, SHTML. )语法与SGML相同。
不同于其它HTML标签,注解不支持嵌套结构。
标签: 注解三--> 看起来会是这样 注解一
注解可以出现在文件的任何地方,甚至可以在文件类型宣告之前。 (在之前。) HTML的解释器会忽略注解,只要它们不在HTML标签内。 这里标签内的意思并非指被一对开始标签及结束标签包住的区域内, 而是指在开始标签内,或结束标签、空元素标签内。
然而并非所有浏览器、HTML编辑器都与HTML语法完全兼容,在某些特殊情况会造成意料之外的结果。 约有5%的浏览器、HTML编辑器在处理注解标签上有缺陷。(其中大部分是IE6. ) 仅管只有少数版本有此问题。
一些有关注解的兼容性问题:
在文件类型宣告之前的注解、除了空白以外的字符会使IE6进入怪异模式。
为了兼容在1995年前的浏览器,在style或script元素中的内容,有时会以注解的型式存在。
BlueGriffonHTML编辑器1.7.x版本,会将不在标签内的注解显示在屏幕上。一些HTML编辑器也有相同的问题。
非标准元素
>...
>...
>...
>...
参考内容
HTML标准HTML 2.0:Berners-Lee, T., and Connolly, D.Hypertext Markup Language - 2.0 (RFC 1866)(html).IETF. November 1995 [2009-03-24]. HTML 3.2:Raggett, D.HTML 3.2 Reference Specification(html).W3C. 1997-01-14 [2009-03-27]. HTML 4.01:Raggett, D., Le Hors, A., and Jacobs, I. (editors).HTML 4.01 Specification(html).W3C. 1999-12-24 [2009-03-24]. (HTML 4.01 is the updated form of HTML 4.0.)XHTML 1.0:W3C.XHTML 1.0: The Extensible HyperText Markup Language (Second Edition)(html).W3C. 2000-01-26 [2009-03-24]. XHTML 1.1:Altheim, M., and McCarron, S. (editors).XHTML 1.1 - Module-based XHTML(html).W3C. 2001-05-31 [2009-03-25]. 其他资源HTML Tags:Berners-Lee, T.HTML Tags(html). 1992-11-03 [2009-03-28]. (Part of the first published description of HTML.)HTML Internet Draft 1.2:Berners-Lee, T., and Connolly, D.Hypertext Markup Language (HTML)(text). June 1993 [2009-03-28]. HTML 3.0 Drafts:Raggett, D.HyperText Markup Language Specification Version 3.0 (draft)(html). 1995-03-24 [2009-04-18]. (This is the final draft of HTML 3.0, which expired without being developed further.)HTML Tables:D. Raggett.HTML Tables(text). RFC 1942.IETF. May 1996 [2009-03-22]. XML 1.0:Bray, T, Paoli, J, Sperberg-McQueen, CM, Maler, E and Yergeau, F (editors).Extensible Markup Language (XML) 1.0 (Fifth Edition)(html).W3C. 2008-11-26 [2009-03-20]. CSS:Lie, H.W. and Bos, B.Cascading Style Sheets, level 1 (revised 2008-04-11)(html).W3C. 2008-04-11 [2009-04-05].
参见
Microformat– use of abbr and attributes
免责声明:以上内容版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。感谢每一位辛勤著写的作者,感谢每一位的分享。
![](https://imgs1.zupu.cn/static/web/img/toplogin.png)
- 有价值
- 一般般
- 没价值
![](https://imgs0.zupu.cn/photos/common/20210831/5f77025c-05aa-4528-8ff4-390397a5720d.png)
![](https://imgs0.zupu.cn/photos/common/20210831/fc60bb85-0172-4554-b1b5-84e226beefd2.png)
![](https://imgs0.zupu.cn/photos/common/20210831/77b1b221-2263-4a50-a438-3fe70c458147.png)
![](https://imgs0.zupu.cn/photos/common/20210901/bf46d3b7-c6b5-4a58-ae45-919cadfc8f58.png)
![](https://imgs0.zupu.cn/photos/common/20210903/71ed74ca-9551-4d33-913e-aed4f1956e48.jpg)
![](https://imgs0.zupu.cn/photos/common/20210901/bf46d3b7-c6b5-4a58-ae45-919cadfc8f58.png)
![](https://imgs0.zupu.cn/photos/common/20210901/106cf47a-2bf9-43b3-8b6f-76bb2958edd9.png)
![](https://imgs0.zupu.cn/photos/common/20210903/71ed74ca-9551-4d33-913e-aed4f1956e48.jpg)
24小时热门
推荐阅读
![](https://imgs0.zupu.cn/news/2020/10/18/425/fc7ebec8-e6ce-4f1f-9a7e-9ce5a02144b7.jpg)
关于我们
![](https://imgs0.zupu.cn/photos/common/20210901/fc6ee093-f219-47fc-90da-21bd9721b53d.jpg)
APP下载
![](https://imgs0.zupu.cn/photos/common/20210901/ea3c7971-1e11-4045-b81c-880d962d4986.png)
![](https://imgs0.zupu.cn/photos/common/20201105/f86bb195-6306-4041-b306-d17003e00182.png)
{{item.time}} {{item.replyListShow ? '收起' : '展开'}}评论 {{curReplyId == item.id ? '取消回复' : '回复'}}