千家信息网

请输入关键字词

热门搜索排行

最新搜索排行

导航： 首页 > 开发技术 >

HTML标签语义化的示例分析

发表于：2025-02-01 作者：千家信息网编辑
千家信息网最后更新 2025年02月01日，小编给大家分享一下HTML标签语义化的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！结构化一个页面比作房子，那HT
千家信息网最后更新 2025年02月01日HTML标签语义化的示例分析

小编给大家分享一下HTML标签语义化的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

结构化

一个页面比作房子，那HTML就是钢筋混凝土的墙，房盖房梁一样的架子；而CSS就是装饰材料，地板油漆一类的东西。好的页面结构就是在没有CSS装饰的情况下，页面结构依然清晰明了，房屋依然可现。而人们常说的DIV+CSS，只是通俗的说法，并不是通篇的DIV，记住：DIV不是神！

语义化

HTML是一种对文本内容和意义（即语义）的补充说法。它会告诉我们说："这行是一个标题，这几行组成一个段落，这是一个项目列表，那是一个链接。"而不是来告诉我们："这些字是蓝色的，那些又是红色的，这部分内容靠右，这几个是斜体。"这些是CSS的工作。总之：HTML告诉我们一块内容是什么（或其意义），而不是它长什么样子。

代码如下:






语义化的好处？

  1. 去掉样式能让页面结构呈现清晰

  2. 屏幕阅读器会按标记"读"你的网页

  3. 有益于SEO

  4. 便于团队开发和维护

附:HTML5新增元素

标签含义与html4对照
标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容HTML5:

HTML4:
标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。HTML5:

HTML4:
标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。HTML5:
HTML4:
Aside 的内容是独立的内容，但应与文档内容相关。
标签定义 section 或 document 的页眉。HTML5:

HTML4:
标签定义 section 或 document 的页脚。典型地，它会包含创作者的姓名、文档的创作日期以及/或者联系信息。HTML5:

HTML4:
标签用于对网页或区段（section）的标题进行组合。HTML5:

HTML4:
标签定义导航链接的部分HTML5:
HTML4:
    标签定义图形，比如图表和其他图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。HTML5:
    HTML4:
    标签定义视频，比如电影片段或其他视频流。HTML5:
    HTML4:
    标签定义声音，比如音乐或其他音频流。HTML5:
    HTML4:
    标签定义嵌入的内容，比如插件。HTML5:
    HTML4:
    标签为媒介元素（比如 HTML5:
    HTML4:
    标签定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表。HTML5:
    HTML4: none
    		标签定义元素的细节，用户可进行查看，或通过点击进行隐藏。与 一起使用，来制作 detail 的标题。该标题对用户是可见的，当在其上点击时可打开或关闭 detail。HTML5:

    HTML4:
    标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。"summary" 元素应该是 "details" 元素的第一个子元素。HTML5:
    HTML 5This document teaches you everything you have to learn about HTML 5.

    HTML4: none
    		标签用于对元素进行组合。使用
    元素为元素组添加标题。
    		HTML5:
    PRC

    The People's Republic of China was born in 1949...


    HTML4:

    PRC

    The People's Republic of China was born in 1949...

    		标签定义 figure 元素的标题。"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。HTML5:
    PRC

    HTML4: none
    主要用来在视觉上向用户呈现那些需要突出的文字。标签的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。HTML5:
    HTML4:
    标签定义度量衡。仅用于已知最大和最小值的度量。必须定义度量的范围，既可以在元素的文本中，也可以在 min/max 属性中定义。HTML5:
    HTML4: none
    标签定义不同类型的输出，比如脚本的输出。HTML5:
    HTML4:
    标签运行中的进程。可以使用 标签来显示 JavaScript 中耗费时间的函数的进程。HTML5:
    HTML4: none
    标签定义日期或时间，或者两者。HTML5:
    HTML4:
    标签用于对网页或区段（section）的标题进行组合HTML5:
    HTML4: none
    标签定义命令按钮，比如单选按钮、复选框或按钮。HTML5:
    HTML4: none

    以上是"HTML标签语义化的示例分析"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！

    很赞哦！
    标签 元素 内容 标题 文档 语义 就是 文本 用户 结构 页面 区段 按钮 篇文章 网页 组合 示例 分析 东西 个子 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 阿里神龙云服务器cpu 服务器专利风险分析报告 mongdb数据库操作 比亚迪 软件开发部 海德软件数据库 网络安全协议课程心得 网络安全的五个基本要素是 微藻基因组数据库 软件开发和程序员 博瑞北京软件开发有限公司 ai算法工作服务器 mysql查数据库时间 魔兽8区阿拉希服务器 网易如何加入服务器 写一篇网络安全倡议书 中国数据库开放 服务器主机如何安装驱动 刘化君网络安全 工业仿真软件开发商 网络安全专业零基础学习 广电网络家庭服务器不能正常开 手机如何登陆虚拟服务器 ntp时间同步服务器命令 计算机三级网络技术难吗 松江区网络技术咨询服务收费 补充落实网络安全法协议 晨科软件开发 青岛地铁软件开发待遇 上海峰晓网络技术有限公司 兵团网络安全技能比赛

    相关文章

    0