?
Bruce Lawson voted sexiest man on Earth
?A congress representing all the planet's women unanimously voted Bruce Lawson as sexiest man alive.
Read more
??
網(wǎng)頁制作Webjx文章簡介:Web 標(biāo)準(zhǔn)中處處充滿了打臉行為,這條規(guī)則現(xiàn)在已經(jīng)失效了!在那篇文章發(fā)布一個月后,HTML5doctor 發(fā)表了 “Block-level” links in HTML5,引述一下,就是原先你要這么寫. |
?
英文叫做 “Block-level” links,我以為只有我廠那些鳥毛不知道,沒想到不知道的還挺多,需要普及一下。
很遺憾,Web 標(biāo)準(zhǔn)中處處充滿了打臉行為,這條規(guī)則現(xiàn)在已經(jīng)失效了!在那篇文章發(fā)布一個月后,HTML5doctor 發(fā)表了 “Block-level” links in HTML5,引述一下,就是原先你要這么寫:
A congress representing all the planet's women unanimously voted Bruce Lawson as sexiest man alive.
現(xiàn)在 HTML5 中可以這么寫
從無障礙角度考慮僅僅增加了圖片的 alt 描述文字(為讀屏用戶提供更詳細(xì)的信息),而不需人為的制造辣么多個“冗余”的 a!HTML5 的思想中的一條就是務(wù)實,用現(xiàn)在的話說就是接地氣,嗯哼~
雖然這種寫法不向前兼容,但經(jīng)過 HTML5 doctor 的測試表明,主流瀏覽器都支持,也就是說:
你和你的小伙伴們現(xiàn)在就可以在項目中使用啦!
為了兼容 IE6/7 的手型 bug,需要在 reset.css 中加入諸如這樣的css代碼:
1 a div, a h3, a p, ...{#cursor:hand}
??? ???? ??
???? ?? ??? ??? ?? AI ?? ?
???? ?? ???? ??? AI ?????.
AI ? ???
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
???? ?? ?? ?? ???
??? ??, ???? ?? ????.
??? PHP ?? ?? ??
??? ? ?? ??
? ??? ?? ?? ?????(SublimeText3)
HTML ?? ??? ???? ?? ??? ??? ???? ?? ?? ?? ? ???? ?? ??? ????????. 1. ????? ??? ??? ????? ?? ? ?? ?? (? : ??, ??, ???)? ?? ??? ?????. 2. JavaScript? ?? ?? ? ??? ???? ID? ?? ??? ?? ??? ??? ???? ?? ? ????. 3. CSS? ???? ???, ???, ?? ??? ? ??/?? ?? ??? ???? ???? ??? ???? ??? ??? ??????. 4. ???? ????????? : ???? ? ??? ????? ??? ???? JS ???? ???? ????? ???? ??? ???? ??? ??? ??? ???? ??? ?????. ??? ???????
HTMLHEAD? ?? ???? SEO, ?? ?? ? ???? ??? ?????. 1. ??? ??? ??? ????, ???? ???? ???? ??????. 2. OpenGraph ? Twitter ?? ??? ???? ?? ?? ??? ????? ??? ?????? ???? ??? ??? ???? ???????. 3. ?? ?? ? ??? ??? ???? ??? ??? ??? ???? ????????. 4. ?? ???, ?? ?? ? ?? ?? ?? ???? ?? ??? ??? ????? ???????.
Tolearnhtmlin2025, chooSeatUtoriorialThatthatthath and-practicewithmoderndardAndardsandegratescssandjavaScriptBasics.1.
???? ??? HTML ?? ???? ??? ??? ?????? ?? Div Flex ?? ??? ????? ???? ??? ?????? ??? ???????. ??, ?? ???? ?????? ?? CSS? ?? ? ?? ????. ?? ?? ??? ALT ??? ?? ???? ?? URL? ?????? ??? ???? ??? ?? TD? ??????????. ????? ?? ?????? ?? ??? ????? ???????.
HTML ??? ???? ????? ?? ?? ???? ??? ?? ???? ?? ???? ?? ? ? ????. 1. ??, ??? ?? ?? ??? ?? ??? ? ??? ???? ???? ? ?????. 2. ?? ???? ???? ??? ? ?? ??? ?? ? ? ????. 3. ??? ??? ??? ???? ?????? ??? ??? ? SEO ??? ??????. 4. ??? ??? ?, ??? ??? ??? ????? ??????, ???? ?? ????? ???? ??? ?? ???? ???? ???????. 5. ??? ??? ALT ??? ??? ????. 6. ??? ???? ??? ?? ??? ?? ?? ??? ?? ? ? ????. ? ? ?? ??? ???? ???? ?? ???? ???? ?? ? ???? ???? ? ??????.
??? ??? ??? HTML ?? ??? ??? ????? ?? ?? ?? ?? ???? ?? ?? ? ? ????. ?? ???? ??? ?????. 1. JavaScript? ???? ?? ?? ? ??? ???? ???? ?? ?? ??? ?? ?? ? ???? ???? ????. 2. Formspree? ?? ?? ???? ? ???? ???? ???? ???? ??? ?? ? ???? ??? ?????. 3. LocalStorage? ???? ??? ?? ??? ????? ?? ??? ?? ???? ??? ???? ? ????? ??? ??? ?? ???? ???? ????.
???, ID, ???, ??? ? ??? HTML?? ?? ????? ???? ??? ?????. ???? ??? ?? ? JavaScript ??? ?????? ?? ?? ??? ??? ??? ???? ? ?????. ID? ?? ?? ? JavaScript ???? ??? ??? ?? ?? ???? ?????. ???? ???? ??? ???? ?? ? ? ??? ?? ???? ????? ??? ???? ???? ????. ??? ??? ??? ?? ???? ???? ? ????, ?? ??? ?? ? ??? ?? ??? ?????. ??? ??? ?? ????? ???? ? ????? ???? ??? ????? ?? ?????. ??? ??? ????? ???? ?? ???? ??? ??? ???? ? ????.
Native Lazy Loading? ?? ???? ????,?? = "???"??? ??? ???? ??? ????? ? ? ????. 1. JavaScript ?? ?? ?????? ???? ??? HTML?? ?? ?????. 2. ??? ??? ? ?? ??? ???? ?? ??, ?? ??? ??? ??? ? ? ?? ???? ?????. 3. ? ?? ?? ?? ???????? ???? ???? ????. 4. ??? ??? ?, ??? ?? ???? ???? ??? ??? ?? ???????. 5. SRCSET ? ?? ??? ?? ?? ? ??? ??? ????????. 6. ??? ??? ???????. ?? ??? ??????? ???? ????. ?? ??? ?? ??? ? ??? JavaScript ???? ?? ? ? ????.