摘要：提示判斷版本決定是否顯示，使用如下請升級瀏覽器參考鏈接標簽代碼參考自綠葉學習網(wǎng)，網(wǎng)址部分代碼參考自菜鳥教程，網(wǎng)址如有侵權(quán)，請聯(lián)系刪除

介紹了前端中常用的標簽，講解了行內(nèi)元素和塊元素的區(qū)別，同時重點解釋了語義化的意義！

html控制頁面結(jié)構(gòu)，良好的頁面結(jié)構(gòu)有利于seo優(yōu)化

    
        
        
        
        
        
        

        
        

    
    
        

            
            

                
文字標簽
                
                
靜夜思
                
床前明月光，疑是地上霜
                
舉頭望明月，低頭思故鄉(xiāng)
                


                
                
                
靜夜思
                
床前明月光，疑是地上霜
舉頭望明月，低頭思故鄉(xiāng)
            
            

                
                
                
                
                
                
                
文字標簽
                

                    我是粗體

                    我是斜體

                    H2SO4是硫酸的化學式！

                    原價：￥6.5/kg

                    hello world!

                    我是span標簽

                    我wo是shi誰shui
                
            
            

                
實體字符集
                

                    我是實體字符集：< hello word! >

                
            
            

                
超鏈接標簽
                
                

                    百度一下  
                    回到頂部  
                    下一章  
                
            
            

                
表格標簽
                
                

                    
表格標題
                    

                        

                            
書名
                            
得分
                        
                    
                    

                        

                            
html指南
                            
90
                        
                        

                            
javascript手冊
                            
80
                        
                        

                            
css秘密
                            
85
                        
                    
                    

                        

                            
平均分
                            
85
                        
                    
                
            
            

                
列表
                
                

                    
項目一
                    
項目二
                
                

                

                    
項目一
                    
項目二
                
                

                

                    
html手冊
                    
用來學習html的百科全書！
                    
javascript指南
                    
用來學習javascript的百科全書！
                
            
            

                
表單標簽
                

                    
Text
                    
Password
                    
Search
                    
Number
                    
Url
                    
Tel
                    
Email
                    
File
                    
Range
                    
Color
                    
Time
                    
Date
                    
Radio
                    
CheckBox
                    
Button
                    
Reset
                    
Sumbit
                    
Hidden
                
                

                

                    

                    

                        
                        請選擇一項
                        選項1
                        選項2
                        
                    
                    
請輸入查詢內(nèi)容：
                    
                    
Button
                
                

                

                    

                        
登錄框
                        
用戶名
                        
密碼
                        
                    
                
            
            

                
多媒體標簽
                
                
                
                
                
                
            
            

                
框架標簽iframe
                
            
            

                
布局標簽
                
                

                    
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
                
                

                    
                    
                    
                
                
            
        
    

語義化是指根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語義化），選擇合適的標簽（代碼語義化），便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。

有利于SEO，有助于爬蟲抓取更多的有效信息，爬蟲是依賴于標簽來確定上下文和各個關(guān)鍵字的權(quán)重。

在沒有CSS的情況下也能呈現(xiàn)較好的內(nèi)容結(jié)構(gòu)與代碼結(jié)構(gòu)。

方便其他設備的解析(如屏幕閱讀器、盲人閱讀器、移動設備)。

便于團隊開發(fā)和維護，語義化更具可讀性！

去掉css樣式后，依然能很好的呈現(xiàn)內(nèi)容！

不要使用純樣式標簽（如b和u標簽），而使用css設置！

熟悉html5新增的語義化標簽，如header、footer、hgroup、nav、aside、article、section等！

待完成

當瀏覽器不支持腳本或者禁用腳本時顯示，使用如下

當瀏覽器不知canvas標簽時顯示，使用如下

    Your browser does not support the HTML5 canvas tag.

當瀏覽器不支持video標簽時顯示， 使用如下

判斷ie版本決定是否顯示，使用如下

    
              
  

                  
最新活動