HTML基础结构
HTML基础结构是指HTML文档的基本框架和组成部分,包括文档声明、html标签、head标签和body标签。
文档声明
DOCTYPE声明告诉Web浏览器正在加载的文档类型。它必须放在HTML文档的最开始位置,即在<!DOCTYPE html>
之前。DOCTYPE声明有不同的版本,主要包括HTML5、HTML4、XHTML和XML等。
<!DOCTYPE html>
<html>
标签
<html>
标签是HTML文档的根元素。它包含了整个文档的内容,并被用来描述网页的结构和语义信息。要创建一个HTML文档,必须始终从<html>
标签开始。
<html lang="en">
......
</html>
- lang 属性指定文档的语言,这里设置为简体中文。
<head>
标签
head标签通常用于指定一些关于文档的元数据和其他信息。这些元数据通常包括页面标题、角色和字符集定义,还可以添加CSS和JavaScript等样式和脚本。head标签不会在浏览器窗口中显示任何内容,而是在后台提供有关文档的信息.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>开思通智网</title>
</head>
<head>
标签包含文档的元数据,不会直接显示在网页上。<meta charset="UTF-8">
: 设置文档的字符编码为UTF-8。<meta name="viewport" content="width=device-width, initial-scale=1.0">
: 使网页在不同设备上有良好的显示效果。<title>
: 定义页面的标题,将显示在浏览器的标签页上。
<body>
标签
body标签是HTML文档的主要内容区域。它包含了所有实际显示在网页上的内容,如文本、图像、视频等。
<body>
<h1>www.opensnn.com</h1>
<p>网站地址</p>
</body>
<body>
标签包含文档的可见内容。<h1>
: 一级标题,用于显示主要标题。<p>
: 段落,用于显示文本内容。
完整代码示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>开思通智网</title>
</head>
<body>
<h1>www.opensnn.com</h1>
<p>网站地址</p>
</body>
</html>
HTML文档的正确结构是Web开发的基础。标准的HTML文档应包含四个主要部分:DOCTYPE声明、html标签、head标签和body标签。DOCTYPE声明定义文档类型,html标签是文档的根元素,head标签包含元数据和配置信息,而body标签则承载所有实际显示在网页上的内容。掌握这些基本结构能够帮助我们更高效地构建和优化Web页面。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。