html如何建立_建立HTML文件并编写基本结构【基本】

需用UTF-8编码的文本编辑器创建以“.html”为扩展名的文件，并编写含、、（含）和的HTML5标准结构，保存后通过浏览器验证显示效果。

如果您想创建一个网页，但尚未建立HTML文件或不清楚其基本结构，则可能是由于缺少正确的文件创建方式和基础代码框架。以下是建立HTML文件并编写基本结构的步骤：

一、使用文本编辑器创建HTML文件

HTML文件本质上是纯文本文件，必须以“.html”或“.htm”为扩展名保存，且需用支持UTF-8编码的文本编辑器创建，否则可能出现中文乱码或浏览器无法正确解析的问题。

1、打开电脑自带的记事本（Windows）或TextEdit（macOS，需切换为纯文本模式）或推荐使用VS Code、Sublime Text等专业编辑器。

2、在编辑器中输入基础HTML骨架代码（如doctype声明、html根元素、head与body部分）。

立即学习“前端免费学习笔记（深入）”；

3、点击“文件”→“另存为”，在保存对话框中将“保存类型”设为“所有文件”，文件名输入“index.html”，编码选择“UTF-8”，然后点击“保存”。

二、编写标准HTML5基本结构

HTML5结构强调语义化与最小必要标记，省略了旧版中冗余的type属性和严格闭合要求，但必须包含doctype声明和根元素，否则浏览器可能进入怪异模式导致渲染异常。

1、在文件首行输入，该声明告知浏览器使用HTML5标准解析文档。

2、紧接着输入，其中lang属性指定页面主要语言为简体中文，有利于无障碍访问和SEO。

标签： html sublime html5 windows seo 编码 浏览器 edge 电脑 mac 中文乱码 macos