元素(element)与空元素

134 阅读2分钟

某天我去广州老东山区周边的茶楼喝早茶,一边吃着荷叶饭,一边喝着豆浆泡老油条,开始了我一天的工作。
在我文化传播的作用下,我朋友圈的粉丝们开始研究起了汉语SEO,她们开始学起了Html5,为做网络推广汉语seo打基础。

一个女粉丝看我微信朋友圈写的Html5基础结构格式后,她上网看了下Html5,产生了很多疑问,她问:“Html5元素(element)与空元素是什么来的?”。下面我就给大家讲下这个问题。

Html5的元素(element)

标签的开始到标签的结束及两者之间的内容组成的整体,叫作元素

什么是标签的开始?什么是标签的的结束?

<html>//标签的开始。
</html>//标签的结束。

(代码1)

html是个字符串,加上“<>”,变成,就是一个标签的开始。"html"+"/"+"<>",变成,就是一个标签的结束。它比开始标签多了一个“/”,如代码1。

<p>//开始标签
微信公众号:design-Rabbit//内容
</p>//结束标签

(代码2)

图1

(图1)

标签的开始到标签的结束及两者之间的内容组成的整体,叫作元素。

“< p > 微信公众号:design-Rabbit < /p > ”就是一个元素,如代码2和图1。

什么是空元素(empty element)

空元素,就是只有标签没有内容部分的元素,只有一个开始标签 。

<img src="https://mmbiz.qpic.cn/mmbiz_gif/8vADZk3zhGsbWkmltoSiblrgrhdVqb4esPLV4jWibnycq5LoqfLicKibB81uNHY8EI1oUCwFEWB2LGeTjcb1qtf6Hg/0?wx_fmt=gif" >

(代码3)

图2

(图2)

在Xhtml中<img src"#" />就是一个空元素,“#”表是一个超链接。在Html5中可以改写成<img scr"#">,html5不需要“空格”+“/”结束,代码3是一个带超链接的空元素,图2是不带超链接的空元素。

好!Html5学习笔记分享到这儿,如果喜欢,请关注、收藏、分享、点赞。