天下棋牌下载

    1. <form id='bf28i'></form>
        <bdo id='bf28i'><sup id='bf28i'><div id='bf28i'><bdo id='bf28i'></bdo></div></sup></bdo>

            1. <form id='6cw7n'></form>
                <bdo id='6cw7n'><sup id='6cw7n'><div id='6cw7n'><bdo id='6cw7n'></bdo></div></sup></bdo>

                    1. <form id='shy9u'></form>
                        <bdo id='shy9u'><sup id='shy9u'><div id='shy9u'><bdo id='shy9u'></bdo></div></sup></bdo>

                            当前位置 : IT培训网 > Web前端 > Web教程 > 如何检查HTML5代码的规范性

                            如何检查HTML5代码的规范性

                            时间:2015-12-13 14:33:24  来源:web前端培训网  作者:IT培训网  已有:名学员访问该课程
                            标签(Tag):   html5(196)HTML5代码(4)
                            对于已经从事网页设计方面的人就不说了,初学者要认真对待下,在写代码时尽量的做到规范化,如此我们写出的html代码才能少出错。如果你还没有学习html代码,那就从HTML5代码开始学起吧!

                            虽然前端代码比较容易些,但能写的规范点的却很少,很多网页设计人员并不懂的SEO优化知识,总感觉有些代码没有必要写,如图片的alt标签、图片的大小、代码是否空行及代码的大小写等等,都是网页设计人员忽视的地方,所以今天IT培训网天下棋牌下载小编总结了有些关于HTML代码规范方面的知识点,希望可以帮助学习HTML5的学员写代码时能够规范点!

                            HTML(5) 代码规范

                            HTML 代码约定

                            天下棋牌下载 HENDUO Web KAIFARENYUANDUI HTML DEDAIMAGUIFANZHIZHISHENSHAO。

                            天下棋牌下载 ZAI2000NIANZHI2010NIAN,XUDUOWebKAIFARENYUANCONG HTML ZHUANHUANDAO XHTML。

                            天下棋牌下载 SHIYONG XHTML KAIFARENYUANZHUJIANYANGCHENGLEBIJIAOHAODE HTML BIANXIEGUIFAN。

                            天下棋牌下载 ERZHENDUIYU HTML5 ,WOMENYINGGAIXINGCHENGBIJIAOHAODEDAIMAGUIFAN,YIXIATIGONGLEJIZHONGGUIFANDEJIANYI。

                            使用正确的文档类型

                            WENDANGLEIXINGSHENGMINGWEIYUHTMLWENDANGDEDIYIXING:

                            天下棋牌下载 <!DOCTYPE html>

                            RUGUONIXIANGGENQITABIAOQIANYIYANGSHIYONGXIAOXIE,KEYISHIYONGYIXIADAIMA:

                            天下棋牌下载 <!doctype html>

                            使用小写元素名

                            天下棋牌下载 HTML5 YUANSUMINGKEYISHIYONGDAXIEHEXIAOXIEZIMU。

                            天下棋牌下载 TUIJIANSHIYONGXIAOXIEZIMU:

                            天下棋牌下载 HUNHELEDAXIAOXIEDEFENGGESHIFEICHANGZAOGAODE。

                            天下棋牌下载 KAIFARENYUANTONGCHANGSHIYONGXIAOXIE (LEISI XHTML)。

                            XIAOXIEFENGGEKANQILAIGENGJIAQINGSHUANG。

                            天下棋牌下载 XIAOXIEZIMURONGYIBIANXIE。

                            不推荐:

                            天下棋牌下载 <SECTION>

                              <p>ZHEISHIYIGEDUANLUO。</p>

                            </SECTION>

                            非常糟糕:

                            <Section>

                            天下棋牌下载   <p>ZHEISHIYIGEDUANLUO。</p>

                            天下棋牌下载 </SECTION>

                            推荐:

                            天下棋牌下载 <section>

                              <p>ZHEISHIYIGEDUANLUO。</p>

                            天下棋牌下载 </section>

                            关闭所有 HTML 元素

                            ZAI HTML5 ZHONG, NIBUYIDINGYAOGUANBISUOYOUYUANSU (LIRU <p> YUANSU),DANWOMENJIANYIMEIGEYUANSUDOUYAOTIANJIAGUANBIBIAOQIAN。

                            不推荐:

                            <section>

                              <p>ZHEISHIYIGEDUANLUO。

                              <p>ZHEISHIYIGEDUANLUO。

                            </section>

                            推荐:

                            天下棋牌下载 <section>

                            天下棋牌下载   <p>ZHEISHIYIGEDUANLUO。</p>

                              <p>ZHEISHIYIGEDUANLUO。</p>

                            </section>

                            关闭空的 HTML 元素

                            ZAI HTML5 ZHONG, KONGDE HTML YUANSUYEBUYIDINGYAOGUANBI:

                            WOMENKEYIZHEIMEXIE:

                            <meta charset="utf-8">

                            YEKEYIZHEIMEXIE:

                            天下棋牌下载 <meta charset="utf-8" />

                            ZAI XHTML HE XML ZHONGXIEXIAN (/) SHIBIXUDE。

                            天下棋牌下载 RUGUONIQIWANG XML RUANJIANSHIYONGNIDEYEMIAN,SHIYONGZHEIZHONGFENGGESHIFEICHANGHAODE。

                            使用小写属性名

                            天下棋牌下载 HTML5 SHUXINGMINGYUNXUSHIYONGDAXIEHEXIAOXIEZIMU。

                            WOMENTUIJIANSHIYONGXIAOXIEZIMUSHUXINGMING:

                            TONGSHISHIYONGDAXIAOXIESHIFEICHANGBUHAODEXIGUAN。

                            KAIFARENYUANTONGCHANGSHIYONGXIAOXIE (LEISI XHTML)。

                            XIAOXIEFENGGEKANQILAIGENGJIAQINGSHUANG。

                            XIAOXIEZIMURONGYIBIANXIE。

                            不推荐:

                            天下棋牌下载 <div CLASS="menu">

                            推荐:

                            <div class="menu">

                            属性值

                            HTML5 SHUXINGZHIKEYIBUYONGYINHAO。

                            天下棋牌下载 SHUXINGZHIWOMENTUIJIANSHIYONGYINHAO:

                            RUGUOSHUXINGZHIHANYOUKONGGEXUYAOSHIYONGYINHAO。

                            天下棋牌下载 HUNHEFENGGEBUTUIJIANDE,JIANYITONGYIFENGGE。

                            SHUXINGZHISHIYONGYINHAOYIYUYUEDU。

                            YIXIASHILISHUXINGZHIBAOHANKONGGE,MEIYOUSHIYONGYINHAO,SUOYIBUNENGQIZUOYONG:

                            天下棋牌下载 <table class=table striped>

                            天下棋牌下载 YIXIASHIYONGLESHUANGYINHAO,SHIZHENGQUEDE:

                            天下棋牌下载 <table class="table striped">

                            图片属性

                            图片通常使用 alt天下棋牌下载 属性。 在图片不能显示时,它能替代图片显示。

                            <img src="html5.gif" alt="HTML5" style="width:128px;height:128px">

                            DINGYIHAOTUPIANDECHICUN,ZAIJIAZAISHIKEYIYULIUZHIDINGKONGJIAN,JIANSHAOSHANSHUO。

                            <img src="html5.gif" alt="HTML5" style="width:128px;height:128px">

                            空格和等号

                            天下棋牌下载 DENGHAOQIANHOUKEYISHIYONGKONGGE。

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

                            DANWOMENTUIJIANSHAOYONGKONGGE:

                            天下棋牌下载 <link rel="stylesheet" href="styles.css">

                            避免一行代码过长

                            天下棋牌下载 SHIYONG HTML BIANJIQI,ZUOYOUGUNDONGDAIMASHIBUFANGBIANDE。

                            天下棋牌下载 MEIXINGDAIMAJINLIANGSHAOYU 80 GEZIFU。

                            空行和缩进

                            BUYAOWUYUANWUGUTIANJIAKONGXING。

                            天下棋牌下载 WEIMEIGELUOJIGONGNENGKUAITIANJIAKONGXING,ZHEIYANGGENGYIYUYUEDU。

                            天下棋牌下载 SUOJINSHIYONGLIANGGEKONGGE,BUJIANYISHIYONG TAB。

                            天下棋牌下载 BIJIAODUANDEDAIMAJIANBUYAOSHIYONGBUBIYAODEKONGXINGHESUOJIN。

                            不必要的空行和缩进:

                            <body>

                             

                              <h1>ITPEIXUNWANG</h1>

                             

                              <h2>HTML</h2>

                             

                              <p>

                                IT培训网-学IT技术天下棋牌下载拿高薪 快速就业不是事!

                                IT培训网-学IT技术拿高薪 快速就业不是事!

                               ITPEIXUNWANG,XUEDEBUJINSHIJISHU,GENGSHIMENGXIANG,

                            天下棋牌下载     ITPEIXUNWANG-XUEITJISHUNAGAOXIN KUAISUJIUYEBUSHISHI!

                              </p>

                            TUIJIAN:

                            天下棋牌下载 <body>

                             

                            天下棋牌下载 <h1>ITPEIXUNWANG</h1>

                             

                            <h2></h2>

                            <p>ITPEIXUNWANG-XUEITJISHUNAGAOXIN KUAISUJIUYEBUSHISHI!

                            天下棋牌下载 ITPEIXUNWANG-XUEITJISHUNAGAOXIN KUAISUJIUYEBUSHISHI!

                            ITPEIXUNWANG-XUEITJISHUNAGAOXIN KUAISUJIUYEBUSHISHI!

                            天下棋牌下载 ITPEIXUNWANG-XUEITJISHUNAGAOXIN KUAISUJIUYEBUSHISHI!</p>

                             

                            </body>

                            </body>

                            表格实例:

                            <table>

                              <tr>

                            天下棋牌下载     <th>Name</th>

                            天下棋牌下载     <th>Description</th>

                              </tr>

                              <tr>

                            天下棋牌下载     <td>A</td>

                            天下棋牌下载     <td>Description of A</td>

                              </tr>

                              <tr>

                                <td>B</td>

                                <td>Description of B</td>

                              </tr>

                            天下棋牌下载 </table>

                            列表实例:

                            <ol>

                            天下棋牌下载   <li>London</li>

                              <li>Paris</li>

                              <li>Tokyo</li>

                            天下棋牌下载 </ol>

                            省略 <html> <body>?

                            ZAIBIAOZHUN HTML5 ZHONG, <html> HE <body> BIAOQIANSHIKEYISHENGLVEDE。

                            YIXIA HTML5 WENDANGSHIZHENGQUEDE:

                            SHILI:

                            <!DOCTYPE html>

                            <head>

                              <title>YEMIANBIAOTI</title>

                            天下棋牌下载 </head>

                             

                            <h1>ZHEISHIYIGEBIAOTI</h1>

                            天下棋牌下载 <p>ZHEISHIYIGEDUANLUO。</p>

                            源代码:

                            <!DOCTYPE html>

                            <head>

                            <meta charset="utf-8">

                            <title>IT培训网(wescliffe.com)</title>

                            </head>

                             

                            <h1>这是一个标题</h1>

                            <p>这是一个段落。</p>

                            运行结果:

                            这是一个标题

                            这是一个段落。

                            不推荐省略 <html> <body> 标签。

                            <html> YUANSUSHIWENDANGDEGENYUANSU,YONGYUMIAOSHUYEMIANDEYUYAN:

                            天下棋牌下载 <!DOCTYPE html>

                            <html lang="zh">

                            天下棋牌下载 SHENGMINGYUYANSHIWEILEFANGBIANPINGMUYUEDUQIJISOUSUOYINQING。

                            天下棋牌下载 SHENGLVE <html> HUO <body> ZAI DOM HE XML RUANJIANZHONGHUIBENGKUI。

                            SHENGLVE <body> ZAIJIUBANLIULANQI (IE9)HUIFASHENGCUOWU。

                            省略 <head>?

                            ZAIBIAOZHUN HTML5 ZHONG, <head>BIAOQIANSHIKEYISHENGLVEDE。

                            MORENQINGKUANGXIA,LIULANQIHUIJIANG <body> ZHIQIANDENEIRONGTIANJIADAOYIGEMORENDE <head> YUANSUSHANG。

                            实例

                            <!DOCTYPE html>

                            <html>

                            天下棋牌下载 <title>YEMIANBIAOTI</title>

                             

                            天下棋牌下载 <body>

                            天下棋牌下载   <h1>ZHEISHIYIGEBIAOTI</h1>

                            天下棋牌下载   <p>ZHEISHIYIGEDUANLUO。</p>

                            天下棋牌下载 </body>

                             

                            </html>

                            源代码:

                            <!DOCTYPE html>

                            <html>

                            <meta charset="utf-8">

                            <title>IT培训网(wescliffe.com)</title>

                            <body>

                             

                            <p id="Demo">段落 1。</p>

                            <p id="demo">段落 2。</p>

                            <script>

                            // 只有段落 2 会被替换

                            document.getElementById("demo").innerHTML = "HELLO。";

                            </script>

                             

                            </body>

                            </html>

                            运行结果:

                            段落 1。

                            HELLO。

                            ZHUYI:XIANZAISHENGLVE head BIAOQIANHAIBUTUIJIANSHIYONG。

                            元数据

                            HTML5 ZHONG <title> YUANSUSHIBIXUDE,BIAOTIMINGMIAOSHULEYEMIANDEZHUTI:

                            天下棋牌下载 <title>ITPEIXUNWANG</title>

                            天下棋牌下载 BIAOTIHEYUYANKEYIRANGSOUSUOYINQINGHENKUAILEJIENIYEMIANDEZHUTI:

                            天下棋牌下载 <!DOCTYPE html>

                            <html lang="zh">

                            天下棋牌下载 <head>

                              <meta charset="UTF-8">

                              <title>ITPEIXUNWANG</title>

                            </head>

                            HTML 注释

                            ZHUSHIKEYIXIEZAI <!-- HE --> ZHONG:

                            <!-- ZHEISHIZHUSHI -->

                            BIJIAOZHANGDEPINGLUNKEYIZAI <!-- HE --> ZHONGFENXINGXIE:

                            <!--

                            天下棋牌下载   ZHEISHIYIGEJIAOZHANGPINGLUN。 ZHEISHI YIGEJIAOZHANGPINGLUN。ZHEISHIYIGEJIAOZHANGPINGLUN。

                              ZHEISHI YIGEJIAOZHANGPINGLUN ZHEISHIYIGEJIAOZHANGPINGLUN。 ZHEISHI YIGEJIAOZHANGPINGLUN。

                            -->

                            天下棋牌下载 ZHANGPINGLUNDIYIGEZIFUSUOJINLIANGGEKONGGE,GENGYIYUYUEDU。

                            样式表

                            YANGSHIBIAOSHIYONGJIANJIEDEYUFAGESHI ( type SHUXINGBUSHIBIXUDE):

                            天下棋牌下载 <link rel="stylesheet" href="styles.css">

                            DUANDEGUIZEKEYIXIECHENGYIXING:

                            p.into {font-family: Verdana; font-size: 16em;}

                            ZHANGDEGUIZEKEYIXIECHENGDUOXING:

                            body {

                              background-color: lightgrey;

                              font-family: "Arial Black", Helvetica, sans-serif;

                            天下棋牌下载   font-size: 16em;

                            天下棋牌下载   color: black;

                            }

                            天下棋牌下载 JIANGZUOHUAKUOHAOYUXUANZEQIFANGZAITONGYIXING。

                            天下棋牌下载 ZUOHUAKUOHAOYUXUANZEQIJIANTIANJIAYIKONGGE。

                            天下棋牌下载 SHIYONGLIANGGEKONGGELAISUOJIN。

                            MAOHAOYUSHUXINGZHIZHIJIANTIANJIAYIKONGGE。

                            DOUHAOHEFUHAOZHIHOUSHIYONGYIGEKONGGE。

                            天下棋牌下载 MEIGESHUXINGYUZHIJIEWEIDOUYAOSHIYONGFUHAO。

                            ZHIYOUSHUXINGZHIBAOHANKONGGESHICAISHIYONGYINHAO。

                            YOUHUAKUOHAOFANGZAIXINDEYIXING。

                            MEIXINGZUIDUO 80 GEZIFU。

                            注意:在逗号和分号后添加空格是常用的一个规则。

                            HTML 中载入 JavaScript

                            天下棋牌下载 SHIYONGJIANJIEDEYUFALAIZAIRUWAIBUDEJIAOBENWENJIAN ( type SHUXINGBUSHIBIXUDE ):

                            天下棋牌下载 <script src="myscript.js">

                            使用 JavaScript 访问 HTML 元素

                            YIGEZAOGAODE HTML GESHIKENENGHUIDAOZHI JavaScript ZHIXINGCUOWU。

                            天下棋牌下载 YIXIALIANGGE JavaScript YUJUHUISHUCHUBUTONGJIEGUO:

                            实例

                            var obj = getElementById("Demo")

                            天下棋牌下载 var obj = getElementById("demo")

                            源代码:

                            <!DOCTYPE html>

                            <html>

                            <head>

                            <meta charset="utf-8">

                            <title>IT培训网(wescliffe.com)</title>

                            </head>

                            <body>

                             

                            <p id="Demo">段落 1。</p>

                            <p id="demo">段落 2。</p>

                            <script>

                            // 只有段落 2 会被替换

                            document.getElementById("demo").innerHTML = "HELLO.";

                            </script>

                             

                            </body>

                            </html>

                            运行结果:

                            段落 1。

                            HELLO.

                            天下棋牌下载 ZHUYI:HTML ZHONG JavaScript JINLIANGSHIYONGXIANGTONGDEMINGMINGGUIZE。

                            使用小写文件名

                            天下棋牌下载 DADUO Web FUWUQI (Apache, Unix) DUIDAXIAOXIEMINGAN: london.jpg BUNENGTONGGUO London.jpg FANGWEN。

                            QITA Web FUWUQI (Microsoft, IIS) DUIDAXIAOXIEBUMINGAN: london.jpg KEYITONGGUO London.jpg HUO london.jpg FANGWEN。

                            NIBIXUBAOCHITONGYIDEFENGGE,WOMENJIANYITONGYISHIYONGXIAOXIEDEWENJIANMING。

                            文件扩展名

                            天下棋牌下载 HTML WENJIANHOUZHUIKEYISHI .html (HUOr .htm)。

                            CSS WENJIANHOUZHUISHI .css 。

                            JavaScript WENJIANHOUZHUISHI .js 。

                            .htm .html 的区别

                            .htm HE .html DEKUOZHANMINGWENJIANBENZHISHANGSHIMEIYOUQUBIEDE。LIULANQIHE Web FUWUQIDOUHUIBATAMENDANGZUO HTML WENJIANLAICHULI。

                            QUBIEZAIYU:

                            天下棋牌下载 .htm YINGYONGZAIZAOQI DOS XITONG,XITONGXIANZAIHUOZHEZHINENGYOUSANGEZIFU。

                            天下棋牌下载 ZAI Unix XITONGZHONGHOUZHUIMEIYOUTEBIEXIANZHI,YIBANYONG .html。

                            技术上区别

                            RUGUOYIGE URL MEIYOUZHIDINGWENJIANMING (RU http://wescliffe.com/css/), FUWUQIHUIFANHUIMORENDEWENJIANMING。TONGCHANGMORENWENJIANMINGWEI index.html, index.htm, default.html, HE default.htm。

                            RUGUOFUWUQIZHIPEIZHILE "index.html" ZUOWEIMORENWENJIAN,NIBIXUJIANGWENJIANMINGMINGWEI "index.html", ERBUSHI "index.htm"。

                            天下棋牌下载 DANSHI,TONGCHANGFUWUQIKEYISHEZHIDUOGEMORENWENJIAN,NIKEYIGENJUXUYAOSHEZHIMORENWENJIANMA。

                            BUGUANZENYANG,HTML WANZHENGDEHOUZHUISHI ".html"。

                            DUIYUYIJINGCONGSHIWANGYESHEJIFANGMIANDERENJIUBUSHUOLE,CHUXUEZHEYAORENZHENDUIDAIXIA,ZAIXIEDAIMASHIJINLIANGDEZUODAOGUIFANHUA,RUCIWOMENXIECHUDEhtmlDAIMACAINENGSHAOCHUCUO。RUGUONIHAIMEIYOUXUEXIhtmlDAIMA,NEIJIUCONGHTML5KAISHIXUEQIBA!

                            顶一下
                            (0)
                            0%
                            踩一下
                            (0)
                            0%
                            ------分隔线----------------------------
                            ------分隔线----------------------------
                            Web 教程
                            1、HTML 教程
                            1.1 HTML 简介
                            1.2 HTML 编辑器
                            1.3 HTML 基础
                            1.4 HTML 元素
                            1.5 HTML 属性
                            1.6 HTML 标题
                            1.7 HTML 段落
                            1.8 HTML 文本格式化
                            1.9 HTML 链接
                            1.10 HTML 头部
                            1.11 HTML CSS
                            1.12 HTML 图像
                            1.13 HTML 表格
                            1.14 HTML 列表
                            1.15 HTML 区块
                            1.16 HTML 布局
                            1.17 HTML 表单
                            1.18 HTML 框架
                            1.19 HTML 颜色
                            1.20 HTML 颜色名
                            1.21 HTML 颜色值
                            1.22 HTML 脚本
                            1.23 HTML 字符实体
                            1.24 HTML URL
                            1.25 HTML 速查列表
                            1.26 HTML 总结
                            1.27 HTML 简介
                            2、HTML5
                            2.1 HTML5 教程
                            2.2 HTML5 浏览器支持
                            2.3 HTML5 新元素
                            2.4 HTML5 Canvas
                            2.5 HTML5 内联 SVG
                            2.6 HTML5 MathML
                            2.7 HTML5 拖放
                            2.8 HTML5 地理定位
                            2.9 HTML5 Video(视频)
                            2.10 HTML5 Audio(音频)
                            2.11 HTML5 Input 类型
                            2.12 HTML5 表单元素
                            2.13 HTML5 表单属性
                            2.14 HTML5 语义元素
                            2.15 HTML5 Web 存储
                            2.16 HTML5 Web SQL
                            2.17 HTML5 应用程序缓存
                            2.18 HTML5 Web Workers
                            2.19 HTML5 SSE
                            2.20 HTML5 WebSocket
                            2.21 HTML5 代码规范
                            3、HTML 媒体
                            3.1 HTML 媒体(Media)
                            3.2 HTML 插件
                            3.3 HTML 音频(Audio)
                            3.4 HTML视频(Videos)播放

                            京梦棋牌 - 如何检查HTML5代码的规范性-IT培训网 乐酷棋牌---天下棋牌下载_欢迎您 疯狂牛牛安卓---天下棋牌下载_欢迎您 娱乐正规网址-Welcome 升机棋牌---天下棋牌下载_Welcome