html格式

优美的代码编写方式是我们装逼的基础,在python中我们称优秀的代码为pythonic,无独有偶,html、css、js也都有着自己相比更优美的写法~

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head><meta charset="UTF-8">
 4     <title>Title</title>
 5     <!--css链接不要加type属性-->
 6     <link rel="stylesheet" href="糟糕的写法" type="text/css">
 7     <link rel="stylesheet" href="正确的写法" >
 8 
 9 </head>
10 <body>
11     <!--不要将标签与属性名大写!-->
12     <A HREF="">糟糕的写法</A>
13     <a href="/">正确的写法</a>
14 
15     <!--标签结束后立刻换行不要再有空格-->
16     <p>后面有空格</p>  糟糕的写法
17     <p>没有空格</p>正确的写法
18 
19     <!--标签属性使用双引号-->
20     <a href='糟糕的写法' class='btn btn-secondary'>Login</a>
21     <a href="正确的写法" class='btn btn-secondary'>Login</a>
22 
23     <!--自关闭标签不要加/-->
24     <br />糟糕的写法
25     <br>正确的写法
26 
27     <!--普通标签一定要对应关闭-->
28     <article>糟糕的写法
29     <article>正确的写法</article>
30 
31     <!--img标签要加上alt属性-->
32     <img src="糟糕的写法">
33     <img src="正确的写法" alt="north">
34 
35     <!--js链接不要加type属性-->
36     <script src="糟糕的写法" type="text/javascript"></script>
37     <script src="正确的写法" ></script>
38 </body>
39 </html>

 

posted @ 2017-09-01 00:11  北方姆Q  阅读(226)  评论(1编辑  收藏  举报