首页 > 软件开发 > HTML >

快速学会HTML5语言-33-HTML5新语法(实例)

来源:互联网 2023-03-16 19:11:54 455

如果帮到了你,投票,多多投票,谢谢。QcQ办公区 - 实用经验教程分享!

快速学会HTML5语言-33-HTML5新语法(实例)QcQ办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime
  • 链接:https://pan.baidu.com/s/1okl-cSmUdEcUSi5iNhBy9g
  • 密码:bpmk

方法/步骤

  • 1

    nav>标记,表示页面中导航链接的部分。QcQ办公区 - 实用经验教程分享!

    nav>/nav>QcQ办公区 - 实用经验教程分享!

    快速学会HTML5语言-33-HTML5新语法(实例)QcQ办公区 - 实用经验教程分享!

  • 2

    article>标记,表示页面中的一块与上下文不相关的独立内容,如博客中的一篇文章或报纸中的一篇文章。QcQ办公区 - 实用经验教程分享!

    article>/article>QcQ办公区 - 实用经验教程分享!

    快速学会HTML5语言-33-HTML5新语法(实例)QcQ办公区 - 实用经验教程分享!

  • 3

    HTML5新增纯语义性块级标记,aside、fgure、fgcaption、delog。QcQ办公区 - 实用经验教程分享!

    aside>标记,定义页面内容之外的内容,例如侧边栏,还可以用来表达注记、侧栏、摘要、插入的引用等作为补充主体的内容。QcQ办公区 - 实用经验教程分享!

    aside>QcQ办公区 - 实用经验教程分享!

    h3>最新文章/h3>QcQ办公区 - 实用经验教程分享!

    ul>QcQ办公区 - 实用经验教程分享!

    li>a href="#">文章标题/a>/li>QcQ办公区 - 实用经验教程分享!

    /ul>QcQ办公区 - 实用经验教程分享!

    /aside>QcQ办公区 - 实用经验教程分享!

    快速学会HTML5语言-33-HTML5新语法(实例)QcQ办公区 - 实用经验教程分享!

  • 4

    figure>标记,定义媒介内容的分组,以及它们的标题,figure>标记,表示一段独立的流内容,一般表示文档主题流内容中一个独立单元。使用figcaption标记和figure标记组添加标题。QcQ办公区 - 实用经验教程分享!

    先来看以前HTML4的做法,发现文字在p标记中和img标记各行其道,很难让人联想到这是标题。QcQ办公区 - 实用经验教程分享!

    img src="风景.jpg" alt="">QcQ办公区 - 实用经验教程分享!

    风景描述/QcQ办公区 - 实用经验教程分享!

    快速学会HTML5语言-33-HTML5新语法(实例)QcQ办公区 - 实用经验教程分享!

  • 5

    来看HTML5的写法,即可语义化联想到这是图片相对应的标题。QcQ办公区 - 实用经验教程分享!

    figure>QcQ办公区 - 实用经验教程分享!

    img src="风景.jpg" alt="">QcQ办公区 - 实用经验教程分享!

    figcaption>QcQ办公区 - 实用经验教程分享!

    风景描述/QcQ办公区 - 实用经验教程分享!

    /figcaption>QcQ办公区 - 实用经验教程分享!

    /figure>QcQ办公区 - 实用经验教程分享!

    快速学会HTML5语言-33-HTML5新语法(实例)QcQ办公区 - 实用经验教程分享!

  • 6

    dialog>标记,定义会话(对话),表示用户之间的对话,在HTML5中,dt>表示讲话者人物,dd>标记表示讲话者的内容。QcQ办公区 - 实用经验教程分享!

    dialog>QcQ办公区 - 实用经验教程分享!

    dt>张三问/dt>QcQ办公区 - 实用经验教程分享!

    dd>你们是怎么学习的?/dd>QcQ办公区 - 实用经验教程分享!

    dt>李四答/dt>QcQ办公区 - 实用经验教程分享!

    dd>每天进步一点点/dd>QcQ办公区 - 实用经验教程分享!

    /dialog>QcQ办公区 - 实用经验教程分享!

    快速学会HTML5语言-33-HTML5新语法(实例)QcQ办公区 - 实用经验教程分享!

  • 6此文章未经许可获取自百度经验
  • 注意事项

    • 如果有疑问,请在下方评论,小编会回复。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
    • 输入完代码,一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)
    • gif动态图将重复播放。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!QcQ办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码