Urara-Blog/build/_app/immutable/pages/html-basis.md-23c9427c 2.js

import{S as wd,i as $d,s as Ad,C as xo,w as Io,x as zo,y as qo,z as Md,A as Td,f as Go,t as Uo,B as Wo,X as Fd,l,r as s,a as n,V as md,m as r,n as a,u as d,h as e,c,W as yd,p as _,q as bd,Z as Rd,b as p,G as t,E as Cd}from"../chunks/index-cd58b8d1.js";import{P as Od}from"../chunks/post_layout-9085e57e.js";import{T as Hd}from"../chunks/table-b36e3f88.js";import"../chunks/posts-c52cb603.js";import"../chunks/title-765c989f.js";import"../chunks/index-81c83cec.js";import"../chunks/post_card-e7f4525a.js";import"../chunks/posts-57ab4794.js";import"../chunks/icon-3aa13b39.js";import"../chunks/head-4a058b17.js";import"../chunks/footer-1abd9501.js";function gd(Te){let v,T,m,et,E,y,f,D,O,x,oe,g,At,Nt,w,L,Mt,Xt,S,Ot,gt,lt,I,pt,k,N,St,kt,rt,z,X,se,at,Pt,de,P,q,ot,ne,_t,$,vt,G,Et,xt,Ue,A,U,Dt,st,H,Y,dt,It,ce,nt,ct,ut,C,Yt,ft;return{c(){v=l("thead"),T=l("tr"),m=l("th"),et=s("attributes"),E=n(),y=l("th"),f=n(),D=l("tbody"),O=l("tr"),x=l("td"),oe=s("src"),g=n(),At=l("td"),Nt=s("sources"),w=n(),L=l("tr"),Mt=l("td"),Xt=s("alt*"),S=n(),Ot=l("td"),gt=s("alternative text (describe what the image are ) good for SEO/blind people"),lt=n(),I=l("tr"),pt=l("td"),k=s("width"),N=n(),St=l("td"),kt=s("\u5BBD\u5EA6"),rt=n(),z=l("tr"),X=l("td"),se=s("height"),at=n(),Pt=l("td"),de=s("\u9AD8\u5EA6"),P=n(),q=l("tr"),ot=l("td"),ne=s("href"),_t=n(),$=l("td"),vt=s("\u8D85\u94FE\u63A5 "),G=l("code"),Et=s("#"),xt=s("\u8868\u793A\u56DE\u5230\u9875\u9996"),Ue=n(),A=l("tr"),U=l("td"),Dt=s("target"),st=n(),H=l("td"),Y=s("\u5728\u54EA\u4E2A\u7A97\u53E3\u6253\u5F00_blank \u65B0\u7A97\u53E3 "),dt=l("code"),It=s("_self"),ce=s(" \u65E7\u7A97\u53E3 "),nt=l("code"),ct=s("_top"),ut=s("\u9876\u90E8 "),C=l("code"),Yt=s("_parent"),ft=s(" \u7236\u7EA7\u7A97\u53E3\uFF0C\u5982\u679C\u6709\u7A97\u53E3\u5C42\u7EA7\u7684\u8BDD")},l(b){v=r(b,"THEAD",{});var Tt=a(v);T=r(Tt,"TR",{});var zt=a(T);m=r(zt,"TH",{});var M=a(m);et=d(M,"attributes"),M.forEach(e),E=c(zt),y=r(zt,"TH",{}),a(y).forEach(e),zt.forEach(e),Tt.forEach(e),f=c(b),D=r(b,"TBODY",{});var R=a(D);O=r(R,"TR",{});var it=a(O);x=r(it,"TD",{});var j=a(x);oe=d(j,"src"),j.forEach(e),g=c(it),At=r(it,"TD",{});var W=a(At);Nt=d(W,"sources"),W.forEach(e),it.forEach(e),w=c(R),L=r(R,"TR",{});var Ft=a(L);Mt=r(Ft,"TD",{});var Fe=a(Mt);Xt=d(Fe,"alt*"),Fe.forEach(e),S=c(Ft),Ot=r(Ft,"TD",{});var jt=a(Ot);gt=d(jt,"alternative text (describe what the image are ) good for SEO/blind people"),jt.forEach(e),Ft.forEach(e),lt=c(R),I=r(R,"TR",{});var mt=a(I);pt=r(mt,"TD",{});var me=a(pt);k=d(me,"width"),me.forEach(e),N=c(mt),St=r(mt,"TD",{});var yt=a(St);kt=d(yt,"\u5BBD\u5EA6"),yt.forEach(e),mt.forEach(e),rt=c(R),z=r(R,"TR",{});var bt=a(z);X=r(bt,"TD",{});var Rt=a(X);se=d(Rt,"height"),Rt.forEach(e),at=c(bt),Pt=r(bt,"TD",{});var Vt=a(Pt);de=d(Vt,"\u9AD8\u5EA6"),Vt.forEach(e),bt.forEach(e),P=c(R),q=r(R,"TR",{});var Ht=a(q);ot=r(Ht,"TD",{});var ye=a(ot);ne=d(ye,"href"),ye.forEach(e),_t=c(Ht),$=r(Ht,"TD",{});var V=a($);vt=d(V,"\u8D85\u94FE\u63A5 "),G=r(V,"CODE",{});var J=a(G);Et=d(J,"#"),J.forEach(e),xt=d(V,"\u8868\u793A\u56DE\u5230\u9875\u9996"),V.forEach(e),Ht.forEach(e),Ue=c(R),A=r(R,"TR",{});var ht=a(A);U=r(ht,"TD",{});var be=a(U);Dt=d(be,"target"),be.forEach(e),st=c(ht),H=r(ht,"TD",{});var Z=a(H);Y=d(Z,"\u5728\u54EA\u4E2A\u7A97\u53E3\u6253\u5F00_blank \u65B0\u7A97\u53E3 "),dt=r(Z,"CODE",{});var B=a(dt);It=d(B,"_self"),B.forEach(e),ce=d(Z," \u65E7\u7A97\u53E3 "),nt=r(Z,"CODE",{});var Jt=a(nt);ct=d(Jt,"_top"),Jt.forEach(e),ut=d(Z,"\u9876\u90E8 "),C=r(Z,"CODE",{});var fe=a(C);Yt=d(fe,"_parent"),fe.forEach(e),ft=d(Z," \u7236\u7EA7\u7A97\u53E3\uFF0C\u5982\u679C\u6709\u7A97\u53E3\u5C42\u7EA7\u7684\u8BDD"),Z.forEach(e),ht.forEach(e),R.forEach(e)},m(b,Tt){p(b,v,Tt),t(v,T),t(T,m),t(m,et),t(T,E),t(T,y),p(b,f,Tt),p(b,D,Tt),t(D,O),t(O,x),t(x,oe),t(O,g),t(O,At),t(At,Nt),t(D,w),t(D,L),t(L,Mt),t(Mt,Xt),t(L,S),t(L,Ot),t(Ot,gt),t(D,lt),t(D,I),t(I,pt),t(pt,k),t(I,N),t(I,St),t(St,kt),t(D,rt),t(D,z),t(z,X),t(X,se),t(z,at),t(z,Pt),t(Pt,de),t(D,P),t(D,q),t(q,ot),t(ot,ne),t(q,_t),t(q,$),t($,vt),t($,G),t(G,Et),t($,xt),t(D,Ue),t(D,A),t(A,U),t(U,Dt),t(A,st),t(A,H),t(H,Y),t(H,dt),t(dt,It),t(H,ce),t(H,nt),t(nt,ct),t(H,ut),t(H,C),t(C,Yt),t(H,ft)},p:Cd,d(b){b&&e(v),b&&e(f),b&&e(D)}}}function Sd(Te){let v,T,m,et,E,y,f,D,O,x,oe,g,At,Nt,w,L,Mt,Xt,S,Ot,gt,lt,I,pt,k,N,St,kt,rt,z,X,se,at,Pt,de,P,q,ot,ne,_t,$,vt,G,Et,xt,Ue,A,U,Dt,st,H,Y,dt,It,ce,nt,ct,ut,C,Yt,ft,b,Tt,zt,M,R,it,j,W,Ft,Fe,jt,mt,me,yt,bt,Rt,Vt,Ht,ye,V,J,ht,be,Z,B,Jt,fe,Re,K,We,rl,ie,Kt,$l,al,Q,Lt,Al,Ze,He,Be,Ne,Ml,Ol,qt,Xe,ol,he,Qt,gl,sl,Ct,pe,Sl,dl,Gt,Le,kl,te,_e,kr,Ye,Ut,Ce,Pl,ee,Wt,we,xl,$e,F,Il,wt,je,zl,Ae,Ve,ql,Me,ve,Je,ar,nl,Zt,Oe,Gl,le,u,Ul,ge,Ke,Wl,Se,Ee,Qe,ke,Zl,tl,or,cl,o,h,el,ll,fl,Bl,sr,Pe,il,hl,dr,re,Nl,nr,De,pl,Xl,cr,_l,fr,ir,xe,Ie,hr,pr,vl,_r,vr,$t,El,Er,Dl,ul,Dr,ur,ze,Tl,Tr,Fr,Fl,mr,ml,Bt,yl,yr,br,bl,Rr,Hr,qe,Rl,Lr,Cr,Hl,wr,$r,tt,Ll,Ar,Mr,Cl,Or,ae,Ge,wl,gr,Na,Pr,Xa,Ya,Yl,xr,ja,Va,Ir,Ja,Ka,jl,zr,Qa,to,qr,eo,lo,Vl,Gr,ro,ao,Ur,oo,so,Jl,Wr,no,co,Zr,fo,io,Kl,Br,ho,po,Nr,_o,vo,Ql,Xr,Eo,Do,Yr,uo,To,tr,jr,Fo,mo,Vr,yo,bo,er,Jr,Ro,Ho,Kr,Lo,Co,lr,Qr,wo,$o,ta,Ao,Mo,rr,ea,Oo,go,la,So;return{c(){v=l("thead"),T=l("tr"),m=l("th"),et=n(),E=l("th"),y=n(),f=l("tbody"),D=l("tr"),O=l("td"),x=s("head"),oe=n(),g=l("td"),At=s("\u5728\u9875\u9762\u4E2D\u4E0D\u53EF\u89C1\u7684\u5143\u7D20\uFF0C\u5982\u9875\u9762\u6807\u9898\u3001link to css files\u2026\u2026"),Nt=n(),w=l("tr"),L=l("td"),Mt=s("main"),Xt=n(),S=l("td"),Ot=s("\u6587\u7AE0\u7684\u4E3B\u8981\u5185\u5BB9\uFF08HTML5 \u4E2D\u65B0\u589E\uFF09"),gt=n(),lt=l("tr"),I=l("td"),pt=s("body"),k=n(),N=l("td"),St=s("\u9875\u9762\u7684\u4E3B\u8981\u5185\u5BB9"),kt=n(),rt=l("tr"),z=l("td"),X=s("section"),se=n(),at=l("td"),Pt=s("\u533A\u5757(semeantic HTMl"),de=n(),P=l("tr"),q=l("td"),ot=s("h1"),ne=n(),_t=l("td"),$=s("\u6807\u9898\uFF0C\u4E00\u4E2A\u9875\u9762\u53EA\u80FD\u6709\u4E00\u4E2A h1"),vt=n(),G=l("tr"),Et=l("td"),xt=s("p"),Ue=n(),A=l("td"),U=s("\u6BB5\u843D"),Dt=n(),st=l("tr"),H=l("td"),Y=s("span"),dt=n(),It=l("td"),ce=s("\u884C\u5185\u6587\u672C"),nt=n(),ct=l("tr"),ut=l("td"),C=l("code"),Yt=s("<!\u2014 \u2014>"),ft=n(),b=l("td"),Tt=s("\u6CE8\u91CA"),zt=n(),M=l("tr"),R=l("td"),it=s("b"),j=n(),W=l("td"),Ft=l("strong"),Fe=s("\u52A0\u7C97"),jt=s("\uFF0C\u548C"),mt=l("code"),me=s("<strong>"),yt=s("\u4E0D\u540C\uFF0C\u5B83\u6CA1\u6709\u8BED\u610F\uFF0C\u662F\u8FC7\u65F6\u7684\u8868\u8FF0"),bt=n(),Rt=l("tr"),Vt=l("td"),Ht=s("strong"),ye=n(),V=l("td"),J=l("strong"),ht=s("\u52A0\u7C97"),be=s("\uFF0C\u8868\u793A\u662F\u9875\u9762\u4E2D\u91CD\u8981\u7684\u5143\u7D20"),Z=n(),B=l("tr"),Jt=l("td"),fe=s("i"),Re=n(),K=l("td"),We=l("em"),rl=s("\u659C\u4F53"),ie=s("\uFF0C\u8FC7\u65F6\u7684\u8868\u8FF0\uFF0C\u5E94\u7528"),Kt=l("code"),$l=s("<em>"),al=n(),Q=l("tr"),Lt=l("td"),Al=s("em"),Ze=n(),He=l("td"),Be=l("em"),Ne=s("\u659C\u4F53"),Ml=s("\uFF0Cemphasize"),Ol=n(),qt=l("tr"),Xe=l("td"),ol=s("ol"),he=n(),Qt=l("td"),gl=s("1. order list \u6570\u5B57\u6392\u5E8F"),sl=n(),Ct=l("tr"),pe=l("td"),Sl=s("ul"),dl=n(),Gt=l("td"),Le=s(". unorder list"),kl=n(),te=l("tr"),_e=l("td"),kr=s("li"),Ye=n(),Ut=l("td"),Ce=s("list item \u5217 ,\u7528\u5728 ol/ul \u91CC\u9762"),Pl=n(),ee=l("tr"),Wt=l("td"),we=s("img"),xl=n(),$e=l("td"),F=s("\u56FE\u7247 \u7279\u6B8A\u7C7B\u578B\uFF0C\u4E0D\u9700\u8981\u5305\u542B\u5185\u5BB9\uFF0C\u9700\u8981 attributes( src/alt/width/height)"),Il=n(),wt=l("tr"),je=l("td"),zl=s("meta"),Ae=n(),Ve=l("td"),ql=s("data about data meta charset=\u201DUTF-8\u201D"),Me=n(),ve=l("tr"),Je=l("td"),ar=s("a"),nl=n(),Zt=l("td"),Oe=s("anchor \u8D85\u94FE\u63A5\uFF08attribute:href)"),Gl=n(),le=l("tr"),u=l("td"),Ul=s("header"),ge=n(),Ke=l("td"),Wl=s("\u9875\u5934(container"),Se=n(),Ee=l("tr"),Qe=l("td"),ke=s("nav"),Zl=n(),tl=l("td"),or=s("\u5BFC\u822A ( container"),cl=n(),o=l("tr"),h=l("td"),el=s("menu"),ll=n(),fl=l("td"),Bl=s("\u83DC\u5355\uFF0Cweb application \u5E38\u7528"),sr=n(),Pe=l("tr"),il=l("td"),hl=s("article"),dr=n(),re=l("td"),Nl=s("\u5185\u5BB9(container"),nr=n(),De=l("tr"),pl=l("td"),Xl=s("footer"),cr=n(),_l=l("td"),fr=s("\u9875\u811A(container"),ir=n(),xe=l("tr"),Ie=l("td"),hr=s("div"),pr=n(),vl=l("td"),_r=s("\u65E0\u610F\u4E49\u5185\u5BB9\u533A\u5757"),vr=n(),$t=l("tr"),El=l("td"),Er=s("br/"),Dl=n(),ul=l("td"),Dr=s("\u65AD\u884C"),ur=n(),ze=l("tr"),Tl=l("td"),Tr=s("aside"),Fr=n(),Fl=l("td"),mr=s("\u6B21\u7EA7\u4FE1\u606F/\u989D\u5916\u4FE1\u606F"),ml=n(),Bt=l("tr"),yl=l("td"),yr=s("figure"),br=n(),bl=l("td"),Rr=s("\u5E38\u7528\u4E8E feature cards/coding list\u2026\u2026"),Hr=n(),qe=l("tr"),Rl=l("td"),Lr=s("figcaption"),Cr=n(),Hl=l("td"),wr=s("\u56FE\u7247\u811A\u6CE8(\u53EA\u80FD\u5728 figure \u91CC\u9762\u7528)"),$r=n(),tt=l("tr"),Ll=l("td"),Ar=s("form"),Mr=n(),Cl=l("td"),Or=s("\u8868\u5355"),ae=n(),Ge=l("tr"),wl=l("td"),gr=s("input"),Na=n(),Pr=l("td"),Xa=s("\u8F93\u5165\u6846"),Ya=n(),Yl=l("tr"),xr=l("td"),ja=s("label"),Va=n(),Ir=l("td"),Ja=s("\u8868\u5355\u8F93\u5165\u6807\u9898\uFF08\u4E5F\u8BB8"),Ka=n(),jl=l("tr"),zr=l("td"),Qa=s("table"),to=n(),qr=l("td"),eo=s("\u8868\u683C"),lo=n(),Vl=l("tr"),Gr=l("td"),ro=s("thead"),ao=n(),Ur=l("td"),oo=s("\u8868\u5934"),so=n(),Jl=l("tr"),Wr=l("td"),no=s("tbody"),co=n(),Zr=l("td"),fo=s("\u8868\u4F53"),io=n(),Kl=l("tr"),Br=l("td"),ho=s("th"),po=n(),Nr=l("td"),_o=s("\u8868\u5934\u5355\u5143\u683C"),vo=n(),Ql=l("tr"),Xr=l("td"),Eo=s("tr"),Do=n(),Yr=l("td"),uo=s("table row"),To=n(),tr=l("tr"),jr=l("td"),Fo=s("td"),mo=n(),Vr=l("td"),yo=s("table data"),bo=n(),er=l("tr"),Jr=l("td"),Ro=s("address"),Ho=n(),Kr=l("td"),Lo=s("\u5730\u5740"),Co=n(),lr=l("tr"),Qr=l("td"),wo=s("s"),$o=n(),ta=l("td"),Ao=s("\u5220\u9664"),Mo=n(),rr=l("tr"),ea=l("td"),Oo=s("blockquote"),go=n(),la=l("td"),So=s("\u5F15\u8A00")},l(ue){v=r(ue,"THEAD",{});var Sr=a(v);T=r(Sr,"TR",{});var aa=a(T);m=r(aa,"TH",{}),a(m).forEach(e),et=c(aa),E=r(aa,"TH",{}),a(E).forEach(e),aa.forEach(e),Sr.forEach(e),y=c(ue),f=r(ue,"TBODY",{});var i=a(f);D=r(i,"TR",{});var oa=a(D);O=r(oa,"TD",{});var Zo=a(O);x=d(Zo,"head"),Zo.forEach(e),oe=c(oa),g=r(oa,"TD",{});var Bo=a(g);At=d(Bo,"\u5728\u9875\u9762\u4E2D\u4E0D\u53EF\u89C1\u7684\u5143\u7D20\uFF0C\u5982\u9875\u9762\u6807\u9898\u3001link to css files\u2026\u2026"),Bo.forEach(e),oa.forEach(e),Nt=c(i),w=r(i,"TR",{});var sa=a(w);L=r(sa,"TD",{});var No=a(L);Mt=d(No,"main"),No.forEach(e),Xt=c(sa),S=r(sa,"TD",{});var Xo=a(S);Ot=d(Xo,"\u6587\u7AE0\u7684\u4E3B\u8981\u5185\u5BB9\uFF08HTML5 \u4E2D\u65B0\u589E\uFF09"),Xo.forEach(e),sa.forEach(e),gt=c(i),lt=r(i,"TR",{});var da=a(lt);I=r(da,"TD",{});var Yo=a(I);pt=d(Yo,"body"),Yo.forEach(e),k=c(da),N=r(da,"TD",{});var jo=a(N);St=d(jo,"\u9875\u9762\u7684\u4E3B\u8981\u5185\u5BB9"),jo.forEach(e),da.forEach(e),kt=c(i),rt=r(i,"TR",{});var na=a(rt);z=r(na,"TD",{});var Vo=a(z);X=d(Vo,"section"),Vo.forEach(e),se=c(na),at=r(na,"TD",{});var Jo=a(at);Pt=d(Jo,"\u533A\u5757(semeantic HTMl"),Jo.forEach(e),na.forEach(e),de=c(i),P=r(i,"TR",{});var ca=a(P);q=r(ca,"TD",{});var Ko=a(q);ot=d(Ko,"h1"),Ko.forEach(e),ne=c(ca),_t=r(ca,"TD",{});var Qo=a(_t);$=d(Qo,"\u6807\u9898\uFF0C\u4E00\u4E2A\u9875\u9762\u53EA\u80FD\u6709\u4E00\u4E2A h1"),Qo.forEach(e),ca.forEach(e),vt=c(i),G=r(i,"TR",{});var fa=a(G);Et=r(fa,"TD",{});var ts=a(Et);xt=d(ts,"p"),ts.forEach(e),Ue=c(fa),A=r(fa,"TD",{});var es=a(A);U=d(es,"\u6BB5\u843D"),es.forEach(e),fa.forEach(e),Dt=c(i),st=r(i,"TR",{});var ia=a(st);H=r(ia,"TD",{});var ls=a(H);Y=d(ls,"span"),ls.forEach(e),dt=c(ia),It=r(ia,"TD",{});var rs=a(It);ce=d(rs,"\u884C\u5185\u6587\u672C"),rs.forEach(e),ia.forEach(e),nt=c(i),ct=r(i,"TR",{});var ha=a(ct);ut=r(ha,"TD",{});var as=a(ut);C=r(as,"CODE",{});var os=a(C);Yt=d(os,"<!\u2014 \u2014>"),os.forEach(e),as.forEach(e),ft=c(ha),b=r(ha,"TD",{});var ss=a(b);Tt=d(ss,"\u6CE8\u91CA"),ss.forEach(e),ha.forEach(e),zt=c(i),M=r(i,"TR",{});var pa=a(M);R=r(pa,"TD",{});var ds=a(R);it=d(ds,"b"),ds.forEach(e),j=c(pa),W=r(pa,"TD",{});var ra=a(W);Ft=r(ra,"STRONG",{});var ns=a(Ft);Fe=d(ns,"\u52A0\u7C97"),ns.forEach(e),jt=d(ra,"\uFF0C\u548C"),mt=r(ra,"CODE",{});var cs=a(mt);me=d(cs,"<strong>"),cs.forEach(e),yt=d(ra,"\u4E0D\u540C\uFF0C\u5B83\u6CA1\u6709\u8BED\u610F\uFF0C\u662F\u8FC7\u65F6\u7684\u8868\u8FF0"),ra.forEach(e),pa.forEach(e),bt=c(i),Rt=r(i,"TR",{});var _a=a(Rt);Vt=r(_a,"TD",{});var fs=a(Vt);Ht=d(fs,"strong"),fs.forEach(e),ye=c(_a),V=r(_a,"TD",{});var ko=a(V);J=r(ko,"STRONG",{});var is=a(J);ht=d(is,"\u52A0\u7C97"),is.forEach(e),be=d(ko,"\uFF0C\u8868\u793A\u662F\u9875\u9762\u4E2D\u91CD\u8981\u7684\u5143\u7D20"),ko.forEach(e),_a.forEach(e),Z=c(i),B=r(i,"TR",{});var va=a(B);Jt=r(va,"TD",{});var hs=a(Jt);fe=d(hs,"i"),hs.forEach(e),Re=c(va),K=r(va,"TD",{});var Ea=a(K);We=r(Ea,"EM",{});var ps=a(We);rl=d(ps,"\u659C\u4F53"),ps.forEach(e),ie=d(Ea,"\uFF0C\u8FC7\u65F6\u7684\u8868\u8FF0\uFF0C\u5E94\u7528"),Kt=r(Ea,"CODE",{});var _s=a(Kt);$l=d(_s,"<em>"),_s.forEach(e),Ea.forEach(e),va.forEach(e),al=c(i),Q=r(i,"TR",{});var Da=a(Q);Lt=r(Da,"TD",{});var vs=a(Lt);Al=d(vs,"em"),vs.forEach(e),Ze=c(Da),He=r(Da,"TD",{});var Po=a(He);Be=r(Po,"EM",{});var Es=a(Be);Ne=d(Es,"\u659C\u4F53"),Es.forEach(e),Ml=d(Po,"\uFF0Cemphasize"),Po.forEach(e),Da.forEach(e),Ol=c(i),qt=r(i,"TR",{});var ua=a(qt);Xe=r(ua,"TD",{});var Ds=a(Xe);ol=d(Ds,"ol"),Ds.forEach(e),he=c(ua),Qt=r(ua,"TD",{});var us=a(Qt);gl=d(us,"1. order list \u6570\u5B57\u6392\u5E8F"),us.forEach(e),ua.forEach(e),sl=c(i),Ct=r(i,"TR",{});var Ta=a(Ct);pe=r(Ta,"TD",{});var Ts=a(pe);Sl=d(Ts,"ul"),Ts.forEach(e),dl=c(Ta),Gt=r(Ta,"TD",{});var Fs=a(Gt);Le=d(Fs,". unorder list"),Fs.forEach(e),Ta.forEach(e),kl=c(i),te=r(i,"TR",{});var Fa=a(te);_e=r(Fa,"TD",{});var ms=a(_e);kr=d(ms,"li"),ms.forEach(e),Ye=c(Fa),Ut=r(Fa,"TD",{});var ys=a(Ut);Ce=d(ys,"list item \u5217 ,\u7528\u5728 ol/ul \u91CC\u9762"),ys.forEach(e),Fa.forEach(e),Pl=c(i),ee=r(i,"TR",{});var ma=a(ee);Wt=r(ma,"TD",{});var bs=a(Wt);we=d(bs,"img"),bs.forEach(e),xl=c(ma),$e=r(ma,"TD",{});var Rs=a($e);F=d(Rs,"\u56FE\u7247 \u7279\u6B8A\u7C7B\u578B\uFF0C\u4E0D\u9700\u8981\u5305\u542B\u5185\u5BB9\uFF0C\u9700\u8981 attributes( src/alt/width/height)"),Rs.forEach(e),ma.forEach(e),Il=c(i),wt=r(i,"TR",{});var ya=a(wt);je=r(ya,"TD",{});var Hs=a(je);zl=d(Hs,"meta"),Hs.forEach(e),Ae=c(ya),Ve=r(ya,"TD",{});var Ls=a(Ve);ql=d(Ls,"data about data meta charset=\u201DUTF-8\u201D"),Ls.forEach(e),ya.forEach(e),Me=c(i),ve=r(i,"TR",{});var ba=a(ve);Je=r(ba,"TD",{});var Cs=a(Je);ar=d(Cs,"a"),Cs.forEach(e),nl=c(ba),Zt=r(ba,"TD",{});var ws=a(Zt);Oe=d(ws,"anchor \u8D85\u94FE\u63A5\uFF08attribute:href)"),ws.forEach(e),ba.forEach(e),Gl=c(i),le=r(i,"TR",{});var Ra=a(le);u=r(Ra,"TD",{});var $s=a(u);Ul=d($s,"header"),$s.forEach(e),ge=c(Ra),Ke=r(Ra,"TD",{});var As=a(Ke);Wl=d(As,"\u9875\u5934(container"),As.forEach(e),Ra.forEach(e),Se=c(i),Ee=r(i,"TR",{});var Ha=a(Ee);Qe=r(Ha,"TD",{});var Ms=a(Qe);ke=d(Ms,"nav"),Ms.forEach(e),Zl=c(Ha),tl=r(Ha,"TD",{});var Os=a(tl);or=d(Os,"\u5BFC\u822A ( container"),Os.forEach(e),Ha.forEach(e),cl=c(i),o=r(i,"TR",{});var La=a(o);h=r(La,"TD",{});var gs=a(h);el=d(gs,"menu"),gs.forEach(e),ll=c(La),fl=r(La,"TD",{});var Ss=a(fl);Bl=d(Ss,"\u83DC\u5355\uFF0Cweb application \u5E38\u7528"),Ss.forEach(e),La.forEach(e),sr=c(i),Pe=r(i,"TR",{});var Ca=a(Pe);il=r(Ca,"TD",{});var ks=a(il);hl=d(ks,"article"),ks.forEach(e),dr=c(Ca),re=r(Ca,"TD",{});var Ps=a(re);Nl=d(Ps,"\u5185\u5BB9(container"),Ps.forEach(e),Ca.forEach(e),nr=c(i),De=r(i,"TR",{});var wa=a(De);pl=r(wa,"TD",{});var xs=a(pl);Xl=d(xs,"footer"),xs.forEach(e),cr=c(wa),_l=r(wa,"TD",{});var Is=a(_l);fr=d(Is,"\u9875\u811A(container"),Is.forEach(e),wa.forEach(e),ir=c(i),xe=r(i,"TR",{});var $a=a(xe);Ie=r($a,"TD",{});var zs=a(Ie);hr=d(zs,"div"),zs.forEach(e),pr=c($a),vl=r($a,"TD",{});var qs=a(vl);_r=d(qs,"\u65E0\u610F\u4E49\u5185\u5BB9\u533A\u5757"),qs.forEach(e),$a.forEach(e),vr=c(i),$t=r(i,"TR",{});var Aa=a($t);El=r(Aa,"TD",{});var Gs=a(El);Er=d(Gs,"br/"),Gs.forEach(e),Dl=c(Aa),ul=r(Aa,"TD",{});var Us=a(ul);Dr=d(Us,"\u65AD\u884C"),Us.forEach(e),Aa.forEach(e),ur=c(i),ze=r(i,"TR",{});var Ma=a(ze);Tl=r(Ma,"TD",{});var Ws=a(Tl);Tr=d(Ws,"aside"),Ws.forEach(e),Fr=c(Ma),Fl=r(Ma,"TD",{});var Zs=a(Fl);mr=d(Zs,"\u6B21\u7EA7\u4FE1\u606F/\u989D\u5916\u4FE1\u606F"),Zs.forEach(e),Ma.forEach(e),ml=c(i),Bt=r(i,"TR",{});var Oa=a(Bt);yl=r(Oa,"TD",{});var Bs=a(yl);yr=d(Bs,"figure"),Bs.forEach(e),br=c(Oa),bl=r(Oa,"TD",{});var Ns=a(bl);Rr=d(Ns,"\u5E38\u7528\u4E8E feature cards/coding list\u2026\u2026"),Ns.forEach(e),Oa.forEach(e),Hr=c(i),qe=r(i,"TR",{});var ga=a(qe);Rl=r(ga,"TD",{});var Xs=a(Rl);Lr=d(Xs,"figcaption"),Xs.forEach(e),Cr=c(ga),Hl=r(ga,"TD",{});var Ys=a(Hl);wr=d(Ys,"\u56FE\u7247\u811A\u6CE8(\u53EA\u80FD\u5728 figure \u91CC\u9762\u7528)"),Ys.forEach(e),ga.forEach(e),$r=c(i),tt=r(i,"TR",{});var Sa=a(tt);Ll=r(Sa,"TD",{});var js=a(Ll);Ar=d(js,"form"),js.forEach(e),Mr=c(Sa),Cl=r(Sa,"TD",{});var Vs=a(Cl);Or=d(Vs,"\u8868\u5355"),Vs.forEach(e),Sa.forEach(e),ae=c(i),Ge=r(i,"TR",{});var ka=a(Ge);wl=r(ka,"TD",{});var Js=a(wl);gr=d(Js,"input"),Js.forEach(e),Na=c(ka),Pr=r(ka,"TD",{});var Ks=a(Pr);Xa=d(Ks,"\u8F93\u5165\u6846"),Ks.forEach(e),ka.forEach(e),Ya=c(i),Yl=r(i,"TR",{});var Pa=a(Yl);xr=r(Pa,"TD",{});var Qs=a(xr);ja=d(Qs,"label"),Qs.forEach(e),Va=c(Pa),Ir=r(Pa,"TD",{});var td=a(Ir);Ja=d(td,"\u8868\u5355\u8F93\u5165\u6807\u9898\uFF08\u4E5F\u8BB8"),td.forEach(e),Pa.forEach(e),Ka=c(i),jl=r(i,"TR",{});var xa=a(jl);zr=r(xa,"TD",{});var ed=a(zr);Qa=d(ed,"table"),ed.forEach(e),to=c(xa),qr=r(xa,"TD",{});var ld=a(qr);eo=d(ld,"\u8868\u683C"),ld.forEach(e),xa.forEach(e),lo=c(i),Vl=r(i,"TR",{});var Ia=a(Vl);Gr=r(Ia,"TD",{});var rd=a(Gr);ro=d(rd,"thead"),rd.forEach(e),ao=c(Ia),Ur=r(Ia,"TD",{});var ad=a(Ur);oo=d(ad,"\u8868\u5934"),ad.forEach(e),Ia.forEach(e),so=c(i),Jl=r(i,"TR",{});var za=a(Jl);Wr=r(za,"TD",{});var od=a(Wr);no=d(od,"tbody"),od.forEach(e),co=c(za),Zr=r(za,"TD",{});var sd=a(Zr);fo=d(sd,"\u8868\u4F53"),sd.forEach(e),za.forEach(e),io=c(i),Kl=r(i,"TR",{});var qa=a(Kl);Br=r(qa,"TD",{});var dd=a(Br);ho=d(dd,"th"),dd.forEach(e),po=c(qa),Nr=r(qa,"TD",{});var nd=a(Nr);_o=d(nd,"\u8868\u5934\u5355\u5143\u683C"),nd.forEach(e),qa.forEach(e),vo=c(i),Ql=r(i,"TR",{});var Ga=a(Ql);Xr=r(Ga,"TD",{});var cd=a(Xr);Eo=d(cd,"tr"),cd.forEach(e),Do=c(Ga),Yr=r(Ga,"TD",{});var fd=a(Yr);uo=d(fd,"table row"),fd.forEach(e),Ga.forEach(e),To=c(i),tr=r(i,"TR",{});var Ua=a(tr);jr=r(Ua,"TD",{});var id=a(jr);Fo=d(id,"td"),id.forEach(e),mo=c(Ua),Vr=r(Ua,"TD",{});var hd=a(Vr);yo=d(hd,"table data"),hd.forEach(e),Ua.forEach(e),bo=c(i),er=r(i,"TR",{});var Wa=a(er);Jr=r(Wa,"TD",{});var pd=a(Jr);Ro=d(pd,"address"),pd.forEach(e),Ho=c(Wa),Kr=r(Wa,"TD",{});var _d=a(Kr);Lo=d(_d,"\u5730\u5740"),_d.forEach(e),Wa.forEach(e),Co=c(i),lr=r(i,"TR",{});var Za=a(lr);Qr=r(Za,"TD",{});var vd=a(Qr);wo=d(vd,"s"),vd.forEach(e),$o=c(Za),ta=r(Za,"TD",{});var Ed=a(ta);Ao=d(Ed,"\u5220\u9664"),Ed.forEach(e),Za.forEach(e),Mo=c(i),rr=r(i,"TR",{});var Ba=a(rr);ea=r(Ba,"TD",{});var Dd=a(ea);Oo=d(Dd,"blockquote"),Dd.forEach(e),go=c(Ba),la=r(Ba,"TD",{});var ud=a(la);So=d(ud,"\u5F15\u8A00"),ud.forEach(e),Ba.forEach(e),i.forEach(e)},m(ue,Sr){p(ue,v,Sr),t(v,T),t(T,m),t(T,et),t(T,E),p(ue,y,Sr),p(ue,f,Sr),t(f,D),t(D,O),t(O,x),t(D,oe),t(D,g),t(g,At),t(f,Nt),t(f,w),t(w,L),t(L,Mt),t(w,Xt),t(w,S),t(S,Ot),t(f,gt),t(f,lt),t(lt,I),t(I,pt),t(lt,k),t(lt,N),t(N,St),t(f,kt),t(f,rt),t(rt,z),t(z,X),t(rt,se),t(rt,at),t(at,Pt),t(f,de),t(f,P),t(P,q),t(q,ot),t(P,ne),t(P,_t),t(_t,$),t(f,vt),t(f,G),t(G,Et),t(Et,xt),t(G,Ue),t(G,A),t(A,U),t(f,Dt),t(f,st),t(st,H),t(H,Y),t(st,dt),t(st,It),t(It,ce),t(f,nt),t(f,ct),t(ct,ut),t(ut,C),t(C,Yt),t(ct,ft),t(ct,b),t(b,Tt),t(f,zt),t(f,M),t(M,R),t(R,it),t(M,j),t(M,W),t(W,Ft),t(Ft,Fe),t(W,jt),t(W,mt),t(mt,me),t(W,yt),t(f,bt),t(f,Rt),t(Rt,Vt),t(Vt,Ht),t(Rt,ye),t(Rt,V),t(V,J),t(J,ht),t(V,be),t(f,Z),t(f,B),t(B,Jt),t(Jt,fe),t(B,Re),t(B,K),t(K,We),t(We,rl),t(K,ie),t(K,Kt),t(Kt,$l),t(f,al),t(f,Q),t(Q,Lt),t(Lt,Al),t(Q,Ze),t(Q,He),t(He,Be),t(Be,Ne),t(He,Ml),t(f,Ol),t(f,qt),t(qt,Xe),t(Xe,ol),t(qt,he),t(qt,Qt),t(Qt,gl),t(f,sl),t(f,Ct),t(Ct,pe),t(pe,Sl),t(Ct,dl),t(Ct,Gt),t(Gt,Le),t(f,kl),t(f,te),t(te,_e),t(_e,kr),t(te,Ye),t(te,Ut),t(Ut,Ce),t(f,Pl),t(f,ee),t(ee,Wt),t(Wt,we),t(ee,xl),t(ee,$e),t($e,F),t(f,Il),t(f,wt),t(wt,je),t(je,zl),t(wt,Ae),t(wt,Ve),t(Ve,ql),t(f,Me),t(f,ve),t(ve,Je),t(Je,ar),t(ve,nl),t(ve,Zt),t(Zt,Oe),t(f,Gl),t(f,le),t(le,u),t(u,Ul),t(le,ge),t(le,Ke),t(Ke,Wl),t(f,Se),t(f,Ee),t(Ee,Qe),t(Qe,ke),t(Ee,Zl),t(Ee,tl),t(tl,or),t(f,cl),t(f,o),t(o,h),t(h,el),t(o,ll),t(o,fl),t(fl,Bl),t(f,sr),t(f,Pe),t(Pe,il),t(il,hl),t(Pe,dr),t(Pe,re),t(re,Nl),t(f,nr),t(f,De),t(De,pl),t(pl,Xl),t(De,cr),t(De,_l),t(_l,fr),t(f,ir),t(f,xe),t(xe,Ie),t(Ie,hr),t(xe,pr),t(xe,vl),t(vl,_r),t(f,vr),t(f,$t),t($t,El),t(El,Er),t($t,Dl),t($t,ul),t(ul,Dr),t(f,ur),t(f,ze),t(ze,Tl),t(Tl,Tr),t(ze,Fr),t(ze,Fl),t(Fl,mr),t(f,ml),t(f,Bt),t(Bt,yl),t(yl,yr),t(Bt,br),t(Bt,bl),t(bl,Rr),t(f,Hr),t(f,qe),t(qe,Rl),t(Rl,Lr),t(qe,Cr),t(qe,Hl),t(Hl,wr),t(f,$r),t(f,tt),t(tt,Ll),t(Ll,Ar),t(tt,Mr),t(tt,Cl),t(Cl,Or),t(f,ae),t(f,Ge),t(Ge,wl),t(wl,gr),t(Ge,Na),t(Ge,Pr),t(Pr,Xa),t(f,Ya),t(f,Yl),t(Yl,xr),t(xr,ja),t(Yl,Va),t(Yl,Ir),t(Ir,Ja),t(f,Ka),t(f,jl),t(jl,zr),t(zr,Qa),t(jl,to),t(jl,qr),t(qr,eo),t(f,lo),t(f,Vl),t(Vl,Gr),t(Gr,ro),t(Vl,ao),t(Vl,Ur),t(Ur,oo),t(f,so),t(f,Jl),t(Jl,Wr),t(Wr,no),t(Jl,co),t(Jl,Zr),t(Zr,fo),t(f,io),t(f,Kl),t(Kl,Br),t(Br,ho),t(Kl,po),t(Kl,Nr),t(Nr,_o),t(f,vo),t(f,Ql),t(Ql,Xr),t(Xr,Eo),t(Ql,Do),t(Ql,Yr),t(Yr,uo),t(f,To),t(f,tr),t(tr,jr),t(jr,Fo),t(tr,mo),t(tr,Vr),t(Vr,yo),t(f,bo),t(f,er),t(er,Jr),t(Jr,Ro),t(er,Ho),t(er,Kr),t(Kr,Lo),t(f,Co),t(f,lr),t(lr,Qr),t(Qr,wo),t(lr,$o),t(lr,ta),t(ta,Ao),t(f,Mo),t(f,rr),t(rr,ea),t(ea,Oo),t(rr,go),t(rr,la),t(la,So)},p:Cd,d(ue){ue&&e(v),ue&&e(y),ue&&e(f)}}}function kd(Te){let v,T,m,et,E,y,f,D,O,x,oe,g,At,Nt,w,L,Mt,Xt,S,Ot,gt,lt,I,pt,k,N,St,kt,rt,z,X,se,at,Pt,de,P,q,ot,ne,_t,$,vt,G,Et,xt,Ue=`<pre class="shiki material-default" style="background-color: #263238; color: #EEFFFF" html="true"><div class="language-id">html</div><div class='code-container'><code><div class='line'><span style="color: #89DDFF">&lt;!</span><span style="color: #F07178">DOCTYPE</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">html</span><span style="color: #89DDFF">&gt;</span></div><div class='line'><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">html</span><span style="color: #89DDFF">&gt;</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">head</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">lang</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">\u8BED\u8A00\u4EE3\u7801</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF">&gt;</span></div><div class='line'><span style="color: #EEFFFF">    </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">meta</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">charset</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">UTF-8</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> /&gt;</span></div><div class='line'><span style="color: #EEFFFF">    </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">title</span><span style="color: #89DDFF">&gt;</span><span style="color: #EEFFFF">\u8FD9\u662F\u6807\u9898\u7684\u4F4D\u7F6E\uFF0Chead\u91CC\u9762\u7684\u4E1C\u897F\u90FD\u770B\u4E0D\u89C1\uFF08\u4E00\u822C\u6765\u8BF4\uFF09</span><span style="color: #89DDFF">&lt;/</span><span style="color: #F07178">title</span><span style="color: #89DDFF">&gt;</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;/</span><span style="color: #F07178">head</span><span style="color: #89DDFF">&gt;</span></div><div class='line'></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">body</span><span style="color: #89DDFF">&gt;</span></div><div class='line'><span style="color: #EEFFFF">    </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">h1</span><span style="color: #89DDFF">&gt;</span><span style="color: #EEFFFF">\u4E00\u7EA7\u6807\u9898</span><span style="color: #89DDFF">&lt;/</span><span style="color: #F07178">h1</span><span style="color: #89DDFF">&gt;</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;/</span><span style="color: #F07178">body</span><span style="color: #89DDFF">&gt;</span></div><div class='line'><span style="color: #89DDFF">&lt;/</span><span style="color: #F07178">html</span><span style="color: #89DDFF">&gt;</span></div></code></div></pre>`,A,U,Dt,st,H,Y,dt,It,ce,nt,ct,ut,C,Yt,ft,b,Tt,zt,M,R,it,j,W,Ft,Fe,jt,mt,me,yt,bt,Rt,Vt,Ht,ye,V,J,ht,be,Z,B,Jt,fe,Re,K,We,rl,ie,Kt,$l,al,Q,Lt,Al,Ze,He,Be,Ne,Ml,Ol,qt,Xe,ol,he,Qt,gl,sl,Ct,pe,Sl,dl,Gt,Le,kl,te,_e,kr=`<pre class="shiki material-default" style="background-color: #263238; color: #EEFFFF" html="true"><div class="language-id">html</div><div class='code-container'><code><div class='line'><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">div</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">class</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">image</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">role</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">img</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">arial-label</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">description about the image</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF">&gt;&lt;/</span><span style="color: #F07178">div</span><span style="color: #89DDFF">&gt;</span></div></code></div></pre>`,Ye,Ut,Ce,Pl,ee,Wt,we,xl,$e,F,Il,wt,je,zl,Ae,Ve,ql,Me,ve,Je,ar,nl,Zt,Oe,Gl,le,u,Ul,ge,Ke,Wl,Se,Ee,Qe,ke,Zl,tl,or,cl;return C=new Hd({props:{$$slots:{default:[gd]},$$scope:{ctx:Te}}}),M=new Hd({props:{$$slots:{default:[Sd]},$$scope:{ctx:Te}}}),{c(){v=l("p"),T=s("\u8BFE\u7A0B\uFF1A"),m=l("a"),et=s("Build Responsive Real-World Websites with HTML and CSS"),E=n(),y=l("h2"),f=l("a"),D=s("HTML \u662F\u4EC0\u4E48"),O=n(),x=l("p"),oe=s(`HyperTextMarkupLanguage
`),g=l("a"),At=s("HTML \u5143\u7D20\u53C2\u8003 - HTML\uFF08\u8D85\u6587\u672C\u6807\u8BB0\u8BED\u8A00\uFF09 | MDN"),Nt=n(),w=l("h2"),L=l("a"),Mt=s("\u57FA\u672C\u7EC4\u6210"),Xt=n(),S=l("p"),Ot=s("\u4EE5"),gt=l("code"),lt=s("<p>Hello!</p>"),I=s("\u4E3A\u4F8B\u5B50\uFF1A"),pt=n(),k=l("ol"),N=l("li"),St=s("opening tag:"),kt=l("code"),rt=s("<p>"),z=n(),X=l("li"),se=s("content : "),at=l("code"),Pt=s("Hello!"),de=n(),P=l("li"),q=s("closing tag: "),ot=l("code"),ne=s("</p>"),_t=n(),$=l("h2"),vt=l("a"),G=s("\u6846\u67B6"),Et=n(),xt=new md(!1),A=n(),U=l("h2"),Dt=l("a"),st=s("attributes"),H=n(),Y=l("ul"),dt=l("li"),It=s("\u7528\u6765\u63CF\u8FF0\u5143\u7D20 elements"),ce=n(),nt=l("li"),ct=s("pieces of data"),ut=n(),Io(C.$$.fragment),Yt=n(),ft=l("h2"),b=l("a"),Tt=s("tags"),zt=n(),Io(M.$$.fragment),R=n(),it=l("ul"),j=l("li"),W=l("code"),Ft=s("<button>"),Fe=s(" \u548C"),jt=l("code"),mt=s("< a>"),me=s(" \u7684\u533A\u522B\uFF1A"),yt=l("ul"),bt=l("li"),Rt=s("button \uFF1A\u4E00\u79CD\u9875\u9762\u5185\u64CD\u4F5C"),Vt=n(),Ht=l("li"),ye=s("a: \u9875\u9762\u8DF3\u8F6C"),V=n(),J=l("h2"),ht=l("a"),be=s("HTML entity"),Z=n(),B=l("p"),Jt=s("\u7279\u6B8A\u7B26\u53F7\u901F\u67E5\u8868"),fe=n(),Re=l("p"),K=l("a"),We=s("Glyphs | CSS-Tricks"),rl=n(),ie=l("h2"),Kt=l("a"),$l=s("semantic HTML"),al=n(),Q=l("ul"),Lt=l("li"),Al=s("use semantic elements instead of others, such as "),Ze=l("code"),He=s("<div>"),Be=s(" / "),Ne=l("code"),Ml=s("<b>"),Ol=n(),qt=l("li"),Xe=s("semantic HTML good for SEO and accessibility"),ol=n(),he=l("h2"),Qt=l("a"),gl=s("\u7A7A\u683C"),sl=n(),Ct=l("p"),pe=l("code"),Sl=s("\xA0"),dl=n(),Gt=l("h2"),Le=l("a"),kl=s("\u5F53 div \u4E2D\u7528 css \u8BBE\u7F6E\u4E86\u56FE\u7247\u65F6"),te=n(),_e=new md(!1),Ye=n(),Ut=l("h2"),Ce=l("a"),Pl=s("\u968F\u5802\u7EC3\u4E60"),ee=n(),Wt=l("h3"),we=l("a"),xl=s("\u5546\u54C1\u5361\u7247"),$e=n(),F=l("iframe"),Il=s("See the Pen "),wt=l("a"),je=s("html2"),zl=s(" by Sowhere ("),Ae=l("a"),Ve=s("@sevichee"),ql=s(`)
  on `),Me=l("a"),ve=s("CodePen"),Je=s("."),nl=n(),Zt=l("h3"),Oe=l("a"),Gl=s("\u5206\u9875\u5668 pagination"),le=n(),u=l("iframe"),Ul=s("See the Pen "),ge=l("a"),Ke=s("pagination"),Wl=s(" by Sowhere ("),Se=l("a"),Ee=s("@sevichee"),Qe=s(`)
  on `),ke=l("a"),Zl=s("CodePen"),tl=s("."),this.h()},l(o){v=r(o,"P",{});var h=a(v);T=d(h,"\u8BFE\u7A0B\uFF1A"),m=r(h,"A",{href:!0,rel:!0,target:!0});var el=a(m);et=d(el,"Build Responsive Real-World Websites with HTML and CSS"),el.forEach(e),h.forEach(e),E=c(o),y=r(o,"H2",{id:!0});var ll=a(y);f=r(ll,"A",{href:!0});var fl=a(f);D=d(fl,"HTML \u662F\u4EC0\u4E48"),fl.forEach(e),ll.forEach(e),O=c(o),x=r(o,"P",{});var Bl=a(x);oe=d(Bl,`HyperTextMarkupLanguage
`),g=r(Bl,"A",{href:!0,rel:!0,target:!0});var sr=a(g);At=d(sr,"HTML \u5143\u7D20\u53C2\u8003 - HTML\uFF08\u8D85\u6587\u672C\u6807\u8BB0\u8BED\u8A00\uFF09 | MDN"),sr.forEach(e),Bl.forEach(e),Nt=c(o),w=r(o,"H2",{id:!0});var Pe=a(w);L=r(Pe,"A",{href:!0});var il=a(L);Mt=d(il,"\u57FA\u672C\u7EC4\u6210"),il.forEach(e),Pe.forEach(e),Xt=c(o),S=r(o,"P",{});var hl=a(S);Ot=d(hl,"\u4EE5"),gt=r(hl,"CODE",{});var dr=a(gt);lt=d(dr,"<p>Hello!</p>"),dr.forEach(e),I=d(hl,"\u4E3A\u4F8B\u5B50\uFF1A"),hl.forEach(e),pt=c(o),k=r(o,"OL",{});var re=a(k);N=r(re,"LI",{});var Nl=a(N);St=d(Nl,"opening tag:"),kt=r(Nl,"CODE",{});var nr=a(kt);rt=d(nr,"<p>"),nr.forEach(e),Nl.forEach(e),z=c(re),X=r(re,"LI",{});var De=a(X);se=d(De,"content : "),at=r(De,"CODE",{});var pl=a(at);Pt=d(pl,"Hello!"),pl.forEach(e),De.forEach(e),de=c(re),P=r(re,"LI",{});var Xl=a(P);q=d(Xl,"closing tag: "),ot=r(Xl,"CODE",{});var cr=a(ot);ne=d(cr,"</p>"),cr.forEach(e),Xl.forEach(e),re.forEach(e),_t=c(o),$=r(o,"H2",{id:!0});var _l=a($);vt=r(_l,"A",{href:!0});var fr=a(vt);G=d(fr,"\u6846\u67B6"),fr.forEach(e),_l.forEach(e),Et=c(o),xt=yd(o,!1),A=c(o),U=r(o,"H2",{id:!0});var ir=a(U);Dt=r(ir,"A",{href:!0});var xe=a(Dt);st=d(xe,"attributes"),xe.forEach(e),ir.forEach(e),H=c(o),Y=r(o,"UL",{});var Ie=a(Y);dt=r(Ie,"LI",{});var hr=a(dt);It=d(hr,"\u7528\u6765\u63CF\u8FF0\u5143\u7D20 elements"),hr.forEach(e),ce=c(Ie),nt=r(Ie,"LI",{});var pr=a(nt);ct=d(pr,"pieces of data"),pr.forEach(e),Ie.forEach(e),ut=c(o),zo(C.$$.fragment,o),Yt=c(o),ft=r(o,"H2",{id:!0});var vl=a(ft);b=r(vl,"A",{href:!0});var _r=a(b);Tt=d(_r,"tags"),_r.forEach(e),vl.forEach(e),zt=c(o),zo(M.$$.fragment,o),R=c(o),it=r(o,"UL",{});var vr=a(it);j=r(vr,"LI",{});var $t=a(j);W=r($t,"CODE",{});var El=a(W);Ft=d(El,"<button>"),El.forEach(e),Fe=d($t," \u548C"),jt=r($t,"CODE",{});var Er=a(jt);mt=d(Er,"< a>"),Er.forEach(e),me=d($t," \u7684\u533A\u522B\uFF1A"),yt=r($t,"UL",{});var Dl=a(yt);bt=r(Dl,"LI",{});var ul=a(bt);Rt=d(ul,"button \uFF1A\u4E00\u79CD\u9875\u9762\u5185\u64CD\u4F5C"),ul.forEach(e),Vt=c(Dl),Ht=r(Dl,"LI",{});var Dr=a(Ht);ye=d(Dr,"a: \u9875\u9762\u8DF3\u8F6C"),Dr.forEach(e),Dl.forEach(e),$t.forEach(e),vr.forEach(e),V=c(o),J=r(o,"H2",{id:!0});var ur=a(J);ht=r(ur,"A",{href:!0});var ze=a(ht);be=d(ze,"HTML entity"),ze.forEach(e),ur.forEach(e),Z=c(o),B=r(o,"P",{});var Tl=a(B);Jt=d(Tl,"\u7279\u6B8A\u7B26\u53F7\u901F\u67E5\u8868"),Tl.forEach(e),fe=c(o),Re=r(o,"P",{});var Tr=a(Re);K=r(Tr,"A",{href:!0,rel:!0,target:!0});var Fr=a(K);We=d(Fr,"Glyphs | CSS-Tricks"),Fr.forEach(e),Tr.forEach(e),rl=c(o),ie=r(o,"H2",{id:!0});var Fl=a(ie);Kt=r(Fl,"A",{href:!0});var mr=a(Kt);$l=d(mr,"semantic HTML"),mr.forEach(e),Fl.forEach(e),al=c(o),Q=r(o,"UL",{});var ml=a(Q);Lt=r(ml,"LI",{});var Bt=a(Lt);Al=d(Bt,"use semantic elements instead of others, such as "),Ze=r(Bt,"CODE",{});var yl=a(Ze);He=d(yl,"<div>"),yl.forEach(e),Be=d(Bt," / "),Ne=r(Bt,"CODE",{});var yr=a(Ne);Ml=d(yr,"<b>"),yr.forEach(e),Bt.forEach(e),Ol=c(ml),qt=r(ml,"LI",{});var br=a(qt);Xe=d(br,"semantic HTML good for SEO and accessibility"),br.forEach(e),ml.forEach(e),ol=c(o),he=r(o,"H2",{id:!0});var bl=a(he);Qt=r(bl,"A",{href:!0});var Rr=a(Qt);gl=d(Rr,"\u7A7A\u683C"),Rr.forEach(e),bl.forEach(e),sl=c(o),Ct=r(o,"P",{});var Hr=a(Ct);pe=r(Hr,"CODE",{});var qe=a(pe);Sl=d(qe,"\xA0"),qe.forEach(e),Hr.forEach(e),dl=c(o),Gt=r(o,"H2",{id:!0});var Rl=a(Gt);Le=r(Rl,"A",{href:!0});var Lr=a(Le);kl=d(Lr,"\u5F53 div \u4E2D\u7528 css \u8BBE\u7F6E\u4E86\u56FE\u7247\u65F6"),Lr.forEach(e),Rl.forEach(e),te=c(o),_e=yd(o,!1),Ye=c(o),Ut=r(o,"H2",{id:!0});var Cr=a(Ut);Ce=r(Cr,"A",{href:!0});var Hl=a(Ce);Pl=d(Hl,"\u968F\u5802\u7EC3\u4E60"),Hl.forEach(e),Cr.forEach(e),ee=c(o),Wt=r(o,"H3",{id:!0});var wr=a(Wt);we=r(wr,"A",{href:!0});var $r=a(we);xl=d($r,"\u5546\u54C1\u5361\u7247"),$r.forEach(e),wr.forEach(e),$e=c(o),F=r(o,"IFRAME",{height:!0,style:!0,scrolling:!0,title:!0,src:!0,frameborder:!0,loading:!0,allowtransparency:!0});var tt=a(F);Il=d(tt,"See the Pen "),wt=r(tt,"A",{href:!0});var Ll=a(wt);je=d(Ll,"html2"),Ll.forEach(e),zl=d(tt," by Sowhere ("),Ae=r(tt,"A",{href:!0});var Ar=a(Ae);Ve=d(Ar,"@sevichee"),Ar.forEach(e),ql=d(tt,`)
  on `),Me=r(tt,"A",{href:!0});var Mr=a(Me);ve=d(Mr,"CodePen"),Mr.forEach(e),Je=d(tt,"."),tt.forEach(e),nl=c(o),Zt=r(o,"H3",{id:!0});var Cl=a(Zt);Oe=r(Cl,"A",{href:!0});var Or=a(Oe);Gl=d(Or,"\u5206\u9875\u5668 pagination"),Or.forEach(e),Cl.forEach(e),le=c(o),u=r(o,"IFRAME",{height:!0,style:!0,scrolling:!0,title:!0,src:!0,frameborder:!0,loading:!0,allowtransparency:!0});var ae=a(u);Ul=d(ae,"See the Pen "),ge=r(ae,"A",{href:!0});var Ge=a(ge);Ke=d(Ge,"pagination"),Ge.forEach(e),Wl=d(ae," by Sowhere ("),Se=r(ae,"A",{href:!0});var wl=a(Se);Ee=d(wl,"@sevichee"),wl.forEach(e),Qe=d(ae,`)
  on `),ke=r(ae,"A",{href:!0});var gr=a(ke);Zl=d(gr,"CodePen"),gr.forEach(e),tl=d(ae,"."),ae.forEach(e),this.h()},h(){_(m,"href","https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/"),_(m,"rel","nofollow noopener noreferrer external"),_(m,"target","_blank"),_(f,"href","#html-\u662F\u4EC0\u4E48"),_(y,"id","html-\u662F\u4EC0\u4E48"),_(g,"href","https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element"),_(g,"rel","nofollow noopener noreferrer external"),_(g,"target","_blank"),_(L,"href","#\u57FA\u672C\u7EC4\u6210"),_(w,"id","\u57FA\u672C\u7EC4\u6210"),_(vt,"href","#\u6846\u67B6"),_($,"id","\u6846\u67B6"),xt.a=A,_(Dt,"href","#attributes"),_(U,"id","attributes"),_(b,"href","#tags"),_(ft,"id","tags"),_(ht,"href","#html-entity"),_(J,"id","html-entity"),_(K,"href","https://css-tricks.com/snippets/html/glyphs/"),_(K,"rel","nofollow noopener noreferrer external"),_(K,"target","_blank"),_(Kt,"href","#semantic-html"),_(ie,"id","semantic-html"),_(Qt,"href","#\u7A7A\u683C"),_(he,"id","\u7A7A\u683C"),_(Le,"href","#\u5F53-div-\u4E2D\u7528-css-\u8BBE\u7F6E\u4E86\u56FE\u7247\u65F6"),_(Gt,"id","\u5F53-div-\u4E2D\u7528-css-\u8BBE\u7F6E\u4E86\u56FE\u7247\u65F6"),_e.a=Ye,_(Ce,"href","#\u968F\u5802\u7EC3\u4E60"),_(Ut,"id","\u968F\u5802\u7EC3\u4E60"),_(we,"href","#\u5546\u54C1\u5361\u7247"),_(Wt,"id","\u5546\u54C1\u5361\u7247"),_(wt,"href","https://codepen.io/sevichee/pen/yLzErOL"),_(Ae,"href","https://codepen.io/sevichee"),_(Me,"href","https://codepen.io"),_(F,"height","300"),bd(F,"width","100%"),_(F,"scrolling","no"),_(F,"title","html2"),Rd(F.src,ar="https://codepen.io/sevichee/embed/yLzErOL?default-tab=html%2Cresult")||_(F,"src",ar),_(F,"frameborder","no"),_(F,"loading","lazy"),_(F,"allowtransparency","true"),F.allowFullscreen="true",_(Oe,"href","#\u5206\u9875\u5668-pagination"),_(Zt,"id","\u5206\u9875\u5668-pagination"),_(ge,"href","https://codepen.io/sevichee/pen/ZEXqREG"),_(Se,"href","https://codepen.io/sevichee"),_(ke,"href","https://codepen.io"),_(u,"height","300"),bd(u,"width","100%"),_(u,"scrolling","no"),_(u,"title","pagination"),Rd(u.src,or="https://codepen.io/sevichee/embed/ZEXqREG?default-tab=html%2Cresult")||_(u,"src",or),_(u,"frameborder","no"),_(u,"loading","lazy"),_(u,"allowtransparency","true"),u.allowFullscreen="true"},m(o,h){p(o,v,h),t(v,T),t(v,m),t(m,et),p(o,E,h),p(o,y,h),t(y,f),t(f,D),p(o,O,h),p(o,x,h),t(x,oe),t(x,g),t(g,At),p(o,Nt,h),p(o,w,h),t(w,L),t(L,Mt),p(o,Xt,h),p(o,S,h),t(S,Ot),t(S,gt),t(gt,lt),t(S,I),p(o,pt,h),p(o,k,h),t(k,N),t(N,St),t(N,kt),t(kt,rt),t(k,z),t(k,X),t(X,se),t(X,at),t(at,Pt),t(k,de),t(k,P),t(P,q),t(P,ot),t(ot,ne),p(o,_t,h),p(o,$,h),t($,vt),t(vt,G),p(o,Et,h),xt.m(Ue,o,h),p(o,A,h),p(o,U,h),t(U,Dt),t(Dt,st),p(o,H,h),p(o,Y,h),t(Y,dt),t(dt,It),t(Y,ce),t(Y,nt),t(nt,ct),p(o,ut,h),qo(C,o,h),p(o,Yt,h),p(o,ft,h),t(ft,b),t(b,Tt),p(o,zt,h),qo(M,o,h),p(o,R,h),p(o,it,h),t(it,j),t(j,W),t(W,Ft),t(j,Fe),t(j,jt),t(jt,mt),t(j,me),t(j,yt),t(yt,bt),t(bt,Rt),t(yt,Vt),t(yt,Ht),t(Ht,ye),p(o,V,h),p(o,J,h),t(J,ht),t(ht,be),p(o,Z,h),p(o,B,h),t(B,Jt),p(o,fe,h),p(o,Re,h),t(Re,K),t(K,We),p(o,rl,h),p(o,ie,h),t(ie,Kt),t(Kt,$l),p(o,al,h),p(o,Q,h),t(Q,Lt),t(Lt,Al),t(Lt,Ze),t(Ze,He),t(Lt,Be),t(Lt,Ne),t(Ne,Ml),t(Q,Ol),t(Q,qt),t(qt,Xe),p(o,ol,h),p(o,he,h),t(he,Qt),t(Qt,gl),p(o,sl,h),p(o,Ct,h),t(Ct,pe),t(pe,Sl),p(o,dl,h),p(o,Gt,h),t(Gt,Le),t(Le,kl),p(o,te,h),_e.m(kr,o,h),p(o,Ye,h),p(o,Ut,h),t(Ut,Ce),t(Ce,Pl),p(o,ee,h),p(o,Wt,h),t(Wt,we),t(we,xl),p(o,$e,h),p(o,F,h),t(F,Il),t(F,wt),t(wt,je),t(F,zl),t(F,Ae),t(Ae,Ve),t(F,ql),t(F,Me),t(Me,ve),t(F,Je),p(o,nl,h),p(o,Zt,h),t(Zt,Oe),t(Oe,Gl),p(o,le,h),p(o,u,h),t(u,Ul),t(u,ge),t(ge,Ke),t(u,Wl),t(u,Se),t(Se,Ee),t(u,Qe),t(u,ke),t(ke,Zl),t(u,tl),cl=!0},p(o,h){const el={};h&2&&(el.$$scope={dirty:h,ctx:o}),C.$set(el);const ll={};h&2&&(ll.$$scope={dirty:h,ctx:o}),M.$set(ll)},i(o){cl||(Go(C.$$.fragment,o),Go(M.$$.fragment,o),cl=!0)},o(o){Uo(C.$$.fragment,o),Uo(M.$$.fragment,o),cl=!1},d(o){o&&e(v),o&&e(E),o&&e(y),o&&e(O),o&&e(x),o&&e(Nt),o&&e(w),o&&e(Xt),o&&e(S),o&&e(pt),o&&e(k),o&&e(_t),o&&e($),o&&e(Et),o&&xt.d(),o&&e(A),o&&e(U),o&&e(H),o&&e(Y),o&&e(ut),Wo(C,o),o&&e(Yt),o&&e(ft),o&&e(zt),Wo(M,o),o&&e(R),o&&e(it),o&&e(V),o&&e(J),o&&e(Z),o&&e(B),o&&e(fe),o&&e(Re),o&&e(rl),o&&e(ie),o&&e(al),o&&e(Q),o&&e(ol),o&&e(he),o&&e(sl),o&&e(Ct),o&&e(dl),o&&e(Gt),o&&e(te),o&&_e.d(),o&&e(Ye),o&&e(Ut),o&&e(ee),o&&e(Wt),o&&e($e),o&&e(F),o&&e(nl),o&&e(Zt),o&&e(le),o&&e(u)}}}function Pd(Te){let v,T;const m=[Te[0],Ld];let et={$$slots:{default:[kd]},$$scope:{ctx:Te}};for(let E=0;E<m.length;E+=1)et=xo(et,m[E]);return v=new Od({props:et}),{c(){Io(v.$$.fragment)},l(E){zo(v.$$.fragment,E)},m(E,y){qo(v,E,y),T=!0},p(E,[y]){const f=y&1?Md(m,[y&1&&Td(E[0]),y&0&&Td(Ld)]):{};y&2&&(f.$$scope={dirty:y,ctx:E}),v.$set(f)},i(E){T||(Go(v.$$.fragment,E),T=!0)},o(E){Uo(v.$$.fragment,E),T=!1},d(E){Wo(v,E)}}}const Ld={title:"HTML \xB7 \u57FA\u7840\u7B14\u8BB0",created:"2021-12-06T03:59:47.000Z",slug:"/html-basis.md",tags:["HTML"],lastmod:"2022-05-07T05:30:47.655Z",path:"/html-basis",toc:[{depth:2,title:"HTML \u662F\u4EC0\u4E48",slug:"html-\u662F\u4EC0\u4E48"},{depth:2,title:"\u57FA\u672C\u7EC4\u6210",slug:"\u57FA\u672C\u7EC4\u6210"},{depth:2,title:"\u6846\u67B6",slug:"\u6846\u67B6"},{depth:2,title:"attributes",slug:"attributes"},{depth:2,title:"tags",slug:"tags"},{depth:2,title:"HTML entity",slug:"html-entity"},{depth:2,title:"semantic HTML",slug:"semantic-html"},{depth:2,title:"\u7A7A\u683C",slug:"\u7A7A\u683C"},{depth:2,title:"\u5F53 div \u4E2D\u7528 css \u8BBE\u7F6E\u4E86\u56FE\u7247\u65F6",slug:"\u5F53-div-\u4E2D\u7528-css-\u8BBE\u7F6E\u4E86\u56FE\u7247\u65F6"},{depth:2,title:"\u968F\u5802\u7EC3\u4E60",slug:"\u968F\u5802\u7EC3\u4E60"},{depth:3,title:"\u5546\u54C1\u5361\u7247",slug:"\u5546\u54C1\u5361\u7247"},{depth:3,title:"\u5206\u9875\u5668 pagination",slug:"\u5206\u9875\u5668-pagination"}],updated:"2022-08-06T10:49:44.906Z"};function xd(Te,v,T){return Te.$$set=m=>{T(0,v=xo(xo({},v),Fd(m)))},v=Fd(v),[v]}class jd extends wd{constructor(v){super(),$d(this,v,xd,Pd,Ad,{})}}export{jd as default,Ld as metadata};