理解html语义化标签

巴扎黑
发布: 2017-07-20 16:01:46
原创
1609人浏览过

1、del和ins标签

兼容性:浏览器全部支持

del:定义文档中已被删除的文本。

ins:定义已经被插入文档中的文本。

<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8" /><title>html标签使用</title><style>* {padding: 0;margin: 0;}</style></head><body><del>原价:299元</del><ins>特价:188元</ins></body></html>
登录后复制

效果:

立即学习前端免费学习笔记(深入)”;

 

对HTML5语义化标签解释

定义主要内容

页眉,可能包含标题元素,也可以包含其他元素,像logo、分节头部、搜索表单等


 

    

页眉主标题

    

页眉副标题

 

   

  

   

是一个特殊的section标签,它比section具有更明确的语义,它代表一个独立的、完整的相关内容块,可独立于页面其它内容使用。例如一篇完整的论坛帖子,一篇博客文章,一个用户评论等等。一般来说,article会有标题部分(通常包含在header内),有时也会包含footer。article可以嵌套,内层的article对外层的article标签有隶属关系。例如,一篇博客的文章,可以用article显示,然后一些评论可以以article的形式嵌入其中。


   

       

             

这是一篇介绍HTML 5结构标签的文章

             

HTML 5的革新

      

      

   

   

文章内容详情

   

    

        

Sidebar

        

              

    ShopWind网店系统
    ShopWind网店系统

    ShopWind网店系统是国内最专业的网店程序之一,采用ASP语言设计开发,速度快、性能好、安全性高。ShopWind网店购物系统提供性化的后台管理界面,标准的网上商店管理模式和强大的网店软件后台管理功能。ShopWind网店系统提供了灵活强大的模板机制,内置多套免费精美模板,同时可在后台任意更换,让您即刻快速建立不同的网店外观。同时您可以对网模板自定义设计,建立个性化网店形象。ShopWind网

    ShopWind网店系统 0
    查看详情 ShopWind网店系统
  • WordPress (3)
  •           

  • Design (23)
  •           

  • Design (18)
  •         

    

   

表示文档中的一个区域(或节),比如,内容中的一个专题组,一般来说会有包含一个标题(heading)。

一般通过是否包含一个标题 (

-

 element) 作为子节点 来 辨识每一个


  

这里是section标题...

  

这里是section标题对于内内容...

   

元素代表一段独立的内容.用于对元素进行组合。多用于图片与图片描述组合。   

  figure.png图片按

段落

 

   figure.png图片按picture">   

   

figure图片描述

段落.....

   

定义了整个页面或其中一部分的页脚(并且通常包含原创作者,版权信息,联系方式和站点地图,文档相关的链接等信息)


  原创作者;版权信息;联系方式;文档相关链接等...

   

标签用于对网页或区段(section)的标题进行组合。使用新的HTML5元素hgroup,可以为header元素添加更多的信息。(头部主标题/副标题)


  

Main title

  

Secondary title

   

以上就是理解html语义化标签的详细内容,更多请关注php中文网其它相关文章!

相关标签:
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号