1. <!DOCTYPE html>:声明文档类型,告诉浏览器使用HTML5解析文档。
<!DOCTYPE html>
2. <html>:HTML文档的根元素,包含整个HTML页面。
<html lang="en">
在 <html> 元素中的 lang 属性用于指定文档的语言,这有助于搜索引擎和辅助技术的理解。
3. <head>:文档的头部部分,包含元数据信息、样式表、脚本等。
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文档标题</title>
<link rel="stylesheet" href="styles.css">
<script src="script.js" defer></script>
</head>
- <meta charset="UTF-8">:指定文档使用UTF-8字符编码。
- <meta name="viewport" content="width=device-width, initial-scale=1.0">:设置移动设备的视口。
- <title>:定义文档的标题,显示在浏览器的标题栏或标签页上。
- <link>:引入外部资源,比如样式表。
- <script>:引入JavaScript脚本,defer 属性表示延迟执行脚本。
4. <meta>:用于设置其他元数据,如作者、描述等。
<meta name="author" content="John Doe">
<meta name="description" content="This is a description of the page.">
这些头部元素对于确保文档的正确解析和展示,以及提供有关文档的关键信息都非常重要。通过合理使用这些头部元素,可以提高网页的可访问性、搜索引擎优化和用户体验。
转载请注明出处:http://www.zyzy.cn/article/detail/12475/HTML5