![剑指JavaWeb:技术详解与应用实践](https://wfqqreader-1252317822.image.myqcloud.com/cover/457/51089457/b_51089457.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.3 基础标签
下面对常用的标签展开讲解。基础标签包括标记文本、超链接、列表,以及标题标签、段落标签、图像标签等。首先介绍<head>标签中的两个标签,即<title>标签和<meta>标签。
(1)<title>标签是双标签,包括开始和结束两个标签,表示网页的标题。
例如,修改HelloWorld.html文件,在<title>标签中填写内容,具体代码如下。
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_23_2.jpg?sign=1738792022-NSJqL1fWGpUcJA0356NlonstHft5FDu7-0-7542568f01ece83559f717bab1f0f666)
使用浏览器打开HelloWorld.html文件查看效果,添加title标签如图2-10所示,可以看到显示了该网页的标题。
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_23_3.jpg?sign=1738792022-4VnZeCKgOipGUMn79kM9iuwLcJKPd023-0-b5c06ad163cd1f392b61343942f7d7c0)
图2-10 添加<title>标签
(2)<meta>标签是一个单标签,可以用来在 HTML 文件中模拟 HTTP 的响应头报文。该标签包含一个charset属性,可以设置文件的字符编码。注意,乱码的根本原因是编码和解码使用的编码方式不一致,因此保证编码和解码格式一致是避免乱码产生的重要前提。
例如,修改HelloWorld.html文件的编码格式为“GBK”,并在<body>标签中添加带有中文的字符串“你好,HTML!”,具体代码如下。
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_23_4.jpg?sign=1738792022-E3lEdi5Gij0AYciu36W9GFS1owL4SUVo-0-3af418296a31d7f852c4d9db84c38556)
访问该文件,如图2-11所示,发现出现中文乱码。
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_24_1.jpg?sign=1738792022-c0bxM1ahD6RguLibo6ixyBU8bvzVOqJT-0-f58e2e52ecf1cb57b5f8b8fa5b7416eb)
图2-11 修改HelloWorld.html文件的编码格式为“GBK”
再次修改编码格式为“UTF-8”后访问文件结果,如图2-12所示,发现中文显示正常。
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_24_2.jpg?sign=1738792022-Lk7KZXNnuqQqwomouWnMQf3KRh4kBxkw-0-a3e4785853880c4dbc6e95d1d6113aa9)
图2-12 修改HelloWorld.html文件的编码格式为“UTF-8”
用户访问网站主要是为了获取网站相关内容,对于他们来说,该网站是否能轻松获得相关的内容是最重要的事情。所谓内容指的不只是文本,还包括其他形式的信息,如图像、视频、音频等。接下来,介绍表示网页中不同形式内容的标签,也就是用在<body>标签中的标签,主要包括标记文本、超链接、列表、标题、段落、图像等标签。