HTML元素语法和嵌套规则及注意事项

HTML 元素



HTML 文档由 HTML 元素定义,HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

*开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)。

HTML 元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性


嵌套的 HTML 元素

HTML 文档由嵌套的 HTML 元素(可以包含其他 HTML 元素)构成。

1 <!DOCTYPE html>
2 <html>
3 <body>
4 <p>这是第一个段落。</p>
5 </body>
6 </html>
  1. 上述的实例包含了三个 HTML 元素,<p> 元素:定义了 HTML 文档中的一个段落。这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>,元素内容是: 这是第一个段落。
  2. <body> 元素:定义了 HTML 文档的主体。这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。元素内容是另一个 HTML 元素(p 元素)。
  3. <html> 元素:定义了整个 HTML 文档。这个元素拥有一个开始标签 <html> ,以及一个结束标签 </html>.元素内容是另一个 HTML 元素(body 元素)。


不要忘记结束标签

1 <p>这是一个段落
2 <p>这是一个段落

如果您忘记了使用结束标签,在浏览器中也能正常显示,因为关闭标签是可选的。但您不能对此产生依赖性,因为忘记使用结束标签会产生不可预料的结果或错误。



HTML 空元素

  1. HTML 空元素即为没有内容的 HTML 元素。
  2. HTML 空元素应该在开始标签中关闭。
  3. HTML 的一个空元素为 <br>(用于定义换行),<br> 元素就是没有关闭标签。
  4. HTML 空元素的关闭方法是在开始标签中添加斜杠,比如 <br />,HTML、XHTML 和 XML 都接受这种方式。

注意:在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭,即使是空元素。



HTML 提示:使用小写标签

由于 HTML 标签对英文字母的大小写不敏感,所以 <P> 和 <p> 表达的意思相同,不过大部分网站喜欢使用大写的 HTML 标签。

原文地址:https://www.cnblogs.com/dhnblog/p/12563344.html

时间: 2025-01-13 06:23:20

HTML元素语法和嵌套规则及注意事项的相关文章

块级元素和内联元素之间的嵌套规则

1.块级中可以包括一部分块级元素,并可以包含内联元素.内联元素中不包含块级元素,只可以包含内联元素. 2.<p>标签虽然是块级元素,但不可包含其他块级元素. <p>,<h*1~6>,<dt>这几个块级元素只可包含内联元素. 3.<li>中可以包含<div>. 4.块级与块级并列,内联与内联元素相并列.(这点之前没注意,后面应注意使用) 参考自:http://www.bugshouji.com/shareweb/t80

HTML5标签嵌套规则

× 目录 [1]分类 [2]子元素 [3]总结 前面的话 在html5中,<a>元素的子元素可以是块级元素,这在以前是被认为不符合规则的.本文将详细介绍html5的标签嵌套规则 分类 html5出现之前,经常把元素按照block.inline.inline-block来区分.在html5中,元素不再按照display属性来区分,而是按照内容模型来区分,分为元数据型(metadata content).区块型(sectioning content).标题型(heading content).文档

块状元素与内联(行内)元素的嵌套规则

如果不按照HTML规则书写代码时,浏览器就不会正确解析,会将不符合嵌套规则的节点放到目标节点的下面,或者变成纯文本.HTML存在许多种类型的标签,有的标签下面只允许特定的标签存在,这就是HTML嵌套规则.        块状元素:一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)高度(height)起作用. 内联元素(行内元素):内联元素只能容纳文本或者其他内联元素,它允许其他内联元素与其位于同一行,但宽度(width)高度(height)

HTML的元素嵌套规则

一.HTML 标签包括 块级元素(block).内嵌元素(inline) 1.块级元素 一般用来搭建网站架构.布局.承载内容……它包括以下这些标签: address.blockquote.center.dir.div.dl.dt.dd.fieldset.form.h1~h6.hr.isindex.menu.noframes.noscript.ol.p.pre.table.ul 2.内嵌元素 一般用在网站内容之中的某些细节或部位,用以“强调.区分样式.上标.下标.锚点”等等,下面这些标签都属于内嵌

浅谈块级元素和内联元素的嵌套规则

块级元素的特点:每一个块级元素都是从一个新行开始显示,其后的元素需另起一行 常见: 块级元素:h1,h2,h3,h4,h5,h6,hr,div,fielset,form,dl,address,ol,p,table,ul,pre等 内联元素:a,b,br,em,i,img,input,strong,textarea,span,label等 注意:两者可相互转换:display:inline|block 嵌套规则: 1.块级元素里可包含内联元素和某些块级元素,但内联元素不能包含块级元素,只能包含其他

HTML标签的嵌套规则

我在平时在写html文档的时候,发现不太清楚标签之间的嵌套规则,经常是想到什么标签就用那些,后来发现有些标签嵌套却是错误的.通过网上找资料,了解了html标签的嵌套规则. 一.HTML 标签包括 块级元素(block).内联元素(inline)  1.块级元素  一般用来搭建网站架构.布局.承载内容的元素,如下:  address.blockquote.center.dir.div.dl.dt.dd.fieldset.form.h1~h6.hr.isindex.menu.noframes.nos

HTML的奇葩嵌套规则

一.HTML 标签包括 块级元素(block).内嵌元素(inline) 1.块级元素 一般用来搭建网站架构.布局.承载内容……它包括以下这些标签: address.blockquote.center.dir.div.dl.dt.dd.fieldset.form.h1~h6.hr.isindex.menu.noframes.noscript.ol.p.pre.table.ul 2.内嵌元素 一般用在网站内容之中的某些细节或部位,用以“强调.区分样式.上标.下标.锚点”等等,下面这些标签都属于内嵌

HTML嵌套规则

先说基础,HTML标签有两类: 1.块级元素 div.h1~h6.address.blockquote.center.dir.dl.dt.dd.fieldset.form.hr.isindex.menu.noframes.noscript.ol.p.pre.table.ul-- 特点:总是在新行上开始,高度.行高以及顶和底边距都可控制,宽度缺省的它的容器的100%,除非设定一个宽度. 功能:主要用来搭建网站构架.页面布局.承载内容. 2.行内元素 span.a.abbr.acronym.b.bd

项目期复习总结2:Table, DIV+CSS,标签嵌套规则

文件夹: 1.表格的意义,含义? 2.表格有哪些元素? 3.表格布局,表格布局的优缺点 4.行元素,块元素的差别? 5.标签的合理嵌套及标签的语义性 ① 表格的意义,含义? 表格应该用来展现那些适合表格化显示的信息,比方数据的显示,统计或者二维报表之类的信息,而不是作为一种而已的工作 ② 表格有哪些元素? 表格元素:table thead tbody tfoot caption tr th td .... 较经常使用  ③ 表格的使用应该注意哪些? 1)使用表格时注意合理嵌套,遵循标签的语义性,