HTML文档基础标签(1)

简介: HTML文档基础标签(1)

HTML文档基础标签(1)

HTML文档基础标签是构成HTML文档骨架的核心标签,它们定义了文档的开始和结束,以及文档的头部和主体部分。以下是一个HTML文档基础标签的简单示例:

 

html

 

复制

 

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>页面标题</title> </head> <body> <!-- 页面内容 --> </body> </html>

 

下面是这些基础标签的说明:

 

<!DOCTYPE html>:文档类型声明,它告诉浏览器这个文档是HTML5文档。这是HTML文档的第一行,且不是HTML标签;它是指示web浏览器关于页面使用哪个HTML版本的指令。

 

<html>:根元素,表示整个HTML文档的开始和结束。它包裹了整个页面的所有其他元素。

 

<head>:头部元素,包含了文档的元数据,如字符编码、样式表链接、脚本链接、搜索引擎优化(SEO)相关的元数据(如关键字和描述)等。<head> 中通常包含以下标签:

 

<meta charset="UTF-8">:指定文档使用的字符编码为UTF-8,这是现代网页的标准编码。

 

<meta name="viewport" content="width=device-width, initial-scale=1.0">:用于响应式设计,确保页面在不同设备上正确显示。

 

<title>:定义了浏览器工具栏的标题和当页面添加到收藏夹时显示的标题。

 

<body>:主体元素,包含了实际显示在网页上的内容,如文本、图片、视频、游戏、可播放的音频等。

 

这些基础标签构成了HTML文档的基本框架,所有的其他内容(如文本、图片、链接等)都应该放在<body>标签内。遵循这个结构是确保网页能够被正确解析和显示的关键。

 

html文本内容标签

 

HTML提供了多种文本内容标签,用于格式化和结构化文本。以下是一些常用的HTML文本内容标签:

 

标题标签:

 

<h1> 到 <h6>: 定义不同级别的标题,<h1> 是最高级别的标题,<h6> 是最低级别的标题。

 

段落标签:

 

<p>: 定义段落。

 

相关文章
|
23天前
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
26 1
|
8天前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
11 2
|
8天前
|
移动开发 开发者 HTML5
html文档
【4月更文挑战第19天】html文档
11 1
|
12天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
19天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
|
23天前
|
移动开发 搜索推荐 开发者
HTML5中的语义化标签有哪些?
【4月更文挑战第1天】HTML5中的语义化标签有哪些?
9 0
HTML5中的语义化标签有哪些?
|
26天前
|
存储 移动开发 前端开发
html的常用标签
【4月更文挑战第1天】html的常用标签
22 4
|
1月前
|
数据采集 移动开发 前端开发
springboot使用html模版导出pdf文档
springboot使用html模版导出pdf文档
|
1月前
如何在HTML中添加标签
如何在HTML中添加标签【2月更文挑战第26天】
34 5