html5中元素由开始和结束标签、内容、属性三部分组成,语法“<开始标签名>内容”。标签名称不区分大小写,但属性的值需要区分大小写;且少部分HTML标签没有单独的结束标签,而是在开始标签中添加“/”来进行闭合。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
HTML 中的标签就像关键字一样,每个标签都有自己的语义(含义),例如
标签代表段落,标签代表加粗。根据标签的不同,浏览器会使用不同的方式展示标签中的内容。
在实际开发中,有时我们也将 HTML 标签称为 HTML 元素。
html5中元素由开始和结束标签
、内容
、属性
三部分组成。
大部分html元素以开始标签起始,以结束标签终止,少部分HTML元素没有单独的结束标签,使用“/”闭合。
元素的内容是开始标签与结束标签之间的内容。
标签的名称不区分大小写,但大多数属性的值需要区分大小写,如下所示:
属性 ↓ <div class="foo">php中文网</div> ↑ ↑ ↑ 开始标签 内容 结束标签
除了 class 属性外,开始标签中还可以包含其它属性信息,比如 id、title 等。
注意,虽然 HTML 标签在语法上不区分大小写,但是为了规范和专业,强烈建议在定义标签时一律采用小写。
当使用浏览器打开我们编写的 HTML 文档时,浏览器会从上到下依次读取文档中的内容,并根据 HTML 标签和属性将标签中的内容呈现在浏览器中。
一个 HTML 文档中必须具有一些基本的标签,以便浏览器区分普通文本和 HTML 文档。您可以根据想要实现的效果使用任意数量的标签,但有以下几点需要注意:
所有 HTML 标签都必须放在尖括号< >内;
HTML 中不同的标签可以实现不同的效果;
如果使用了某个标签,则必须使用对应的结束标签来结尾(自闭和标签除外)。
自闭和标签
有一些 HTML 标签没有单独的结束标签,而是在开始标签中添加/来进行闭合,这种标签称为自闭和标签。请看下面的例子:
<img src="/static/images/new/logo.png" alt="php中文网Logo" /> <!-- 图像 --> <hr /> <!-- 分割线 --> <br /> <!-- 文本换行 --> <input type="text" placeholder="请输入内容" /> <!-- 文本输入框 -->
自闭和标签不用包围内容,所以不需要单独的结束标签。只有少部分 HTML 标签是自闭和的。
<!-- -->
表示 HTML 注释,用来对 HTML 代码进行说明,浏览器会忽略注释内容,所以用户在网页中看不到注释
以上是html5中元素由哪三部分组成的详细内容。更多信息请关注PHP中文网其他相关文章!