分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

HTML规范

发布时间:2023-09-06 02:10责任编辑:林大明关键词:HTML

 

type属性是否省略

在之前,页面中引入css文件和js文件需要使用如下方式:

<link rel = "stylesheet" href = "main.css" type = "text/css">

<script src = "main.js" type = "text/javascript></script>

在当前的标准下,type属性可以省略,推荐使用如下方式:

<link rel = "stylesheet" href = "main.css">

<script src = "main.js"></script>


HTML单引号和双引号的选择

在页面中,用到引号的地方统一推荐使用双引号,而不是单引号。

<div class = ‘ant-article‘></div>

上面的代码不推荐使用,修改如下:

<div class = "ant-article"></div>


标签和标签属性大小写

HTML中,标签和标签属性统一使用小写形式,固有的属性值也一律使用小写。

自定义的属性值,则可以无此限制,代码实例如下:

<DIV>孙悟空</DIV>

由于HTML标签是大写形式,所以不被推荐使用,代码修改如下:

<div>孙悟空</div>

上面代码推荐使用。

<input type = "TEXT" name = "antzone">

上面代码不被推荐使用,因为固有属性值建议使用小写,代码修改如下:

<input type = "text" name = "antzone">


HTML代码注释

如果可能尽量不写注释,尽可能减少文档的体积;如果必须添加注释,那么就要遵循如下规则:

(1)详尽注释,解释代码解决问题、解决思路、是否为新鲜方案等。

(2)模块注释,GitHub建议不使用模块结束注释。

<!-- 新闻列表模块 -->

<div class = "news"></div>

<!-- /新闻列表模块 -->

<!-- 有不少规范建议不使用结束模块的注释,加重文件负荷 -->

特别说明:注释文本与两端(-)之间要有一个空格。

(3)待办注释

<!-- TODO:待办事项 -->

...


HTML布尔属性值

HTML5规范中disabled、checked、selected等属性不用设置值。

代码实例如下:

<input type = "text" disabled>

<input type = "checkbox" value = "1" checked>

<select>

<option value = "1" selected>1</option>

</select>

同一个文档避免出现重复id属性值

在同一个文档中,一个id属性值必须是唯一的。否则在使用的过程中可能导致一些意外问题的产生。

<div id = "ant">孙悟空</div>

<div id = "ant">猪八戒</div>

上面的代码违反规则,因为出现相同的id属性值。

HTML规范

原文地址:https://www.cnblogs.com/li-bai/p/9491619.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved