标签介绍

标签介绍

按照功能分类
头部标签:在head里的标签,主要是给浏览器看的
可视标签:在body里的标签,主要是给用户看的

按照结构分类
单标签:只有一个标签,并且便签后面的斜杠可以写也可以不写
双标签:有两个标签,后面一个标签的斜杠必须写,并且是写在后面便签的前面

<!doctype html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>Document</title>
	</head>
	<body>
		<!--
			标签:有<>和特殊字母组成
				功能:
					头部标签:在head里面的标签,是给浏览器看,通常不会被用户看到,
					可视标签:在body里面的标签,是给用户看的,告诉浏览器应该直接呈现的东西
				结构:
					单标签
						例如:<meta/>
						<meta>
						<meta/>
						我建议大家<meta/>
						因为/其实是有结束的意思在里面
					双标签
						由一组开始与结束标签共同组成
						例如:
						<html></html>
						<head></head>
						<body></body>
						<title></title>
					注意:单标签,/可写可不写,但是如果你要写/,就必须写在最后面
						双标签:双标签是一对夫妻,结束标签/必须写,并且只能写前面
				
				标签与标签之间的关系
					嵌套(父子):
						是双标签才能有的结构关系
						<head>
							<meta/>
						</head>
					并列(兄弟):
						标签同级并列的关系
				
				练习:
					<meta />
					<title></title>

					<body>
						<div></div>
						<span></span>
					</body>
			
			标签的属性:指定标签的一些功能,或者特特性。同一标签不同的属性或者同一属性不同的属性值,都有可能发生不同的作用
				格式:属性="属性值"
				举例:
					<meta name="keywords" content="one"/>
					<meta name="Description" content="">
					属性:name content
					作用:指定meta标签的功能
			注释:似于手机说明书
				解释,学习阶段可以做笔记
				找bug
				对代码没有任何的影响

				标签的注释格式
				在html的注释中就用这一个
		-->
	</body>
</html>

此章节主要介绍标签的分类,和标签的属性,还有就是注释的方法及作用

希望小伙伴可以在中间学到前端的一些基础知识!!

猜你喜欢

转载自blog.csdn.net/g960526/article/details/88737249
今日推荐