Java知识分享网 - 轻松学习从此开始!    

Java知识分享网

Java1234官方群25:java1234官方群17
Java1234官方群25:838462530
        
SpringBoot+SpringSecurity+Vue+ElementPlus权限系统实战课程 震撼发布        

最新Java全栈就业实战课程(免费)

springcloud分布式电商秒杀实战课程

IDEA永久激活

66套java实战课程无套路领取

锋哥开始收Java学员啦!

Python学习路线图

锋哥开始收Java学员啦!

阿里web前端开发规范.pdf(共27页,含示例代码) PDF 下载


分享到:
时间:2024-06-07 10:14来源:http://www.java1234.com 作者:转载  侵权举报
阿里web前端开发规范.pdf(共27页,含示例代码)
失效链接处理
阿里web前端开发规范.pdf(共27页,含示例代码) PDF 下载
 
 
 
相关截图:
 


主要内容:

(二) HTML 规范 (Vue Template 同样适用)
 

1.2.1 HTML 类型
推荐使用 HTML5 的文档类型申明:
(建议使用 text/html 格式的 HTML。避免使用 XHTML。XHTML 以及它的属性,比如
application/xhtml+xml 在浏览器中的应用支持与优化空间都十分有限)。
 规定字符编码
 IE 兼容模式
 规定字符编码
 doctype 大写
正例:

 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta charset="UTF-8" />
<title>Page title</title>
</head>
<body>
<img src="images/company-logo.png" alt="Company">
</body>
</html>

 

1.2.2 缩进
缩进使用 2 个空格(一个 tab);
嵌套的节点应该缩进。

 

1.2.3 分块注释
在每一个块状元素,列表元素和表格元素后,加上一对 HTML 注释。

 

1.2.4 语义化标签
HTML5 中新增很多语义化标签,所以优先使用语义化标签,避免一个页面都是 div 或者 p 标
签。
正例

 

<header></header>
<footer></footer>

 

反例

 

<div>
<p></p>
</div>

 

1.2.5 引号
使用双引号(" ") 而不是单引号(’ ') 。
正例:<div class=”box”></div>
反例:<div class=’box’></di

 

 


 
------分隔线----------------------------

锋哥公众号


锋哥微信


关注公众号
【Java资料站】
回复 666
获取 
66套java
从菜鸡到大神
项目实战课程

锋哥推荐