HTML之常用标签

摘要：提示判断版本决定是否显示，使用如下请升级浏览器参考链接标签代码参考自绿叶学习网，网址部分代码参考自菜鸟教程，网址如有侵权，请联系删除

介绍了前端中常用的标签，讲解了行内元素和块元素的区别，同时重点解释了语义化的意义！

html控制页面结构，良好的页面结构有利于seo优化

    
        
        
        
        
        
        

        
        

    
    
        

            
            

                
文字标签
                
                
静夜思
                
床前明月光，疑是地上霜
                
举头望明月，低头思故乡
                


                
                
                
静夜思
                
床前明月光，疑是地上霜
举头望明月，低头思故乡
            
            

                
                
                
                
                
                
                
文字标签
                

                    我是粗体

                    我是斜体

                    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
                        
                    
                    
请输入查询内容：
                    
                    
Button
                
                

                

                    

                        
登录框
                        
用户名
                        
密码
                        
                    
                
            
            

                
多媒体标签
                
                
                
                
                
                
            
            

                
框架标签iframe
                
            
            

                
布局标签
                
                

                    
div
                    
span
                    
header
                    
main
                    
footer
                    
menu
                    
nav
                    
aside
                    
article
                    
section
                    
time
                    
address
                
            
            

                
块元素、行内元素、行内块元素
                

                    
                    
我是块元素：block
                    
我是块元素：block
                
                

                    
                    
                    我是行内元素：inline
                    我是行内元素：inline
                    我是行内元素：inline
                    我是行内元素：inline
                
                

                    
                    
                    
                
                
            
        
    

语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。

有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。

在没有CSS的情况下也能呈现较好的内容结构与代码结构。

方便其他设备的解析(如屏幕阅读器、盲人阅读器、移动设备)。

便于团队开发和维护，语义化更具可读性！

去掉css样式后，依然能很好的呈现内容！

不要使用纯样式标签（如b和u标签），而使用css设置！

熟悉html5新增的语义化标签，如header、footer、hgroup、nav、aside、article、section等！

待完成

当浏览器不支持脚本或者禁用脚本时显示，使用如下

当浏览器不知canvas标签时显示，使用如下

    Your browser does not support the HTML5 canvas tag.

当浏览器不支持video标签时显示， 使用如下

判断ie版本决定是否显示，使用如下

    
              
  

                  
最新活动