HTML5学习之HTML标记类型

Posted call_from_dream

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5学习之HTML标记类型相关的知识,希望对你有一定的参考价值。

Key word:
Markup Type, Container Tags, Single Tag, Attributes
1.Container Tags(容器标记)
成对的开始标记(Start Tag)与结束标记(End Tag),利用这两个标记将文字围住,以达到预期的效果。
大部分的html标记都属于此类,终止标记前会加上一个正斜线“/”。
示例:<开始标记></结束标记>
<title>My Web</title>
<!--
<title></title>:标记的功能是将文字显示在浏览器的标题栏中
<head></head>:这里通常会放置网页的相关信息,例如:
<title>,<meta>
不过这些信息通常不显示在页面上。
<body></body>:这里放置网页的内容,这些内容将显示在网页上
-->
 
2.Single Tag(单一标记)
单一标记 与 容器标记 的最大区别是:
单一标记只有起始标记而没有结束标记,例如:<hr>,<img>
<!--
<hr>标记的功能是添加分割线,
<img>标记的功能是插入图片。
以上这两个标记加上结束标记是没有意义的。因此只要表示成<hr/>即可
不必写成:<hr></hr>
-->
 
3.标记的属性——Attributes
有些标记可以加上属性(Attributes)来改变其在网页上的显示方式,属性直接置于开始标记内。
如果有超过一个以上的属性,则以空格隔开不同的属性。
例如<html>标记有lang属性可以使用,lang属性用来指定网页语言,语法如下:
<html lang="zh-cn">
<!--
这表示网页语言设置为中文。
-->
 
<StartMarkup Attribute_1 = value_1 Attribute_2 = value_2 ……Attribute_N = value_N>
For example:
<meta name = "keywords" contant = "HTML, CSS, XML, XHTML, javascript">
<!--
标记的Attribute同样是不区分大小写的。
meta标记用来描述网页,有利于搜索引擎快速找到网站并正确分类。
-->
<!--
目测<html lang>属性没用!!!!!
-->

以上是关于HTML5学习之HTML标记类型的主要内容,如果未能解决你的问题,请参考以下文章

Html5学习之离线应用与客户端存储详解

Python第五周前端学习之HTML5/ CSS / JS

html学习之html5新标签

是不是学了html5就不用学html了?

HTML5培训教程学习之动效制作

HTML5深入学习之数据存储