当前位置： 首页 > news >正文

HTML 语法规范——代码注释、缩进与格式、标签与属性、字符编码等

news 2026/5/25 19:27:53

文章目录

    • 一、代码注释
      • 1.1 使用注释的主要目的
      • 1.2 使用建议
    • 二、标签的使用
      • 2.1 开始标签和结束标签
      • 2.2 自闭合标签
      • 2.3 标签的嵌套
      • 2.4 标签的有效性
    • 三、属性
    • 四、缩进与格式
      • 4.1 一致的缩进
      • 4.2 元素单独占用一行
      • 4.3 嵌套元素的缩进
      • 4.4 避免冗长的行
    • 五、字符编码
    • 六、小结

image.png

在开发 HTML 文档时，遵循良好的语法规范是确保代码清晰、可维护和兼容性强的重要基础。以下是一些基本的 HTML 语法规范，包括注释、标签的使用、属性、缩进与格式、字符编码和有效性。

一、代码注释

HTML 注释以 <!-- 开始，以 --> 结束。注释不会在浏览器中显示，主要用于说明代码、添加开发者的备注或进行临时禁用。适当地使用注释可以提高代码的可读性，尤其在较复杂的项目中。示例：

<!-- 这是一个注释 -->
<p>这段文本将会被显示。</p

相关文章：

HTML 语法规范——代码注释、缩进与格式、标签与属性、字符编码等

文章目录 一、代码注释1.1 使用注释的主要目的1.2 使用建议二、标签的使用2.1 开始标签和结束标签2.2 自闭合标签2.3 标签的嵌套2.4 标签的有效性三、属性四、缩进与格式4.1 一致的缩进4.2 元素单独占用一行4.3 嵌套元素的缩进4.4 避免冗长的行五、字符编码六、小结在开发 HTML…...

编程日记 2024/11/5 6:19:01

【Wi-Fi】WiFi中QAM及16-QAM、64-QAM、512-QAM、1024-QAM、2048-QAM、4096-QAM整理

参考链接 什么是QAM&#xff1f;QAM是如何工作的&#xff1f; - 华为 不同阶QAM调制星座图中&#xff0c;符号能量的归一化计算原理 - 知乎 16 QAM modulation vs 64 QAM modulation vs 256 QAM modulation 512 QAM vs 1024 QAM vs 2048 QAM vs 4096 QAM modulation type…...

编程日记 2024/11/5 6:18:00

红黑树的平衡之舞：数据结构中的优雅艺术

文章目录 前言&#x1f680;一、红黑树的介绍1.1 红黑树的概念1.2 红黑树的特点1.3 红黑树的性质 &#x1f680;二、红黑树结点的定义&#x1f680;三、红黑树的框架&#x1f680;四、旋转操作&#x1f680;五、红黑树的插入操作5.1 uncle结点存在且为红5.2 uncle结点不存在或者…...

编程日记 2024/11/5 6:15:58

angular实现list列表和翻页效果

说明&#xff1a;angular实现list列表和翻页效果 上一页 当前页面 下一页 效果图&#xff1a; step1: E:\projectgood\ajnine\untitled4\src\app\car\car.component.css .example-form-fields {display: flex;align-items: flex-start; }mat-list-item{background: antiquew…...

编程日记 2024/11/5 6:13:56

闯关leetcode——3285. Find Indices of Stable Mountains

大纲 题目地址内容 解题代码地址 题目 地址 https://leetcode.com/problems/find-indices-of-stable-mountains/description/ 内容 There are n mountains in a row, and each mountain has a height. You are given an integer array height where height[i] represents t…...

编程日记 2024/11/5 6:12:55

算法【Java】—— 动态规划之斐波那契数列模型

动态规划 动态规划的思路一共有五个步骤&#xff1a; 状态表示&#xff1a;由经验和题目要求得出&#xff0c;这个确实有点抽象&#xff0c;下面的题目会带大家慢慢感受状态标识状态转移方程初始化&#xff1a;避免越界访问 dp 表&#xff0c;所以在进行填表之前我们要预先填…...

编程日记 2024/11/5 6:09:52

idea连接docker并构建镜像

安装docker 安装docker idea连接docker 安装docker插件 设置docker连接 设置docker.exe 这个docker.exe是为了运行docker&#xff0c;可以通过安装docker desktop获取 docker desktop下载地址 右键图标找到文件位置 在同级的resource中 编写Dockerfile # 使用官方 Nginx…...

编程日记 2024/11/5 6:08:51

百度如何打造AI原生研发新范式？

&#x1f449;点击即可下载《百度AI原生研发新范式实践》资料 2024年10月23-25日&#xff0c;2024 NJSD技术盛典暨第十届NJSD软件开发者大会、第八届IAS互联网架构大会在南京召开。本届大会邀请了工业界和学术界的专家&#xff0c;优秀的工程师和产品经理&#xff0c;以及其它行…...

编程日记 2024/11/5 6:06:49

RedisTemplate类中的常用方法粗解（简单明了，预计5分钟看完）

