{"action":"opened","issue":{"url":"https://api.github.com/repos/CharmyZ/note/issues/3","repository_url":"https://api.github.com/repos/CharmyZ/note","labels_url":"https://api.github.com/repos/CharmyZ/note/issues/3/labels{/name}","comments_url":"https://api.github.com/repos/CharmyZ/note/issues/3/comments","events_url":"https://api.github.com/repos/CharmyZ/note/issues/3/events","html_url":"https://github.com/CharmyZ/note/issues/3","id":184157801,"number":3,"title":"Web前端规范--HTML规范","user":{"login":"CharmyZ","id":19317945,"avatar_url":"https://avatars.githubusercontent.com/u/19317945?v=3","gravatar_id":"","url":"https://api.github.com/users/CharmyZ","html_url":"https://github.com/CharmyZ","followers_url":"https://api.github.com/users/CharmyZ/followers","following_url":"https://api.github.com/users/CharmyZ/following{/other_user}","gists_url":"https://api.github.com/users/CharmyZ/gists{/gist_id}","starred_url":"https://api.github.com/users/CharmyZ/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CharmyZ/subscriptions","organizations_url":"https://api.github.com/users/CharmyZ/orgs","repos_url":"https://api.github.com/users/CharmyZ/repos","events_url":"https://api.github.com/users/CharmyZ/events{/privacy}","received_events_url":"https://api.github.com/users/CharmyZ/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-10-20T07:50:12Z","updated_at":"2016-10-20T07:50:12Z","closed_at":null,"body":"1、html标签、html属性全部小写。\r\n\r\n2、 文件应以”<!DOCTYPE … …>”首行顶格开始，推荐使用”<!DOCTYPE HTML>”。\r\n\r\n3、必须声明文档的编码charset，且与文件本身编码保持一致，推荐使用UTF-8编码。\r\n`<meta charset=\"UTF-8\">`\r\n\r\n4、根据页面内容和需求填写适当的**keywords**和**description**。\r\n\r\n5、 IE 支持通过特定的 <meta> 标签来确定绘制当前页面所应该采用的 IE 版本。\r\n`<meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge\">`\r\n\r\n6、 使用双引号**(“”)** 而不是单引号**(”)** 。\r\n\r\n7、 如果只需兼容 IE10+，可将 HTML5 的 **async** 属性加至脚本中，它可防止阻塞 DOM 的解析 。\r\n`<script src=\"main.js\" async></script>`\r\n\r\n8、双标签必须闭合，单标签（自关闭标签）不闭合。\r\n\r\n9、使用style、link、script，不用指定type属性，因为 text/css 和 text/javascript 分别是他们的默认值。\r\n\r\n10、 table不建议用于布局，tab只可用于表现具有明显表格形式的数据。\r\n\r\n11、使用link将CSS文件引入，并置于head中。使用script将JS文件引入，并置于body底部。\r\n\r\n12、 段落文字应该用<p>，避免使用<br>。\r\n\r\n13、 列表项放<ul>、<ol>、<dl>，不要使用一系列的<div>或<p> 。\r\n\r\n14、 form button应制定type类型，使用type=\"submit\"、type=\"reset\"或type=\"button\"。\r\n\r\n15、 有效使用<thead>、<tfoot>、<tbody>、<th>（scope属性）。可以把<tfoot>放<tbody>前提高加载速度。\r\n\r\n16、 块元素、列表元素、表格元素都放在新行。\r\n\r\n17、图片文件可采用有意义的备选文本（alt）（ 图片的 alt 属性是可不填写内容的alt=\"\"）\r\n`<img src=\"banner.jpg\" alt=\"welcome\">`\r\n\r\n18、 严格地保证结构、表现、行为三者分离，并尽量使三者之间没有太多的交互和联系。\r\n\r\n19、 不在元素上使用 style 属性（比如<div style=\"border：1px solid #CCC\"></div>是不建议的）\r\n\r\n20、标签最好语义化。\r\n\r\n21、 标题最好用h*(同一页面只能有一个h1)。\r\n\r\n22、尽可能减少div多层嵌套。\r\n\r\n23、指定img明确的宽度和高度，可以增加页面渲染速度\r\n\r\n24、多余代码, 比如页面注释掉不需要的代码，应该坚决删除掉。\r\n\r\n25、注意浮动的浏览器兼容问题。及时清除浮动。\r\n\r\n26、 很多浏览器会将含有这些词的作为广告拦截： ad、ads、adv、banner、sponsor、gg、guangg、guanggao等 页面中尽量避免采用以上词汇来命名。\r\n\r\n**个人写代码时的规范，欢迎大家补充和指正**"}}
{"actor":{"display_login":"CharmyZ"}}