Web前端基础(四):HTML元素的分类与嵌套规则

1、HTML元素分为三大类

1)块状元素

网页框架基本结构块:html、body、frameset、frame、noframe、iframe

表单结构块:form、filedset、legend

布局结构块:div

段落结构块:p

标题结构块:h1-h6

列表结构块:ol、ul、dl、dt、dd、menu、dir

居中结构块:center

预定义结构块:pre

引用结构块:blockquote

结构装饰线:hr

网页标题框:title

2)行内元素

行内包含框:span

超链接和映射包含框:a、area

图像包含框:img

格式化信息包含框:abbr、b、bdo、cite、code、del、dfn、em、font、i、ins、kbd、q、s、samp、small、strike、strong、sub、sup、tt、u、var

表单对象包含框:button、select、textarea、label

可执行的插件或对象包含框:applet、object

表格标题包含框:caption

无脚本包含框:noscript

3)其他元素

1.头部区域隐藏元素 

头部包含框:head

默认基础字体属性:basefont

链接:link

元信息:meta

脚本:script

样式:style

url基础:base

2.行内块状元素 

输入框:input

下拉选框:option

下拉框的分组:optgroup

3.列表项元素 

列表项:li

4.结构内隐藏元素 

图像映射包含框:map

参数:param

换行:br

5.表格系列类型元素 

表格框显示:table

表格行显示:tr

单元格显示:td

表格标题显示:th

表格行组显示:tbody

表格脚注组显示:tfoot

表格标题组显示:thead

2、标签的嵌套规则

body可以直接包含块状元素、ins、del、script。不可以直接包含行内元素

ins和del(行内元素)可以包含块状元素或者行内元素,其他任何行内元素都不允许包含块状元素

p、和h1-h6可以直接包含行内元素文本信息,但是不允许包含块状元素

dl元素只允许包含dt、dd,同时dt不能包含块状元素,只允许包含行内元素,对于dd可以包含任何元素

form元素不能够直接包含input元素。原因在于input元素属于行内元素,form元素仅仅能够包含块状元素

table元素只能够包含caption、colgroup、col、thead、tbody、tfoot,不能够直接包含tr或者其他任何元素

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,599评论 32 459
  • HTML版本信息:在文档的起始用DOCTYPE声明指定的版本和风格,让浏览器清楚文档的版本、类型和风格。版本信息分...
    南山伐木阅读 209评论 0 1
  • 大家好,从今天开始呢,我会每次我一有时间就会在简书上发我写的小说,,我现在会写小说了,如果大家喜欢,愿你打赏。...
    gjn葛佳宁_07929阅读 297评论 0 0
  • 那年,我初三,是一个喜爱画画的男生,常常到离家近的公园小溪边写生。 在柔软的草地上支一个画架,搬一个小木凳,...
    书可心阅读 455评论 0 2