在阅读项目代码过程中发现引用RedisTemplate 的方法操作redis时&#xff0c;都会有一些特定的ops &#xff0c;对此好奇就查资料的情况下有了本博客。 操作之前付一张我们项目中的用到的地方的图 另外本文中的语言用到的是Java&#xff0c;附上试验用到的redisTemplete依赖 <…...

编程日记 2024/11/5 6:05:48

鸿蒙ArkTS中的布局容器组件（Column、Row、Flex、 Stack、Grid）

在鸿蒙ArkTS中&#xff0c;布局容器组件有很多&#xff0c;常见的有&#xff1a; 　　⑴ Column&#xff1a;&#xff08;垂直布局容器&#xff09;&#xff1a;用于将子组件垂直排列。 　　⑵ Row&#xff1a;&#xff08;水平布局容器&#xff09;&#xff1a;用于将子组件水…...

编程日记 2024/11/5 6:04:47

显存占用 显存测试

目录 显存测试 显存占用示例 一个模型多卡占用 显存测试 import torch# 计算张量的大小&#xff08;例如&#xff1a;每个 float 占用 4 字节&#xff09; # 40GB 40 * 1024 * 1024 * 1024 字节 # 每个 float 4 字节&#xff0c;因此需要的 float 数量为 (40 * 1024 * 1024…...

编程日记 2024/11/5 6:03:46

快速入门CSS

欢迎关注个人主页&#xff1a;逸狼 创造不易&#xff0c;可以点点赞吗 如有错误&#xff0c;欢迎指出~ 目录 CSS css的三种引入方式 css书写规范 选择器分类 标签选择器 class选择器 id选择器 复合选择器 通配符选择器 color颜色设置 border边框设置 width/heigth 内/外边距 C…...

编程日记 2024/11/5 6:02:45

AcWing 1073 树的中心 树形dp （详解）

这道题目非常有新意&#xff0c;在过去&#xff0c;我们通常先访问子节点去更新父节点的状态&#xff0c;但是这道题我们还需要从父节点去更新子节点。 我们可以想象为向上和向下两个方向&#xff0c;我们任取一点&#xff0c;先向下走&#xff0c;再回来更新上面的点&#xf…...

编程日记 2024/11/5 6:01:44

modelscope下载Qwen2.5 72B 模型方法

conda create -n modelscope python=3.10 conda activate modelscopepip install modelscope执行这个python代码： from modelscope.hub.snapshot_download import snapshot_download# 下载模型到当前路径 model_dir = snapshot_download(...

编程日记 2024/11/5 5:58:39

重学SpringBoot3-整合 Elasticsearch 8.x (二)使用Repository

更多SpringBoot3内容请关注我的专栏&#xff1a;《SpringBoot3》 期待您的点赞&#x1f44d;收藏⭐评论✍ 整合 Elasticsearch 8.x &#xff08;二&#xff09;使用Repository 1. 环境准备1.1 项目依赖1.2 Elasticsearch 配置 2. 使用Repository的基本步骤2.1 创建实体类2.2 创…...

编程日记 2024/11/5 5:56:37

为什么说模拟电路的难点就在开通过程和关断过程？难在什么地方？

模拟电路中开通过程和关断过程之所以困难&#xff0c;主要有以下几个方面的原因&#xff1a; 1. 瞬态响应特性复杂 - 在开通和关断瞬间&#xff0c;电路中的电流和电压会发生快速变化&#xff0c;产生复杂的瞬态响应。这些瞬态响应可能包含过冲、下冲、振铃等现象&#xff0c;…...

编程日记 2024/11/5 5:55:36

CubeIDE BUG-project‘hello‘has no explict encoding set hello

projecthellohas no explict encoding set hello 解决方法&#xff1a; 点击红色处注册账号后登录&#xff0c;删除原本文件后重新生成即可。...

编程日记 2024/11/5 5:51:30

在线PDF转图片网站

https://www.ilovepdf.com/download/qgxkmbzgxt6yb3s8l9f7fc3q9606hq0bfh4b33mnrf3p7tp8l0d4qy386b5dxqwjbhq7j3j4tp20m4dnb89wA9jjw25br1gtAw42l0m1sq047nvld4qqrm8kzjplkAhw9458p4wjgbmn08g49l23c1khsggdx4A7z3m9xh19mgzdlllyA6r1/52 在线excel转图片 https://www.zamzar.c…...

编程日记 2024/11/5 5:49:27

ps和top的区别

时间上的区别&#xff1a; ps是静态查看进程而top是动态持续监控进程 功能上的区别 ps只是查看进程,top还可以监视系统性能,如平均负载,cpu和内存的消耗 ps 常用格式&#xff1a;ps -ef &#xff08;ef简洁aux详细 System &#xff36;风格和BSD 风格&#xff09; | grep P…...

编程日记 2024/11/5 5:48:24

自动驾驶上市潮中，会诞生下一个“英伟达”吗？

