001-基本元素

最新推荐文章于 2024-02-25 13:56:28 发布

编码的三叔

最新推荐文章于 2024-02-25 13:56:28 发布

阅读量228

点赞数

分类专栏： HTML5常用元素和属性文章标签：基本元素span div p

本文链接：https://blog.csdn.net/ppwwp/article/details/88571883

版权

HTML5常用元素和属性专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML5规范并不是一种革命式的发展。因为HTML5并未完全放弃前面版本的HTML规范，实际上，HTML5规范保持了对现有HTML规范的最大兼容。这样既可以保证互联网上现有网页的正常运行，也可以让广大前端开发者能平稳过度到HTML5时代。

HTML5保留了原有HTML规范的绝大部分的元素和属性，删除了少量元素和属性–主要删除了各种文档样式相关的元素和属性，比如<font……/> 元素，width属性等，HTML5规范推荐使用CSS样式来控制HTML文档样式。HTML5新增了contentEditable、designMode、hidden、spellchek通用属性，这些通用属性极大地增强了HTML文档的功能。

HTML5新增的拖放API则可以让HTML页面的任意元素都变成可拖动的，通过使用拖放机制可以开发更友好的人机交互界面。

前面已经提到过，html5并不是一种革命式的发展，它是对HTML以前版本的继承和发展。因此HTML5保留了以前HTML版本的绝大部分元素。

我们都知道HTML文档是一份结构化的文档，HTML文档的根元素总是<html……/>元素，该元素内通常包含<head……/>和<body……/>两个子元素（HTML允许省略他们，html5会隐式添加），这三个元素定义了HTML文档的基本结构。

HTML5保留的基本元素有如下几个。

:定义HTML注释。位于之间的内容会被当成注释处理。
<html>它是HTML5文档的根元素。但HTML5允许完全省略这个元素。
<head>它用于定义HTML5文档页面头部分。但HTML5允许完全省略这个元素。
<title>它用于定义HTML5文档的页面标题
<body>它用于定义HTML5文档的页面主题部分，该元素可以指定id、class、style等通用属性，还可以指定onload、onunload、onclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup等时间属性，这些属性用于指定JS脚本。
<h1>到<h6>:定义标题一到六
<p>定义段落，该元素可以指定id、class、style、dir、title等通用属性，还可以指定onclick等各种事件属性。
<br>插入一个换行，该元素可以指定id、class、style等通用属性。
<hr>定义水平线，该元素可以指定id、calss、style等通用属性，还可以指定onclick等各种事件属性。HTML5中<hr……/>还代表了主题结束的语义。
<div>定义文档中的字节。该元素可以指定id、class、style、dir、title等通用属性，还可以指定onclick等各种事件属性。
<span>与<div>基本类似，区别是<span>只是表示一段一般性文本，该元素包含的文本内容不会换行。该元素可以指定和<div>相同的属性。

代码展示如下：

	<!DOCTYPE html>
	<html>
		<head>
			<meta http-equiv="content-type" content="text/html"/>
			<title>基本元素</title>
			
		</head>
		<body id='test'>
			<!-- 采用h1到h6来出书文本-->
			<h1>1</h1>
			<h2>2</h2>
			<h3>3</h3>
			<h4>4</h4>
			<h5>5</h5>
			<h6>6</h6>
			<!--输出一条水平线 -->
			<hr />
			<!--使用三个span定义段文本 -->
			<span id="">
				t-
			</span>
			<span id="">
				j-
			</span>
			<span id="">
				r-
			</span>
			<br/>
			<!--使用三个div定义段文本 -->
			<div id="">
				t-
			</div>
			<div id="">
				j-
			</div>
			<div id="">
				r-
			</div>
			<!--使用p定义三个段落 -->
			<p> t-<p> j-<p>r-
		</body>
	</html>

在这里插入图片描述

span元素不会换行，div会换行，p会产生一个段落（段落之间默认会有更大的间距）。

span和p元素只能包含文本，图像，超链接等，p可以放span，但是span不能放p。
div都可以放。

编码的三叔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
001-基本元素

HTML5规范并不是一种革命式的发展。因为HTML5并未完全放弃前面版本的HTML规范，实际上，HTML5规范保持了对现有HTML规范的最大兼容。这样既可以保证互联网上现有网页的正常运行，也可以让广大前端开发者能平稳过度到HTML5时代。HTML5保留了原有HTML规范的绝大部分的元素和属性，删除了少量元素和属性–主要删除了各种文档样式相关的元素和属性，比如&lt;font……/&gt; 元素...
复制链接

扫一扫