HTML5元素的分类与属性_html5有哪些元素类型-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_52486516/article/details/109668485

本文是幼儿员小学胜对HTML5基本元素的初步整理，包括HTML5文档结构、块级元素、行内元素、行内块元素的特点，以及一些常见元素的共有属性。作者表示期待在后续学习中完善HTML5知识，并欢迎大神指导。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我是幼儿员小学胜！
首先，我要给前一篇文章中补充一下，HTML的主体结构。

<!doctype html><!--告知浏览器的文档类型为html5类型文档的声明-->
	<html><!--网页的根标签-->
		<head><!--头部区域-->
			<meta charset="utf-8" /><!--告知浏览器网页的编码格式为"utf-8"-->
			<title>Document</title><!--网页的标题-->
		</head>
		<body><!--主体区域 也是网页显示的内容区域-->
		</body>
	</html>

HTML5 元素/标签 --分类：
一、块元素
div、p、h1~h6、form、table、ul、ol、dl、hr
特点：1.独占一行；
2.可以设置宽高；不设置时，宽度自适应父级宽度，高度由内容撑开；
3.适应所有的css样式；
4.设置margin值、padding值的水平方向、垂直方向有效；
二、行内元素
a、b、s、u、i、span、em、strong、sup、sub、label、mark、big、small
特点：1.设置宽高无效；
2.自动解析代码换行；
3.同类元素自动排成一行，排不下时，自动换行；
4.设置margin、padding的水平方向值有效，垂直方向margin无效，padding有缺陷；
三、行内块元素
input、img、textarea、select、button
特点：1.设置宽高有效；
2.自动解析代码换行；
3.同类元素排成一行，排不下时，自动换行；
4.设置margin、padding值有效；
四、元素共有的属性
1.id id名；唯一名称；不能重复；
2.class 类名；可以重复出现；class=“类名1 类名2 类名3”；
3.style 设置样式 style=“属性1:属性值1;属性2:属性值2;”；
4.title 鼠标移入时，进行解释说明；