HTML5 Гід по стилю
HTML。 如何正确编写代码？ 乌戈达·科杜万尼亚
一致、干净、整洁的 HTML 代码可以让其他人更轻松地阅读和理解您的代码。
有很多快捷方式，创建良好的 HTML 代码很有好处。
首先确定文档类型
首先选择文档类型，作为文档中的第一行。
HTML 的正确文档类型是：
<!DOCTYPE html>
如果您需要熟悉小写标签，可以使用：
<!doctype html>
Vikorist 名字小写
HTML5 дозволяє змішувати великі та маленькі букви в назвах елементів.
我们建议您使用仅包含小写字母的元素的正确名称：
- 将名称与大写和小写字母混合在一起不利于混淆
- 提交表单提交到具有预定义的变量（使用 XHTML）的数据库
- 小写看起来更干净
- 小写字母书写起来更容易、更快
贫穷的：
<SECTION>
<p>这一段。</p>
</SECTION>
特别糟糕：
<Section>
<p>这一段。</p>
</SECTION>
好的：
<section>
<p>这一段。</p>
</section>
关闭所有 HTML 元素
HTML5 不需要关闭所有元素（例如，元素 <p>).
根据 W3C 指南，我们使用 HTML 元素。
贫穷的：
<section>
<p>这一段。
<p>这一段。
</section>
好的：
<section>
<p>这一段。</p>
<p>这一段。</p>
</section>
关闭空 HTML 元素
HTML5 不要求您关闭空元素。
允许：
<meta charset="utf-8">
也允许：
<meta charset="utf-8" />
因此，XHTML 和 XML 中需要使用危险斜杠 (/)。
一旦您意识到 XML 安全程序可以访问您的页面，您就可以避免关闭辫子（斜线）的风险！
Vickory 小写的属性名称
HTML5 文档是用于在网络资源中编辑和编辑矢量格式的。
W3C 建议在符合条件的类别中使用以下服务：
- 人们对名称中大小写字母的混合知之甚少
- 提交表单 ...
- 小写看起来更干净
- 小写字母书写起来更容易、更快
贫穷的：
<div CLASS="menu">
好的：
<div class="menu">
爪子中的属性值
HTML5 文档是无格式文本。
W3C 建议在以下情况下使用以下术语：
- 提交表单以添加新标签（使用 XHTML）
- 爪子上的含义更容易阅读
- 因为报仇很重要，所以你要对维科里的爪子负责
特别糟糕：
这是不会做的，重要的碎片将在空地上报仇：
<table class=table striped>
贫穷的：
<table class=striped>
好的：
<table class="striped">
Атрибути зображення
先添加属性 alt 印象如果图像因任何原因无法显示，则此属性非常重要。 另外，首先确定图像的宽度和高度。 这会更改空间，以便浏览器可以在单击图像之前为图像保留空间。
贫穷的：
<img src="html5.gif">
好的：
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
热情的迹象被打破
HTML5 文档是用于讨论新闻的文档。 当他们离开时，他们会被释放。
贫穷的：
<link rel = "stylesheet" href = "styles.css">
好的：
<link rel="stylesheet" href="styles.css">
独特的长行代码
在 Vikorist 的 HTML 编辑器中，手动左右滚动以阅读 HTML 代码。
使用最长 80 个字符的唯一代码行。
空行和访问
除非绝对必要，否则不要添加空行。
为了便于阅读，请为次大或逻辑代码块添加空行。
为了便于阅读，请在条目中添加两个空格。 不要使用 Tab 键。
不要拾取不必要的空行和入口。 无需对皮肤元素进行处理：
不错：
<body>
<h1>著名城市</h1>
<h2>东京</h2>
<p>
东京是日本的首都，也是东京都的中心，
也是世界上人口最多的大都市区。
它是日本政府和皇宫的所在地，
也是日本皇室的居所。
</p>
</body>
更好的：
<body>
<h1>著名城市</h1>
<h2>东京</h2>
<p>东京是日本的首都，也是东京都的中心，
也是世界上人口最多的大都市区。
它是日本政府和皇宫的所在地，
也是日本皇室的居所。</p>
</body>
对接表：
<table>
<tr>
<th>姓名</th>
<th>描述</th>
</tr>
<tr>
<td>A</td>
<td>描述</td>
</tr>
<tr>
<td>乙</td>
<td>B 的描述</td>
</tr>
</table>
屁股清单：
<ul>
<li>伦敦</li>
<li>巴黎</li>
<li>东京</li>
</ul>
气较低<html>那<body> ？
HTML5标签 <html> і тег <body> можуть бути опущені (не вказані).
无说明的攻击性代码 身体 但要满足 HTML5 规范，请执行以下操作：
但是，我们不建议省略标签 <html> та <body>.
Елемент <html> 表示需要 HTML 文档。 这也是创建电影页面的推荐位置：
<!DOCTYPE html>
<html lang="en-US">
网页的静音对于辅助功能程序（屏幕阅读器程序）和声音系统非常重要。
降低 <html> або <body> 您可使用 DOM 来简化 XML。
降低 <body> 您可能已经听说过 IE9。
气较低<head> ？
HTML5标签 <head> також може бути опущений.
然后浏览器将添加之前存在的所有元素 <body> до <head> елемента.
您可以通过省略标签来更改 HTML <head>:
但是，我们不建议省略标签 <head>.
省略标签对于网络浏览器来说是不可见的。 花了一个小时才成为主要标准。
元数据
Елемент <title> HTML5 中的 开源 。 有必要以更精确和替代的方式来指示页面的名称（大概是，而不是页面）。 这有助于搜索机器人在网站上找到必要的信息：
<title>HTML5 语法和编码风格</title>
为了确保搜索引擎正确解释和正确索引（例如页面和字符编码），必须在网络文档中尽早指定罪魁祸首：
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>HTML5 语法和编码风格</title>
</head>
设置审阅窗口 - Viewport
HTML5引入了一种方法，允许网页设计者控制轻松查看标签的能力 <meta>.
我会看看它（视口） - 网上商店用户区域是可见的。 它在设备中的位置会发生变化，在手机上的位置会减少，在电脑屏幕上的位置也会减少。
您应该打开前进元素 <meta> на ваших вебсторінках:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Елемент <meta> viewport 上有一个窗口，用于管理 ML 脚本。
查斯蒂娜 宽度=设备宽度 встановлює ширину сторінки, щоб вона відповідала ширині екрана пристрою (яка залежить від пристрою).
查斯蒂娜 初始比例=1.0 设置浏览器最初查看页面时的初始缩放级别。 1 表示 100% 的比例。
轴对接网上商店 без 视口元数据，以及此视频із 视口计量表：
波拉达： 如果您在其他手机或平板电脑上查看此页面，您可以按下面的两条消息来增加差异。
HTML 注释
简短的评论写在一排：
<!-- Це коментар -->
覆盖多行的注释应该这样写：
<!--
这是长评论的一个例子。 这是长评论的一个例子。
这是长评论的一个例子。 这是长评论的一个例子。
-->
较长的评论更容易摆脱，因为恶臭在门口若隐若现。
款式表
Vickory 在样式表上书写的简单语法（类型属性不是必需的）：
<link rel="stylesheet" href="styles.css">
简短的样式规则可以简单地写成：
p.intro {字体系列：Verdana；字体大小：16em；}
贴花行书写风格的长期规则：
身体 {
背景颜色：浅灰色；
字体系列：“Arial Black”，Helvetica，无衬线；
字体大小：16em；
颜色：黑色;
}
- 在与选择器同一行添加一个扭杆
- Vikorist 弯弓前一洞
- Vikorist 两个通道空间
- 维科里斯特（Vikorist）在具有权力意义的皮肤蒸汽之后带有昏迷的斑点，包括其余部分
- Vikorist 将爪子放在值前面，因为消除间隙很重要
- 将弓放在新的一排上，不要有额外的间隙
- 超过 80 个字符的独特行
HTML 中的 JavaScript 连接
Vickory 连接外部脚本的简单语法（不需要 type 属性）：
<script src="myscript.js">
使用 JavaScript 访问 HTML 元素
最后，消除“不干净”的 HTML 样式可以成为 JavaScript 的解决方案。
这两个 JavaScript 运算符给出不同的结果：
展开部分 JavaScript 基本概念 на нашому сайті W3Schools 乌克兰.
小写的 Vycorist 文件名
多个操作系统 (Apache, Unix) 启用了以下选项： 仅使用“London.jpg”来检索“london.jpg”文件。
另一个示例 (Microsoft, IIS) 是将“london.jpg”重命名为“London.jpg”，然后将“london.jpg”重命名为“london.jpg”。
如果将大小写结合起来，可能会更加一致。
如果您从对注册表不敏感的服务器切换到对注册表敏感的服务器，那么小小的恩惠就会打破您的界限！
要避免这些问题，请首先将文件名更正为小写。
Розширення файлів
HTML 文档 编辑 .html або .htm.
CSS 元素常用语法 .css.
JavaScript 函数 .js.
翻译我的 .htm 到 .html
扩展名 .htm 和 .html 之间没有区别。 Web 浏览器或 Web 服务器的扩展将被视为 HTML。
文化方面：
.htm “查看” 脚本来自 DOS，脚本运行成功超过 3 次。
.html “查看” 运行系统 Unix，但不能读取大多数文件。
技术特点
因为 URL 不指示文件名（例如， https://www.w3schools.com/css/) 担任主持人的职务。 已归档至简文件 - index.html、index.htm、default.html 和 default.htm。
但由于服务器会将文件保存在“index.html”中，因此在打开文件时，系统会将文件重命名为“index.html”，而不是“index.htm”（而不是“default.html”）。
但是，服务器可以配置尽可能多的文件名，因此您可以根据需要设置尽可能多的文件名。
否则，HTML 文件的扩展名为 .html, і немає ніяких причин його не використовувати.
要查看所有可用 HTML 标签的完整列表，请转至 HTML 标签浏览器 на нашому сайті W3Schools 乌克兰.
