資訊專欄INFORMATION COLUMN
摘要：提示判斷版本決定是否顯示，使用如下請(qǐng)升級(jí)瀏覽器參考鏈接標(biāo)簽代碼參考自綠葉學(xué)習(xí)網(wǎng)，網(wǎng)址部分代碼參考自菜鳥(niǎo)教程，網(wǎng)址如有侵權(quán)，請(qǐng)聯(lián)系刪除
HTML之常用標(biāo)簽
介紹了前端中常用的標(biāo)簽，講解了行內(nèi)元素和塊元素的區(qū)別，同時(shí)重點(diǎn)解釋了語(yǔ)義化的意義！html標(biāo)簽
html控制頁(yè)面結(jié)構(gòu)，良好的頁(yè)面結(jié)構(gòu)有利于seo優(yōu)化
html常用標(biāo)簽
文字標(biāo)簽
靜夜思
床前明月光，疑是地上霜
舉頭望明月，低頭思故鄉(xiāng)
靜夜思
床前明月光，疑是地上霜
舉頭望明月，低頭思故鄉(xiāng)
文字標(biāo)簽
我是粗體
我是斜體
H2SO4是硫酸的化學(xué)式！
原價(jià)：￥6.5/kg
hello world!
我是span標(biāo)簽
我是誰(shuí)
實(shí)體字符集
我是實(shí)體字符集：< hello word! >
超鏈接標(biāo)簽
表格標(biāo)簽
表格標(biāo)題
書(shū)名
得分
html指南
90
javascript手冊(cè)
80
css秘密
85
平均分
85
列表
- 項(xiàng)目一
- 項(xiàng)目二
- 項(xiàng)目一
- 項(xiàng)目二
- html手冊(cè)
- 用來(lái)學(xué)習(xí)html的百科全書(shū)！
- javascript指南
- 用來(lái)學(xué)習(xí)javascript的百科全書(shū)！
表單標(biāo)簽
多媒體標(biāo)簽
框架標(biāo)簽iframe
布局標(biāo)簽
- div
- span
- header
- main
- footer
- menu
- nav
- aside
- article
- section
- time
- address
塊元素、行內(nèi)元素、行內(nèi)塊元素
我是塊元素：block
我是塊元素：block
我是行內(nèi)元素：inline
我是行內(nèi)元素：inline
我是行內(nèi)元素：inline
我是行內(nèi)元素：inline
補(bǔ)充延伸
html語(yǔ)義化
語(yǔ)義化的定義？
語(yǔ)義化是指根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語(yǔ)義化），選擇合適的標(biāo)簽（代碼語(yǔ)義化），便于開(kāi)發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)，讓瀏覽器的爬蟲(chóng)和機(jī)器很好的解析。
為什么要重視語(yǔ)義化？有利于SEO，有助于爬蟲(chóng)抓取更多的有效信息，爬蟲(chóng)是依賴于標(biāo)簽來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重。
在沒(méi)有CSS的情況下也能呈現(xiàn)較好的內(nèi)容結(jié)構(gòu)與代碼結(jié)構(gòu)。
方便其他設(shè)備的解析(如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備)。
便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)，語(yǔ)義化更具可讀性！
寫html代碼時(shí)的建議？去掉css樣式后，依然能很好的呈現(xiàn)內(nèi)容！
不要使用純樣式標(biāo)簽（如b和u標(biāo)簽），而使用css設(shè)置！
熟悉html5新增的語(yǔ)義化標(biāo)簽，如header、footer、hgroup、nav、aside、article、section等！
seo優(yōu)化待完成
優(yōu)雅降級(jí) noscript當(dāng)瀏覽器不支持腳本或者禁用腳本時(shí)顯示，使用如下
canvas
當(dāng)瀏覽器不知canvas標(biāo)簽時(shí)顯示，使用如下
video
當(dāng)瀏覽器不支持video標(biāo)簽時(shí)顯示， 使用如下
ie提示
判斷ie版本決定是否顯示，使用如下
最新活動(dòng)
