标签介绍
按照功能分类
头部标签:在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>
此章节主要介绍标签的分类,和标签的属性,还有就是注释的方法及作用
希望小伙伴可以在中间学到前端的一些基础知识!!