Html代码规范

喜欢ヅ旅行 2021-11-02 03:24 492阅读 0赞

##       HTML的规范 ##

*  HTML是一个弱势语言
 *  HTML不区分大小写
 *  HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统)
 *  HTML的结构：
    
     *  声明部分：主要作用是用来告诉浏览器这个页面使用的是哪个标准。<!doctype html>是HTML5标准。
     *  head部分：将页面的一些额外信息告诉服务器。不会显示在页面上。
     *  body部分：我们所写的代码必须放在此标签內。

目前，IE浏览器是完全不支持H5的，支持最好的是Opera浏览器，可以支持95%以上；

其次是google，可以支持一部分H5。

#### 1、编写XHTML的规范： ####

（1）所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：`<h1><font></font></h1>`

（2）所有的标记都必须小写。

（3）所有的标记都必须关闭。

*  双边标记：`<span></span>`
 *  单边标记：`<br>` 转成 `<br />` `<hr>` 转成 `<hr />`，还有`<img src=“URL” />`

（4）所有的属性值必须加引号。`<font color="red"></font>`

（5）所有的属性必须有值。`<hr noshade="noshade">`、`<input type="radio" checked="checked" />`

（6）XHTML文档开头必须要有DTD文档类型定义

#### 2、HTML的基本语法特性 ####

####     （1）HTML对换行不敏感，对tab不敏感 ####

HTML只在乎标签的嵌套结构，嵌套的关系。谁嵌套了谁，谁被谁嵌套了，和换行、tab无关。换不换行、tab不tab，都不影响页面的结构。

也就是说，HTML不是依靠缩进来表示嵌套的，就是看标签的包裹关系。但是，我们发现有良好的缩进，代码更易读。要求大家都正确缩进标签。

百度为了追求极致的显示速度，所以HTML标签都没有换行、都没有缩进（tab），HTML和换不换行无关，标签的层次依然清晰，只不过程序员不可读了。

如下图所示：

![1734442-20190712160057151-1339435388.png][]

####     （2）空白折叠现象 ####

HTML中所有的**文字之间**，如果有空格、换行、tab都将被折叠为一个空格显示。

举例如下：

![1734442-20190712160207406-965554920.jpg][]

####     （3）标签要严格封闭 ####

标签不封闭是灾难性的。

标签不封闭的举例如下：

![1734442-20190712160247958-2036886726.jpg][]

转载于:https://www.cnblogs.com/iamspecialone/p/11176580.html

[1734442-20190712160057151-1339435388.png]: /images/20211102/fbed03d5422b42dab6fc31f8709f66f9.png
[1734442-20190712160207406-965554920.jpg]: /images/20211102/9344d32372c94d37b62db7a77ff20aff.png
[1734442-20190712160247958-2036886726.jpg]: /images/20211102/52a9c1f9bb3543c0a31064eef1bcee64.png

发表评论取消回复

表情：

评论列表（有 0 条评论，492人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML和CSS代码规范

黄金定律 -------------------- 永远遵循同一套编码规范，不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。 ----------

港控/mmm°/ 2023年06月07日 05:43/ 0 赞/ 49 阅读

相关 HTML5规范中的lang对应代码

根据 HTML5 规范： > 强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻

绝地灬酷狼/ 2023年02月08日 12:58/ 0 赞/ 34 阅读

相关 HTML CSS 代码书写规范

一、html规范 1. 块级元素 div、h1~h6、address、blockquote、center、div、dl、dt、dd、fieldset、f

左手的ㄟ右手/ 2022年12月24日 12:59/ 0 赞/ 275 阅读

相关 Web入门——HTML代码编写规范

本文总结了十几条html代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。 1

我就是我/ 2022年10月01日 02:47/ 0 赞/ 305 阅读

相关 HTML代码编码规范

博客来自：[http://www.gbtags.com/gb/tutorials/215/1163.htm][http_www.gbtags.com_gb_tutorials_

迈不过友情╰/ 2022年08月21日 04:47/ 0 赞/ 306 阅读

相关 html编码规范

（一）命名规则：头：header 内容：content/container 尾：footer

清疚/ 2022年06月07日 11:59/ 0 赞/ 325 阅读

相关 HTML规范

HTML是描述网页结构的超文本标记语言，HTML规范能够使HTML代码风格保持一致，使得HTML更容易理解和维护。本文将详细介绍HTML规范整体结构【页面头部

蔚落/ 2022年02月09日 12:25/ 0 赞/ 324 阅读

相关前端规范之HTML 规范

摘要优秀的项目源码，即使是多人开发，看代码也如出一人之手。统一的编码规范，可使代码更易于阅读，易于理解，易于维护 HTML 规范缩进统一两个空格缩进

缺乏、安全感/ 2022年01月12日 00:03/ 0 赞/ 389 阅读

相关 Html代码规范

HTML的规范 HTML是一个弱势语言 HTML不区分大小写 HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字

喜欢ヅ旅行/ 2021年11月02日 03:24/ 0 赞/ 493 阅读

相关 HTML规范

规范具体规则： 1. html5 使用简单的 `doctype` 来启动标准模式 2. 无特殊说明，字符编码采用 `utf-8` 3. 根据html5规范，鼓励

阳光穿透心脏的1/2处/ 2021年07月04日 22:21/ 0 赞/ 487 阅读