JavaWeb学习之路(16)–HTML之标签的属性与内容

简介: 本文目录1. 前言2. 标签的内容3. 标签的属性4. 标签的格式5. 小结

1. 前言

都说了,HTML是超文本传输语言,之前讲述的内容还都在文本范围内,马上就要讲到一个超出文本的标签了——图像。


但在讲述图像标签的使用之前,我们先来了解下内容和属性的区别。


2. 标签的内容

内容是比较好理解的,就是标签中间包裹的部分,例如<h1>我的博客</h1>,中间的我的博客就是h1标签的内容。


内容是直接显示到网页上的东西,所以我的博客会在网页上直接显示。


3. 标签的属性

但是还有一种情况,就是一些信息并不会在网页上显示,但是也是需要提供的辅助信息。


例如之前接触到的设置网页为中文meta标签。


<meta charset="utf-8">

1

在这个例子中,utf-8表示一种编码方式,它是一个参数信息,用户告诉浏览器当前页面采用中文编码。


但是这个信息是没必要显示到网页上的,没必要让浏览器的用户看到,这种就叫做属性,属性一般是放到标签的开头部分的。


4. 标签的格式

所以,了解属性和内容之后,我们可以知道标签的格式,无非如下:


<label property="xxx">yyy</label>

1

对上面的内容,label是标签,yyy是内容,property是属性名,xxx是属性值。


5. 小结

本章主要是让大家了解下标签的属性与内容的区别,内容一般是显示到页面上的内容,而属性一般是提供一些附加的描述信息。

相关文章
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
663 49
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
465 5
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
存储 移动开发 前端开发
|
Web App开发 数据采集 移动开发
HTML5新增的属性和标签
HTML5新增的属性和标签
597 0
html基础知识学习
html基础知识学习
248 0