资讯专栏INFORMATION COLUMN

HTML之常用标签

余学文 / 2254人阅读

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

HTML之常用标签
介绍了前端中常用的标签,讲解了行内元素和块元素的区别,同时重点解释了语义化的意义!
html标签
html控制页面结构,良好的页面结构有利于seo优化


    
        
        html常用标签
        
        
        
        

        
        

    
    
        

文字标签

静夜思

床前明月光,疑是地上霜

举头望明月,低头思故乡


静夜思

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

文字标签

我是粗体
我是斜体
H2SO4是硫酸的化学式!
原价:¥6.5/kg
hello world!
我是span标签
woshishui

实体字符集

我是实体字符集:< hello word! >

超链接标签

百度一下   回到顶部   下一章  

表格标签

表格标题
书名 得分
html指南 90
javascript手册 80
css秘密 85
平均分 85

列表

  • 项目一
  • 项目二

  1. 项目一
  2. 项目二

html手册
用来学习html的百科全书!
javascript指南
用来学习javascript的百科全书!

表单标签



登录框

多媒体标签

webkitflow

框架标签iframe

布局标签

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

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

我是块元素:block

我是块元素:block

我是行内元素:inline 我是行内元素:inline 我是行内元素:inline 我是行内元素:inline
补充延伸 html语义化 语义化的定义?

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

为什么要重视语义化?

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

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

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

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

写html代码时的建议?

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

不要使用纯样式标签(如b和u标签),而使用css设置!

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

seo优化

待完成

优雅降级 noscript

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

    
canvas

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

    Your browser does not support the HTML5 canvas tag.
video

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

    
ie提示

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

    
                 
                   
              
  
最新活动
阅读需要支付1元查看
<