html5元素分类 html元素的分类有哪些

转载

mob6454cc784c23 2024-01-11 20:25:33

一、简介HTML元素

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

开始标签常常被称为起始标签（opening tag），结束标签常常被称为闭合标签（closing tag）。

二、HTML元素语法

1.HTML元素以开始标签起始，以结束标签终止，例如：这是一个段落，注意“/”。

2.元素的内容是开始标签和结束标签之间的内容，例如：这是内容。

3.没有内容的标签被称为空元素，空元素是在开始标签中关闭的，例如： ,这是一个换行标签。

　　4.大多数HTML元素可以拥有属性，这个属性之后再详细说明。

三、HTML元素分类

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

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

四、块级元素和行内元素的区别

块级元素	行内元素
本身属性为display:block;	本身属性为display:inline;
独占一行，每一个块级元素都会从新的一行重新开始，从上到下排布	和其他行内元素从左到右在一行显示
可以直接控制宽度、高度等其他相关css属性，例如（padding系列，margin系列）	不可以直接控制宽度、高度等其他相关css属性，但是可以直接设置内外边距的左右值。
在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度	行内元素的宽高是由本身内容大小决定的（文字、图片等）。
在不设置高度的情况下，块级元素的高度是它本身内容的高度	行内元素只能容纳文本或者其他行内元素，不能嵌套块级元素

五、常用的HTML元素

标签不区分大小写，但是推荐使用小写，(X)HTML 版本中强制使用小写，这样更加严谨