forked from jdf2e/jdc_fe_guide
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path76282c65.cb715aa8.js
1 lines (1 loc) · 25.9 KB
/
76282c65.cb715aa8.js
1
(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{170:function(e,t,a){"use strict";a.r(t),a.d(t,"frontMatter",(function(){return b})),a.d(t,"metadata",(function(){return l})),a.d(t,"rightToc",(function(){return p})),a.d(t,"default",(function(){return o}));var n=a(2),c=a(9),r=(a(0),a(199)),b={title:"\u4ee3\u7801\u89c4\u8303"},l={id:"html/code",title:"\u4ee3\u7801\u89c4\u8303",description:"## DOCTYPE \u58f0\u660e",source:"@site/docs/html/code.md",permalink:"/jdc_fe_guide/docs/html/code",editUrl:"https://git.jd.com/JDC_FE/jdc_fe_guide/tree/master/docs/html/code.md",sidebar:"someSidebar",previous:{title:"ClassName\u547d\u540d",permalink:"/jdc_fe_guide/docs/name/classname"},next:{title:"\u6ce8\u91ca\u89c4\u8303",permalink:"/jdc_fe_guide/docs/html/note"}},p=[{value:"DOCTYPE \u58f0\u660e",id:"doctype-\u58f0\u660e",children:[{value:"\u56e2\u961f\u7ea6\u5b9a",id:"\u56e2\u961f\u7ea6\u5b9a",children:[]},{value:"\u66f4\u591a\u5173\u4e8e DOCTYPE\u58f0\u660e",id:"\u66f4\u591a\u5173\u4e8e-doctype\u58f0\u660e",children:[]}]},{value:"\u9875\u9762\u8bed\u8a00LANG",id:"\u9875\u9762\u8bed\u8a00lang",children:[{value:"\u56e2\u961f\u7ea6\u5b9a",id:"\u56e2\u961f\u7ea6\u5b9a-1",children:[]}]},{value:"CHARSET",id:"charset",children:[{value:"\u56e2\u961f\u7ea6\u5b9a",id:"\u56e2\u961f\u7ea6\u5b9a-2",children:[]}]},{value:"\u5143\u7d20\u53ca\u6807\u7b7e\u95ed\u5408",id:"\u5143\u7d20\u53ca\u6807\u7b7e\u95ed\u5408",children:[{value:"\u56e2\u961f\u7ea6\u5b9a",id:"\u56e2\u961f\u7ea6\u5b9a-3",children:[]}]},{value:"\u4e66\u5199\u98ce\u683c",id:"\u4e66\u5199\u98ce\u683c",children:[{value:"HTML\u4ee3\u7801\u5927\u5c0f\u5199",id:"html\u4ee3\u7801\u5927\u5c0f\u5199",children:[]},{value:"\u7c7b\u578b\u5c5e\u6027",id:"\u7c7b\u578b\u5c5e\u6027",children:[]},{value:"\u5143\u7d20\u5c5e\u6027",id:"\u5143\u7d20\u5c5e\u6027",children:[]},{value:"\u7279\u6b8a\u5b57\u7b26\u5f15\u7528",id:"\u7279\u6b8a\u5b57\u7b26\u5f15\u7528",children:[]},{value:"\u4ee3\u7801\u7f29\u8fdb",id:"\u4ee3\u7801\u7f29\u8fdb",children:[]},{value:"\u7eaf\u6570\u5b57\u8f93\u5165\u6846",id:"\u7eaf\u6570\u5b57\u8f93\u5165\u6846",children:[]},{value:"\u4ee3\u7801\u5d4c\u5957",id:"\u4ee3\u7801\u5d4c\u5957",children:[]}]}],i={rightToc:p};function o(e){var t=e.components,a=Object(c.a)(e,["components"]);return Object(r.b)("wrapper",Object(n.a)({},i,a,{components:t,mdxType:"MDXLayout"}),Object(r.b)("h2",{id:"doctype-\u58f0\u660e"},"DOCTYPE \u58f0\u660e"),Object(r.b)("p",null,"\u4e00\u4e2aDOCTYPE\u5fc5\u987b\u5305\u542b\u4ee5\u4e0b\u90e8\u5206\uff0c\u5e76\u4e25\u683c\u6309\u7167\u987a\u5e8f\u51fa\u73b0\uff1a"),Object(r.b)("blockquote",null,Object(r.b)("ol",{parentName:"blockquote"},Object(r.b)("li",{parentName:"ol"},'A string that is an ASCII case-insensitive match for the string "<!DOCTYPE".'),Object(r.b)("li",{parentName:"ol"},"One or more space characters."),Object(r.b)("li",{parentName:"ol"},'A string that is an ASCII case-insensitive match for the string "html".'),Object(r.b)("li",{parentName:"ol"},"Optionally, a DOCTYPE legacy string or an obsolete permitted DOCTYPE string (defined below)."),Object(r.b)("li",{parentName:"ol"},"Zero or more space characters."),Object(r.b)("li",{parentName:"ol"},'A ">" (U+003E) character.'))),Object(r.b)("ol",null,Object(r.b)("li",{parentName:"ol"},'\u4e00\u4e2aASCII\u5b57\u7b26\u4e32 "<!DOCTYPE" \uff0c\u5927\u5c0f\u5199\u4e0d\u654f\u611f'),Object(r.b)("li",{parentName:"ol"},"\u4e00\u4e2a\u6216\u591a\u4e2a\u7a7a\u767d\u5b57\u7b26"),Object(r.b)("li",{parentName:"ol"},'\u4e00\u4e2aASCII\u5b57\u7b26\u4e32"html"\uff0c\u5927\u5c0f\u5199\u4e0d\u654f\u611f'),Object(r.b)("li",{parentName:"ol"},"\u4e00\u4e2a\u53ef\u9009\u7684\u5386\u53f2\u9057\u7559\u7684DOCTYPE\u5b57\u7b26\u4e32 \uff08",Object(r.b)("a",Object(n.a)({parentName:"li"},{href:"http://www.w3.org/TR/2014/REC-html5-20141028/syntax.html#doctype-legacy-string"}),"DOCTYPE legacy string"),"\uff09\uff0c\u6216\u8005\u4e00\u4e2a\u53ef\u9009\u7684\u5df2\u8fc7\u65f6\u4f46\u88ab\u5141\u8bb8\u7684DOCTYPE\u5b57\u7b26\u4e32 \uff08",Object(r.b)("a",Object(n.a)({parentName:"li"},{href:"http://www.w3.org/TR/2014/REC-html5-20141028/syntax.html#obsolete-permitted-doctype-string"}),"obsolete permitted DOCTYPE string"),"\uff09 \u5b57\u7b26\u4e32"),Object(r.b)("li",{parentName:"ol"},"\u4e00\u4e2a\u6216\u591a\u4e2a\u7a7a\u767d\u5b57\u7b26"),Object(r.b)("li",{parentName:"ol"},"\u4e00\u4e2a\u7f16\u7801\u4e3a U+003E \u7684\u5b57\u7b26 \u201c",">","\u201d")),Object(r.b)("h3",{id:"\u56e2\u961f\u7ea6\u5b9a"},"\u56e2\u961f\u7ea6\u5b9a"),Object(r.b)("p",null,"HTML\u6587\u4ef6\u5fc5\u987b\u52a0\u4e0a DOCTYPE \u58f0\u660e\uff0c\u5e76\u7edf\u4e00\u4f7f\u7528 HTML5 \u7684\u6587\u6863\u58f0\u660e\uff1a"),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"})," <!DOCTYPE html>\n")),Object(r.b)("h3",{id:"\u66f4\u591a\u5173\u4e8e-doctype\u58f0\u660e"},"\u66f4\u591a\u5173\u4e8e DOCTYPE\u58f0\u660e"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://www.w3.org/TR/2014/REC-html5-20141028/syntax.html#the-doctype"}),"#The DOCTYPE")),Object(r.b)("h2",{id:"\u9875\u9762\u8bed\u8a00lang"},"\u9875\u9762\u8bed\u8a00LANG"),Object(r.b)("p",null,"Lang\u5c5e\u6027\u7684\u53d6\u503c\u5e94\u8be5\u9075\u5faa\u4e92\u8054\u7f51\u5de5\u7a0b\u4efb\u52a1\u7ec4--IETF\uff08The Internet Engineering Task Force\uff09\u5236\u5b9a\u7684\u5173\u4e8e\u8bed\u8a00\u6807\u7b7e\u7684\u6587\u6863 ",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://tools.ietf.org/html/bcp47"}),"BCP 47 - Tags for Identifying Languages")),Object(r.b)("h3",{id:"\u56e2\u961f\u7ea6\u5b9a-1"},"\u56e2\u961f\u7ea6\u5b9a"),Object(r.b)("p",null,"\u63a8\u8350\u4f7f\u7528\u5c5e\u6027\u503c ",Object(r.b)("inlineCode",{parentName:"p"},"cmn-Hans-CN"),"\uff08\u7b80\u4f53, \u4e2d\u56fd\u5927\u9646\uff09\uff0c\u4f46\u662f\u8003\u8651\u6d4f\u89c8\u5668\u548c\u64cd\u4f5c\u7cfb\u7edf\u7684\u517c\u5bb9\u6027\uff0c\u76ee\u524d\u4ecd\u7136\u4f7f\u7528 ",Object(r.b)("inlineCode",{parentName:"p"},"zh-CN")," \u5c5e\u6027\u503c"),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),' <html lang="zh-CN">\n')),Object(r.b)("p",null,"\u66f4\u591a\u5730\u533a\u8bed\u8a00\u53c2\u8003\uff1a"),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{}),"zh-SG \u4e2d\u6587 (\u7b80\u4f53, \u65b0\u52a0\u5761) \u5bf9\u5e94 cmn-Hans-SG \u666e\u901a\u8bdd (\u7b80\u4f53, \u65b0\u52a0\u5761)\nzh-HK \u4e2d\u6587 (\u7e41\u4f53, \u9999\u6e2f) \u5bf9\u5e94 cmn-Hant-HK \u666e\u901a\u8bdd (\u7e41\u4f53, \u9999\u6e2f)\nzh-MO \u4e2d\u6587 (\u7e41\u4f53, \u6fb3\u95e8) \u5bf9\u5e94 cmn-Hant-MO \u666e\u901a\u8bdd (\u7e41\u4f53, \u6fb3\u95e8)\nzh-TW \u4e2d\u6587 (\u7e41\u4f53, \u53f0\u6e7e) \u5bf9\u5e94 cmn-Hant-TW \u666e\u901a\u8bdd (\u7e41\u4f53, \u53f0\u6e7e)\n")),Object(r.b)("h4",{id:"\u5df2\u5e9f\u5f03\u4e0d\u63a8\u8350\u4f7f\u7528\u7684-languages-tags"},"\u5df2\u5e9f\u5f03\u4e0d\u63a8\u8350\u4f7f\u7528\u7684 Languages Tags"),Object(r.b)("p",null,"\u4ee5\u4e0b\u5199\u6cd5\u5df2\u4e8e 2009 \u5e74\u5e9f\u5f03\uff0c\u8bf7\u52ff\u4f7f\u7528\uff08cmn\u3001wuu\u3001yue\u3001gan \u7b49\u5df2\u7531 2005 \u5e74\u7684 extlang \u5347\u7ea7\u5230 2009 \u5e74\u7684 language\uff09\uff1a"),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{}),"zh-cmn, zh-cmn-Hans, zh-cmn-Hant, zh-wuu, zh-yue, zh-gan\n")),Object(r.b)("p",null,"\u4ee5\u4e0b\u5199\u6cd5\u5df2\u4e8e 2009 \u5e74\u5e9f\u5f03\uff0c\u4e0d\u63a8\u8350\u4f7f\u7528\uff1a"),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{}),"zh-Hans, zh-Hans-CN, zh-Hans-SG, zh-Hans-HK, zh-Hans-MO, zh-Hans-TW, \nzh-Hant, zh-Hant-CN, zh-Hant-SG, zh-Hant-HK, zh-Hant-MO, zh-Hant-TW\n")),Object(r.b)("p",null,"\u66f4\u591a\u5df2\u5e9f\u5f03 Languages Tags \u53c2\u8003 ",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://www.iana.org/assignments/language-subtag-registry/language-subtag-registry"}),"IANA Language Subtag Registry")," \u91cc\u9762\u7684 \u201cType: redundant\u201c\u201d"),Object(r.b)("h4",{id:"\u66f4\u591a\u5173\u4e8e-languages-tags-\uff1a"},"\u66f4\u591a\u5173\u4e8e Languages Tags \uff1a"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://www.w3.org/International/articles/language-tags/"}),"W3C Language tags in HTML and XML")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://www.zhihu.com/question/20797118?utm_source=weibo&utm_medium=weibo_share&utm_content=share_question&utm_campaign=share_sidebar"}),'\u7f51\u9875\u5934\u90e8\u7684\u58f0\u660e\u5e94\u8be5\u662f\u7528 lang="zh" \u8fd8\u662f lang="zh-cn"\uff1f')),Object(r.b)("h2",{id:"charset"},"CHARSET"),Object(r.b)("blockquote",null,Object(r.b)("p",{parentName:"blockquote"},"Because the character sets in ISO-8859 was limited in size, and not compatible in multilingual environments, the Unicode Consortium developed the Unicode Standard."),Object(r.b)("p",{parentName:"blockquote"},"The Unicode Standard covers (almost) all the characters, punctuations, and symbols in the world."),Object(r.b)("p",{parentName:"blockquote"},"Unicode enables processing, storage, and transport of text independent of platform and language."),Object(r.b)("p",{parentName:"blockquote"},"The default character encoding in HTML-5 is UTF-8.")),Object(r.b)("p",null,"\u56e0\u4e3a ISO-8859 \u4e2d\u5b57\u7b26\u96c6\u5927\u5c0f\u662f\u6709\u9650\u7684\uff0c\u4e14\u5728\u591a\u8bed\u8a00\u73af\u5883\u4e2d\u4e0d\u517c\u5bb9\uff0c\u6240\u4ee5 Unicode \u8054\u76df\u5f00\u53d1\u4e86 Unicode \u6807\u51c6\u3002"),Object(r.b)("p",null,"Unicode \u6807\u51c6\u8986\u76d6\u4e86\uff08\u51e0\u4e4e\uff09\u6240\u6709\u7684\u5b57\u7b26\u3001\u6807\u70b9\u7b26\u53f7\u548c\u7b26\u53f7\u3002"),Object(r.b)("p",null,"Unicode \u4f7f\u6587\u672c\u7684\u5904\u7406\u3001\u5b58\u50a8\u548c\u8fd0\u8f93\uff0c\u72ec\u7acb\u4e8e\u5e73\u53f0\u548c\u8bed\u8a00\u3002"),Object(r.b)("p",null,"HTML-5 \u4e2d\u9ed8\u8ba4\u7684\u5b57\u7b26\u7f16\u7801\u662f UTF-8"),Object(r.b)("p",null,"\u53c2\u9605 ",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://www.w3schools.com/charsets/ref_html_utf8.asp"}),"HTML Unicode (UTF-8) Reference")),Object(r.b)("h3",{id:"\u56e2\u961f\u7ea6\u5b9a-2"},"\u56e2\u961f\u7ea6\u5b9a"),Object(r.b)("p",null,"\u4e00\u822c\u60c5\u51b5\u4e0b\u7edf\u4e00\u4f7f\u7528 \u201cUTF-8\u201d \u7f16\u7801"),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),' <meta charset="UTF-8">\n')),Object(r.b)("p",null,"\u7531\u4e8e\u5386\u53f2\u539f\u56e0\uff0c\u6709\u4e9b\u4e1a\u52a1\u53ef\u80fd\u4f1a\u4f7f\u7528 \u201cGBK\u201d \u7f16\u7801"),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),' <meta charset="GBK">\n')),Object(r.b)("p",null,"\u8bf7\u5c3d\u91cf\u7edf\u4e00\u5199\u6210\u6807\u51c6\u7684 \u201cUTF-8\u201d\uff0c\u4e0d\u8981\u5199\u6210 \u201cutf-8\u201d \u6216 \u201cutf8\u201d \u6216 \u201cUTF8\u201d\u3002\u6839\u636e ",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://www.ietf.org/rfc/rfc3629"}),"IETF\u5bf9UTF-8\u7684\u5b9a\u4e49"),"\uff0c\u5176\u7f16\u7801\u6807\u51c6\u7684\u5199\u6cd5\u662f \u201cUTF-8\u201d\uff1b\u800c UTF8 \u6216 utf8 \u7684\u5199\u6cd5\u53ea\u662f\u51fa\u73b0\u5728\u67d0\u4e9b\u7f16\u7a0b\u7cfb\u7edf\u4e2d\uff0c\u5982 .NET framework \u7684\u7c7b System.Text.Encoding \u4e2d\u7684\u4e00\u4e2a\u5c5e\u6027\u540d\u5c31\u53eb UTF8\u3002"),Object(r.b)("h4",{id:"\u66f4\u591a\u5173\u4e8e"},"\u66f4\u591a\u5173\u4e8e"),Object(r.b)("p",null,"UTF-8\u5199\u6cd5: ",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://stackoverflow.com/questions/809620/utf8-or-utf-8"}),"UTF8 or UTF-8?")," "),Object(r.b)("p",null,"GBK\uff1a",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://www.ietf.org/assignments/charset-reg/GBK"}),"Application of IANA Charset Registration for GBK")),Object(r.b)("p",null,"Charset \uff1a",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://www.w3.org/TR/html5/document-metadata.html#character-encoding-declaration"}),"character-encoding-declaration")," "),Object(r.b)("h2",{id:"\u5143\u7d20\u53ca\u6807\u7b7e\u95ed\u5408"},"\u5143\u7d20\u53ca\u6807\u7b7e\u95ed\u5408"),Object(r.b)("p",null,"HTML\u5143\u7d20\u5171\u6709\u4ee5\u4e0b5\u79cd\uff1a"),Object(r.b)("ul",null,Object(r.b)("li",{parentName:"ul"},"\u7a7a\u5143\u7d20\uff1aarea\u3001base\u3001br\u3001col\u3001command\u3001embed\u3001hr\u3001img\u3001input\u3001keygen\u3001link\u3001meta\u3001param\u3001source\u3001track\u3001wbr"),Object(r.b)("li",{parentName:"ul"},"\u539f\u59cb\u6587\u672c\u5143\u7d20\uff1ascript\u3001style"),Object(r.b)("li",{parentName:"ul"},"RCDATA\u5143\u7d20\uff1atextarea\u3001title"),Object(r.b)("li",{parentName:"ul"},"\u5916\u6765\u5143\u7d20\uff1a\u6765\u81eaMathML\u547d\u540d\u7a7a\u95f4\u548cSVG\u547d\u540d\u7a7a\u95f4\u7684\u5143\u7d20\u3002"),Object(r.b)("li",{parentName:"ul"},"\u5e38\u89c4\u5143\u7d20\uff1a\u5176\u4ed6HTML\u5141\u8bb8\u7684\u5143\u7d20\u90fd\u79f0\u4e3a\u5e38\u89c4\u5143\u7d20\u3002")),Object(r.b)("p",null,"\u5143\u7d20\u6807\u7b7e\u7684\u95ed\u5408\u5e94\u9075\u5faa\u4ee5\u4e0b\u539f\u5219\uff1a"),Object(r.b)("blockquote",null,Object(r.b)("p",{parentName:"blockquote"},"Tags are used to delimit the start and end of elements in the markup. Raw text, escapable raw text, and normal elements have a start tag to indicate where they begin, and an end tag to indicate where they end. The start and end tags of certain normal elements can be omitted, as described below in the section on optional tags. Those that cannot be omitted must not be omitted. Void elements only have a start tag; end tags must not be specified for void elements. Foreign elements must either have a start tag and an end tag, or a start tag that is marked as self-closing, in which case they must not have an end tag.")),Object(r.b)("ul",null,Object(r.b)("li",{parentName:"ul"},"\u539f\u59cb\u6587\u672c\u5143\u7d20\u3001RCDATA\u5143\u7d20\u4ee5\u53ca\u5e38\u89c4\u5143\u7d20\u90fd\u6709\u4e00\u4e2a\u5f00\u59cb\u6807\u7b7e\u6765\u8868\u793a\u5f00\u59cb\uff0c\u4e00\u4e2a\u7ed3\u675f\u6807\u7b7e\u6765\u8868\u793a\u7ed3\u675f\u3002"),Object(r.b)("li",{parentName:"ul"},Object(r.b)("a",Object(n.a)({parentName:"li"},{href:"http://www.w3.org/TR/html5/syntax.html#optional-tags"}),"\u67d0\u4e9b\u5143\u7d20\u7684\u5f00\u59cb\u548c\u7ed3\u675f\u6807\u7b7e\u662f\u53ef\u4ee5\u7701\u7565\u7684"),"\uff0c\u5982\u679c\u89c4\u5b9a\u6807\u7b7e\u4e0d\u80fd\u88ab\u7701\u7565\uff0c\u90a3\u4e48\u5c31\u7edd\u5bf9\u4e0d\u80fd\u7701\u7565\u5b83\u3002"),Object(r.b)("li",{parentName:"ul"},"\u7a7a\u5143\u7d20\u53ea\u6709\u4e00\u4e2a\u5f00\u59cb\u6807\u7b7e\uff0c\u4e14\u4e0d\u80fd\u4e3a\u7a7a\u5143\u7d20\u8bbe\u7f6e\u7ed3\u675f\u6807\u7b7e\u3002"),Object(r.b)("li",{parentName:"ul"},"\u5916\u6765\u5143\u7d20\u53ef\u4ee5\u6709\u4e00\u4e2a\u5f00\u59cb\u6807\u7b7e\u548c\u914d\u5bf9\u7684\u7ed3\u675f\u6807\u7b7e\uff0c\u6216\u8005\u53ea\u6709\u4e00\u4e2a\u81ea\u95ed\u5408\u7684\u5f00\u59cb\u6807\u7b7e\uff0c\u4e14\u540e\u8005\u60c5\u51b5\u4e0b\u8be5\u5143\u7d20\u4e0d\u80fd\u6709\u7ed3\u675f\u6807\u7b7e\u3002")),Object(r.b)("h3",{id:"\u56e2\u961f\u7ea6\u5b9a-3"},"\u56e2\u961f\u7ea6\u5b9a"),Object(r.b)("p",null,"\u4e3a\u4e86\u80fd\u8ba9\u6d4f\u89c8\u5668\u66f4\u597d\u7684\u89e3\u6790\u4ee3\u7801\u4ee5\u53ca\u80fd\u8ba9\u4ee3\u7801\u5177\u6709\u66f4\u597d\u7684\u53ef\u8bfb\u6027\uff0c\u6709\u5982\u4e0b\u7ea6\u5b9a\uff1a"),Object(r.b)("ul",null,Object(r.b)("li",{parentName:"ul"},"\u6240\u6709\u5177\u6709\u5f00\u59cb\u6807\u7b7e\u548c\u7ed3\u675f\u6807\u7b7e\u7684\u5143\u7d20\u90fd\u8981\u5199\u4e0a\u8d77\u6b62\u6807\u7b7e\uff0c\u67d0\u4e9b\u5141\u8bb8\u7701\u7565\u5f00\u59cb\u6807\u7b7e\u6216\u548c\u675f\u6807\u7b7e\u7684\u5143\u7d20\u4ea6\u90fd\u8981\u5199\u4e0a\u3002"),Object(r.b)("li",{parentName:"ul"},"\u7a7a\u5143\u7d20\u6807\u7b7e\u90fd\u4e0d\u52a0 \u201c/\u201d \u5b57\u7b26")),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),"<div>\n <h1>\u6211\u662fh1\u6807\u9898</h1>\n <p>\u6211\u662f\u4e00\u6bb5\u6587\u5b57\uff0c\u6211\u6709\u59cb\u6709\u7ec8\uff0c\u6d4f\u89c8\u5668\u80fd\u6b63\u786e\u89e3\u6790</p>\n</div>\n \n<br>\n")),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u4e0d\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),"<div>\n <h1>\u6211\u662fh1\u6807\u9898</h1>\n <p>\u6211\u662f\u4e00\u6bb5\u6587\u5b57\uff0c\u6211\u6709\u59cb\u65e0\u7ec8\uff0c\u6d4f\u89c8\u5668\u4ea6\u80fd\u6b63\u786e\u89e3\u6790\n</div>\n\n<br/>\n")),Object(r.b)("p",null,"\u66f4\u591a\u5173\u4e8e\u5143\u7d20\u53ca\u6807\u7b7e\u5173\u95ed\uff1a",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://www.w3.org/TR/html5/syntax.html#elements-0"}),"#Elements")),Object(r.b)("h2",{id:"\u4e66\u5199\u98ce\u683c"},"\u4e66\u5199\u98ce\u683c"),Object(r.b)("h3",{id:"html\u4ee3\u7801\u5927\u5c0f\u5199"},"HTML\u4ee3\u7801\u5927\u5c0f\u5199"),Object(r.b)("p",null,"HTML\u6807\u7b7e\u540d\u3001\u7c7b\u540d\u3001\u6807\u7b7e\u5c5e\u6027\u548c\u5927\u90e8\u5206\u5c5e\u6027\u503c\u7edf\u4e00\u7528\u5c0f\u5199"),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),'<div class="demo"></div>\n')),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u4e0d\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),'<div class="DEMO"></div>\n \n<DIV CLASS="DEMO"></DIV>\n')),Object(r.b)("p",null,"HTML\u6587\u672c\u3001CDATA\u3001JavaScript\u3001meta\u6807\u7b7e\u67d0\u4e9b\u5c5e\u6027\u7b49\u5185\u5bb9\u53ef\u5927\u5c0f\u5199\u6df7\u5408"),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),'\x3c!-- \u4f18\u5148\u4f7f\u7528 IE \u6700\u65b0\u7248\u672c\u548c Chrome Frame --\x3e\n<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>\n\n\x3c!-- HTML\u6587\u672c\u5185\u5bb9 --\x3e\n<h1>I AM WHAT I AM </h1>\n\n\x3c!-- JavaScript \u5185\u5bb9 --\x3e\n<script type="text/javascript">\n var demoName = \'demoName\';\n ...\n<\/script>\n \n\x3c!-- CDATA \u5185\u5bb9 --\x3e\n<script type="text/javascript"><![CDATA[\n...\n]]><\/script>\n')),Object(r.b)("h3",{id:"\u7c7b\u578b\u5c5e\u6027"},"\u7c7b\u578b\u5c5e\u6027"),Object(r.b)("p",null,"\u4e0d\u9700\u8981\u4e3a CSS\u3001JS \u6307\u5b9a\u7c7b\u578b\u5c5e\u6027\uff0cHTML5 \u4e2d\u9ed8\u8ba4\u5df2\u5305\u542b"),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),'<link rel="stylesheet" href="" >\n<script src=""><\/script>\n')),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u4e0d\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),'<link rel="stylesheet" type="text/css" href="" >\n<script type="text/javascript" src="" ><\/script>\n')),Object(r.b)("h3",{id:"\u5143\u7d20\u5c5e\u6027"},"\u5143\u7d20\u5c5e\u6027"),Object(r.b)("ul",null,Object(r.b)("li",{parentName:"ul"},"\u5143\u7d20\u5c5e\u6027\u503c\u4f7f\u7528\u53cc\u5f15\u53f7\u8bed\u6cd5"),Object(r.b)("li",{parentName:"ul"},"\u5143\u7d20\u5c5e\u6027\u503c\u53ef\u4ee5\u5199\u4e0a\u7684\u90fd\u5199\u4e0a")),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),'<input type="text">\n \n<input type="radio" name="name" checked="checked" >\n')),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u4e0d\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),'<input type=text> \n<input type=\'text\'>\n \n<input type="radio" name="name" checked >\n')),Object(r.b)("p",null,"\u66f4\u591a\u5173\u4e8e\u5143\u7d20\u5c5e\u6027\uff1a",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://www.w3.org/TR/html5/syntax.html#attributes-0"}),"#Attributes")),Object(r.b)("h3",{id:"\u7279\u6b8a\u5b57\u7b26\u5f15\u7528"},"\u7279\u6b8a\u5b57\u7b26\u5f15\u7528"),Object(r.b)("blockquote",null,Object(r.b)("p",{parentName:"blockquote"},"In certain cases described in other sections, text may be mixed with character references. These can be used to escape characters that couldn't otherwise legally be included in text.")),Object(r.b)("p",null,"\u6587\u672c\u53ef\u4ee5\u548c\u5b57\u7b26\u5f15\u7528\u6df7\u5408\u51fa\u73b0\u3002\u8fd9\u79cd\u65b9\u6cd5\u53ef\u4ee5\u7528\u6765\u8f6c\u4e49\u5728\u6587\u672c\u4e2d\u4e0d\u80fd\u5408\u6cd5\u51fa\u73b0\u7684\u5b57\u7b26\u3002"),Object(r.b)("p",null,"\u5728 HTML \u4e2d\u4e0d\u80fd\u4f7f\u7528\u5c0f\u4e8e\u53f7 \u201c","<","\u201d \u548c\u5927\u4e8e\u53f7 \u201c",">","\u201d\u7279\u6b8a\u5b57\u7b26\uff0c\u6d4f\u89c8\u5668\u4f1a\u5c06\u5b83\u4eec\u4f5c\u4e3a\u6807\u7b7e\u89e3\u6790\uff0c\u82e5\u8981\u6b63\u786e\u663e\u793a\uff0c\u5728 HTML \u6e90\u4ee3\u7801\u4e2d\u4f7f\u7528\u5b57\u7b26\u5b9e\u4f53"),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),'<a href="#">more>></a>\n')),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u4e0d\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),'<a href="#">more>></a>\n')),Object(r.b)("p",null,"\u66f4\u591a\u5173\u4e8e\u7b26\u53f7\u5f15\u7528\uff1a",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://www.w3.org/TR/html5/syntax.html#character-references"}),"#Character references")),Object(r.b)("h3",{id:"\u4ee3\u7801\u7f29\u8fdb"},"\u4ee3\u7801\u7f29\u8fdb"),Object(r.b)("p",null,"\u7edf\u4e00\u4f7f\u7528\u56db\u4e2a\u7a7a\u683c\u8fdb\u884c\u4ee3\u7801\u7f29\u8fdb\uff0c\u4f7f\u5f97\u5404\u7f16\u8f91\u5668\u8868\u73b0\u4e00\u81f4\uff08\u5404\u7f16\u8f91\u5668\u6709\u76f8\u5173\u914d\u7f6e\uff09"),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),'<div class="jdc">\n <a href="#"></a>\n</div> \n')),Object(r.b)("h3",{id:"\u7eaf\u6570\u5b57\u8f93\u5165\u6846"},"\u7eaf\u6570\u5b57\u8f93\u5165\u6846"),Object(r.b)("p",null,"\u4f7f\u7528 ",Object(r.b)("inlineCode",{parentName:"p"},'type="tel"')," \u800c\u4e0d\u662f ",Object(r.b)("inlineCode",{parentName:"p"},'type="number"')),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),'<input type="tel"> \n')),Object(r.b)("h3",{id:"\u4ee3\u7801\u5d4c\u5957"},"\u4ee3\u7801\u5d4c\u5957"),Object(r.b)("p",null,"\u5143\u7d20\u5d4c\u5957\u89c4\u8303\uff0c\u6bcf\u4e2a\u5757\u72b6\u5143\u7d20\u72ec\u7acb\u4e00\u884c\uff0c\u5185\u8054\u5143\u7d20\u53ef\u9009"),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),"<div>\n <h1></h1>\n <p></p>\n</div> \n<p><span></span><span></span></p>\n")),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u4e0d\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),"<div>\n <h1></h1><p></p>\n</div> \n<p> \n <span></span>\n <span></span>\n</p>\n")),Object(r.b)("p",null,"\u6bb5\u843d\u5143\u7d20\u4e0e\u6807\u9898\u5143\u7d20\u53ea\u80fd\u5d4c\u5957\u5185\u8054\u5143\u7d20"),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),"<h1><span></span></h1>\n<p><span></span><span></span></p>\n")),Object(r.b)("p",null,Object(r.b)("em",{parentName:"p"},"\u4e0d\u63a8\u8350\uff1a")),Object(r.b)("pre",null,Object(r.b)("code",Object(n.a)({parentName:"pre"},{className:"language-html"}),"<h1><div></div></h1>\n<p><div></div><div></div></p>\n")))}o.isMDXComponent=!0},199:function(e,t,a){"use strict";a.d(t,"a",(function(){return m})),a.d(t,"b",(function(){return u}));var n=a(0),c=a.n(n);function r(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function b(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function l(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?b(Object(a),!0).forEach((function(t){r(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):b(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function p(e,t){if(null==e)return{};var a,n,c=function(e,t){if(null==e)return{};var a,n,c={},r=Object.keys(e);for(n=0;n<r.length;n++)a=r[n],t.indexOf(a)>=0||(c[a]=e[a]);return c}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)a=r[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(c[a]=e[a])}return c}var i=c.a.createContext({}),o=function(e){var t=c.a.useContext(i),a=t;return e&&(a="function"==typeof e?e(t):l({},t,{},e)),a},m=function(e){var t=o(e.components);return c.a.createElement(i.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return c.a.createElement(c.a.Fragment,{},t)}},O=Object(n.forwardRef)((function(e,t){var a=e.components,n=e.mdxType,r=e.originalType,b=e.parentName,i=p(e,["components","mdxType","originalType","parentName"]),m=o(a),O=n,u=m["".concat(b,".").concat(O)]||m[O]||s[O]||r;return a?c.a.createElement(u,l({ref:t},i,{components:a})):c.a.createElement(u,l({ref:t},i))}));function u(e,t){var a=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var r=a.length,b=new Array(r);b[0]=O;var l={};for(var p in t)hasOwnProperty.call(t,p)&&(l[p]=t[p]);l.originalType=e,l.mdxType="string"==typeof e?e:n,b[1]=l;for(var i=2;i<r;i++)b[i]=a[i];return c.a.createElement.apply(null,b)}return c.a.createElement.apply(null,a)}O.displayName="MDXCreateElement"}}]);