摘要:开始标签和结束标签之间的就是标签的内容。总结属性跳转标签在和标签之间的文字内容是网页的标题信息,它会显示在浏览器标签页的标题栏中。常见的头部元素有和等标签,头部标签在下一节中会有详细介绍。
本节内容简单介绍下html都有哪些标签
还是百度首页,查看源代码看看:
我把源代码复制下来另存为html文件里:
注意:网页文件的后缀都是html或者htm
我这用的pycharm编辑器(Python编辑器,也可以编辑web页面),编辑器有很多种,比如notepad++,webstorm,hbuilder,Visual Studio,sublime text等等的都可以做web编辑器,这个就根据各位朋友的爱好来选择了,安装都是很简单的,所以不介绍了
好的,我先点这个按钮,把层级隐藏一下
变成这样:
以上这样的结构就是web页面的结构了,最前面的是一个声明,全名是Document Type HyperText Mark-up Language,表示这是html5规范的页面
剩下的就是一个大的html,像这种,,就是网页标签:
1. 在HTML中规定标签使用英文的的尖括号即`<`和`>`包起来,如``、``都是标签。
2. HTML中标签**通常**都是成对出现的,分为开始标签和结束标签,结束标签比开始标签多了一个`/`,如`
标签内容
`和`标签内容`。开始标签和结束标签之间的就是标签的内容。
3. 标签之间是可以嵌套的。例如:div标签里面嵌套p标签的话,那么``必须放在`
外层用<>包住,并且前开后闭,在要闭合的时候用>包住,完整的就是 ,像这种有前开后闭的就叫双标签
然后 里面有两个子集,,head,就是web页面的头部,body就是web页面的身体。有头有身体,就组成了html,也就是组成web页面:
那么head里面可以有什么呢?
展开看看:
如您所见,有meta,link,title标签。大家看到没有,meta没有后闭标签,只有,像这种就是单标签。
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词
元素可提供有关页面的原信息(mata-information),针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部,不包含任何内容。
提供的信息是用户不可见的。 meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能
常用的meta标签:
它用来向浏览器传达一些有用的信息,帮助浏览器正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
2.name属性
主要用于页面的关键字和描述,是写给搜索引擎看的,关键字可以有多个用 ‘,’号隔开,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
和
好接着刚才的百度首页,展开body标签看看:
好的,如同head标签一样,里面有比head还多的子标签,div,p,i,a,b……。
这些标签就很常用很重要了,后面详细介绍,这里暂且略过
首先,
是文档声明,必须写在HTML文档的第一行,位于
标签之前,表明该文档是HTML5文档。
称为根标签,所有的网页标签都在
中。
标签用于定义文档的头部,它是所有头部元素的容器。常见的头部元素有
、
、
、
和
等标签,头部标签在下一节中会有详细介绍。
- 在
和
标签之间的内容是网页的主要内容,如
、
、
、
等网页内容标签,在
标签中的内容(图中淡绿色部分内容)最终会在浏览器中显示出来。
HTML文档包含了HTML标签及文本内容,不同的标签在浏览器上会显示出不同的效果,所以我们需要记住最常见的标签的特性
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/1564.html
摘要:一语义化的背景结构语义化,是近几年才提出来的,对比之前的结构,大多是一堆没有语义的标签。用的最多的就是,为了改变这种现状,开发者们和官方提出了结构语义化的概念,并且在添加了很多语义化标签。 一、HTML语义化的背景 HTML结构语义化,是近几年才提出来的,对比之前的 HTML 结构,大多是一堆没有语义的标签。用的最多的就是 DIV+CSS,为了改变这种现状,开发者们和官方提出了 HTM...
摘要:一语义化的背景结构语义化,是近几年才提出来的,对比之前的结构,大多是一堆没有语义的标签。用的最多的就是,为了改变这种现状,开发者们和官方提出了结构语义化的概念,并且在添加了很多语义化标签。 一、HTML语义化的背景 HTML结构语义化,是近几年才提出来的,对比之前的 HTML 结构,大多是一堆没有语义的标签。用的最多的就是 DIV+CSS,为了改变这种现状,开发者们和官方提出了 HTM...
摘要:交互元素用于与用户交互的元素元数据元素被用于说明其他内容的表现或行为,或者在当前文档和其他文档之间建立联系的元素。 一、开篇 很久以前我们对于前端的理解就是开发web网页的,并且在PC上的浏览器进行展示;后来,随着响应式布局和智能手机的兴起,web网页更多的出现在了移动端的浏览器中;再后来,随着技术的不断发展,web页面逐渐出现在了PC、Android、Iphone的applicati...
阅读 682·2023-04-25 19:43
阅读 3854·2021-11-30 14:52
阅读 3729·2021-11-30 14:52
阅读 3794·2021-11-29 11:00
阅读 3745·2021-11-29 11:00
阅读 3812·2021-11-29 11:00
阅读 3528·2021-11-29 11:00
阅读 6007·2021-11-29 11:00