html的常用标签分类,web@HTML常用标签分类，标签嵌套规则

一.html标签又叫做html元素，它分为块级元素和内联元素(也可以叫做行内元素)，都是html规范中的概念。

1.块级元素

块级元素是指本身属性为display:block;的元素。因为它自身的特点，我们通常使用块级元素来进行大布局(大结构)的搭建。

块级元素的特点：

独占一行，从上到下排布

可设宽度、高度，margin，padding

在不设置宽度，宽度是它父级元素，高度是它本身内容撑开的高度

内部可容文本，纳块级元素，以及内联元素

常用的块级元素

div

常用块级容器，也是css layout的主要标签

h1-h6

标题 大到小

hr

水平分隔线

ol,ul,li

有序,无序列表,(列表项)

dl,dt,dd

自定义列表,标题(特别的项目),项目

table(内部thead>tr>th,td标签与table连用,单独无法使用)

表格

p

段落

form

交互表单

2.内联元素

内联元素是指本身属性为display:inline;的元素。因为它自身的特点，我们通常使用内联元素来进行文字、小图标(小结构)的搭建。

内联元素的特点：

从左到右在一行显示

设宽高无效,只能设置内外边距左右,,....以知：img,video,audio标签特殊   可以设置宽高，margin，padding；

宽高由内容撑开

只能容纳文本，内联元素

常用的内联元素

span

常用内联容器，定义文本内区块

a锚点

img

引入图片

b

加粗

strong

加粗强调

i

斜体

em

斜体强调

s

中划线(不推荐使用)

strike

中划线

del

文档中已被删除的文本

br

强制换行

u

下划线

textarea

多行文本输入框

input

输入框

select

下拉列表

label

input 元素定义标注(标记)

sub

下标

sup

上标

big

大字体文本

small

小字体文本

备注:W3C在最新的HTML5规范中对元素的分类方式:

元素的分类不再是块元素或内联元素这样来分类(其实从来就没有这样分)，而是按照如下分类来分：Flow(流式元素)、Heading(标题元素)、Sectioning(章节元素)、Phrasing(段落元素)、Embedded(嵌入元素)、Interactive(交互元素)、Metadata(元数据元素)。

根元素:

文档元数据:、、

内容分区:、、 、 、 、

~

、 、

、

文本内容:、

、

、

、

1. 、

• 、
• 、

  、

  、

  、

  、

  、

  ---

  内联文本语义:、、、、、
  、、、、、、、、、、、、、、、、、、、、、、、、

  图片和多媒体:

  内嵌内容:、、 、、、

  脚本:、、

  编辑标识:、

  表格内容:

  表单:

  、、 、、、、、、、、、、、 交互元素、、、

  二.标签嵌套规则

  内联元素不能嵌套块元素。

  p元素和

  元素不能嵌套块元素。

  Unit 3.标签的分类和嵌套规则

  一.标签分类 HTML中标签元素三种不同类型:块状元素,行内元素,行内块状元素. 常用的块状元素:

  ~

  HTML标签的嵌套规则

  我在平时在写html文档的时候,发现不太清楚标签之间的嵌套规则,经常是想到什么标签就用那些,后来发现有些标签嵌套却是错误的.通过网上找资料,了解了html标签的嵌套规则. 一.HTML 标签包括 块级 ...

  web前端(6)—— 标签的属性，分类，嵌套

  属性 HTML标签可以设置属性,属性一般以键值对的方式写在开始标签中 1.HTML标签除一些特定属性外可以设置自定义属性,一个标签可以设置多个属性用空格分隔,多个属性不区分先后顺序. 2.属性值要用引 ...

  从零开始学习前端开发 — 9、标签嵌套规则及CSS常用样式覆盖

  1. 块级元素可以包含内联元素或某些块级元素,但内联元素却不能包含块级元素,它只能包含其它的内联元素:

  & ...

  HTML5标签嵌套规则

  × 目录 [1]分类 [2]子元素 [3]总结 前面的话 在html5中,元素的子元素可以是块级元素,这在以前是被认为不符合规则的.本文将详细介绍html5的标签嵌套规则 分类 ht ...

  XHTML标签的嵌套规则分析

  在 XHTML 的语言里,我们都知道:ul 标签包含着 li.dl 标签包含着 dt 和 dd——这些固定标签的嵌套规则十分明确.但是,还有许多标签是独立的,它们没有被捆绑在一起,比如 h1.div. ...

  前端入门html(常用标签及标签分类)

  day47 参考:https://www.cnblogs.com/liwenzhou/p/7988087.html 任何标签都有有三个属性:ID,class.style ..

  XHTML标签的嵌套规则--很基础很重要

  XHTML的标签有许多:div.ul.li.dl.dt.dd.h1~h6.p.a.addressa.span. strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套 ...

  html标签的嵌套规则分析

  1.a标签最好不要嵌套块级元素,可以嵌套内联元素,但是不能嵌套a标签和input之类的标签.能嵌套的标签像,等等. 2.ul和ol的子元素不能是别的元素只能是li,不能是别的比如div等,但是li中可 ...

  随机推荐

  Web 前端之HTML和CSS

  Web 前端之HTML和CSS HTML被称为超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言,标记语言是一套标记标签,HTML使用标记标签 ...

  【概率】COGS 1487:麻球繁衍

  Description 万有引力定律: “使物体相互靠近的力的大小与物体的质量成正比——而物体的质量又由同一种力决定.这是一个有趣并且有益的例子,说明了科学是如何用A证明B,再用B证明A的.”——安布 ...

  ACM生活总结

  两年ACM生活总结 转眼已经踏入ACM这条不归路已经两年了, 深深的感觉到ACM的不易 和 艰辛,但同时ACM给我所带来的快乐,让我认为值一切都是值得的. 我刚上大学那会,我们学校的ACM刚刚起步不到 ...

  python----特性001

  特性001:python 中特性的一个例子: #!/usr/local/python3.5/bin/python3 class Person(object): def __init__(self,na ...

  vim删除^M

  1.进入命令模式.vim的命令模式,就是在编辑模式下输入":",光标就会跳到屏幕最后一行,并在那里显示冒号,此时就已经进入命令模式. 命令模式的内容均显示在屏幕的最后一行,按下回车 ...

  用一条SQL语句取出第 m 条到第 n 条记录的方法

  原文:用一条SQL语句取出第 m 条到第 n 条记录的方法   --从Table 表中取出第 m 条到第 n 条的记录:(Not In 版本)       *    FROM Table     id ...

  iOS----------关于Cornerstone的偏好设置

  应用场景:有时候我们的项目会导入一些第三方.a文件,但是当我们在svn上check out下来的时候,会发现少了一些.a文件.于是乎项目就报错了. 针对这种情况,我们应该怎么办呢? 1.先打开Corn ...

  [poj P1141] Brackets Sequence

  [poj P1141] Brackets Sequence Time Limit: 1000MS   Memory Limit: 65536K   Special Judge Description ...

  Nginx 响应状态

  ngx.status = ngx.HTTP_CONTINUE (100) (first added in the v0.9.20 release)ngx.status = ngx.HTTP_SWITC ...