站上科技创新潮头的企业总是备受资本青睐。20世纪开始&#xff0c;从IT到互联网&#xff0c;IBM、英特尔、微软、苹果等各大科技巨头&#xff0c;你方唱罢我登场。 近几年&#xff0c;人工智能成为资本市场新传奇故事的孕育之地。今年10月&#xff0c;英伟达市值首度突破3.5万…...

编程日记 2024/11/5 5:47:23

基于晶体管逻辑的水箱自动控制器设计与实现

1. 项目概述&#xff1a;一个基于晶体管逻辑的自动水箱/湿度灌溉控制器 如果你也像我一样&#xff0c;曾经为家里的花园、阳台植物或者农村老家的储水塔手动开关水泵而烦恼&#xff0c;那么这个项目就是为你准备的。我设计并制作了一个完全自动化的水箱水位控制器&#xff0c;它…...

编程新知 2026/5/25 17:17:21

Windows安卓应用安装终极指南：5分钟快速配置跨平台应用体验

Windows安卓应用安装终极指南&#xff1a;5分钟快速配置跨平台应用体验 【免费下载链接】APK-Installer An Android Application Installer for Windows 项目地址: https://gitcode.com/GitHub_Trending/ap/APK-Installer 还在为在Windows电脑上无法直接安装安卓应用而烦…...

编程新知 2026/5/25 16:10:48

仅限首批200位架构师获取：DeepSeek-DDD联合建模工作坊实录（含领域事件风暴原始会议录像+决策日志）

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;DeepSeek领域驱动设计的范式演进与本质洞察 DeepSeek作为面向大规模智能体协同与复杂业务语义建模的新一代AI原生架构&#xff0c;其领域驱动设计&#xff08;DDD&#xff09;实践已突破传统分层单体范式&…...

编程新知 2026/5/25 15:43:43

022、FFT加速卷积：何时使用？何时不用？

022、FFT加速卷积：何时使用？何时不用？ 去年调一个边缘检测模型，在Cortex-M7上跑3x3卷积，帧率死活上不去。同事说“试试FFT加速”，我心想3x3这种小核用FFT不是脱裤子放屁？结果他真改了一版，跑出来比直接卷积还慢三倍。后来查ARM CMSIS-DSP的文档，发现人家明确写了：FF…...

编程新知 2026/5/25 15:05:44

终极Windows键盘重映射解决方案：SharpKeys完全指南

终极Windows键盘重映射解决方案&#xff1a;SharpKeys完全指南 【免费下载链接】sharpkeys SharpKeys is a utility that manages a Registry key that allows Windows to remap one key to any other key. 项目地址: https://gitcode.com/gh_mirrors/sh/sharpkeys 还在…...

编程新知 2026/5/25 14:45:16

OpenTK 3.3.3实现3D旋转立方体：C# OpenGL入门实战

1. 为什么一个旋转立方体是3D图形编程真正的“Hello World” 很多人第一次接触OpenGL或现代图形API时&#xff0c;总想直接上手做粒子系统、PBR渲染或者实时阴影——结果卡在顶点缓冲对象&#xff08;VBO&#xff09;绑定失败、着色器编译报错、甚至窗口根本没显示出来。我带过…...

编程新知 2026/5/25 14:19:40

如何高效实现前端文件下载：FileSaver.js完整实用指南

如何高效实现前端文件下载&#xff1a;FileSaver.js完整实用指南 【免费下载链接】FileSaver.js An HTML5 saveAs() FileSaver implementation 项目地址: https://gitcode.com/gh_mirrors/fi/FileSaver.js FileSaver.js是一款轻量级的HTML5文件保存解决方案&#xff0c;…...

编程新知 2026/5/25 14:02:18

5分钟掌握文件完整性验证：HashCalculator终极免费批量哈希计算工具指南

5分钟掌握文件完整性验证&#xff1a;HashCalculator终极免费批量哈希计算工具指南 【免费下载链接】HashCalculator 哈希值计算工具&#xff0c;批量计算/批量校验/查找重复文件/改变哈希值等&#xff0c;支持集成到系统右键菜单 项目地址: https://gitcode.com/gh_mirrors/…...

编程新知 2026/5/25 13:12:43

基于傅里叶神经算子的含时密度泛函理论加速模拟

1. 项目概述与核心思路在计算材料科学和量子化学领域&#xff0c;模拟电子在激光等外场驱动下的动力学行为&#xff0c;是理解光催化、光电转换、甚至量子计算基础过程的关键。含时密度泛函理论&#xff08;TDDFT&#xff09;是处理这类问题的“金标准”之一&#xff0c;它通过…...

编程新知 2026/5/25 11:49:46

终极指南：使用SMUDebugTool深度掌控AMD Ryzen系统底层参数

终极指南&#xff1a;使用SMUDebugTool深度掌控AMD Ryzen系统底层参数 【免费下载链接】SMUDebugTool A dedicated tool to help write/read various parameters of Ryzen-based systems, such as manual overclock, SMU, PCI, CPUID, MSR and Power Table. 项目地址: https:…...

编程新知 2026/5/25 9:51:37