• 微信号
目录

html笔记

您当前的位置:首页 > 我的笔记 > html笔记>html的文档结构

上一篇: 代码编辑器

下一篇: html基本标签

html的文档结构

HTML文档结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"> <!-- 网页编码 -->
    <title>网页标题</title> 
    <meta name="Generator" content="EditPlus®"> <!--用以说明生成工具-->
    <meta name="Author" content="username"> <!--文档的作者-->
    <meta name="Keywords" content="关键词1,关键词2"> <!--关键字-->
    <meta name="Description" content="网页描述"><!--描述-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 移动设备上进行网页的重构或开发 -->
    <link rel="stylesheet" href="style.css"> <!--引入外部样式-->
    <script src="js.js"></script> <!--引入外部脚本-->
    <style>
        /* 内部样式 */
    </style>
</head>
<body>
    <div>
        主体内容
    </div>
    <script>
        // 内部js脚本
    </script>
</body>
</html>

一、<html></html> 称为根元素,所有的网页元素都在<html></html> 中;

二、<head></head> 元素用于定义文档的头部;头部元素含有有: <meta> <title> <link> <script> <style>

1.<title> 标签定义文档的标题

2.<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎,或其他 web 服务。针对搜索引擎的关键词,一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。

3.<link> 元素引入外部样式。

4.<script> 元素该元素可以定义页面的脚本内容。

5.<style> 标签用于为 HTML 文档定义样式信息。

6.<body></body> 元素用于定义网页显示的内容。

一个HTML文件就是一个网页,HTML文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页

上一篇: 代码编辑器

下一篇: html基本标签