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