首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >什么是HTML5语义布局?

什么是HTML5语义布局?
EN

Stack Overflow用户
提问于 2011-05-20 20:52:18
回答 3查看 3.4K关注 0票数 6

好吧,这是一个愚蠢的问题,但是“HTML5提供语义布局”到底是什么意思呢?什么是“语义布局”?

EN

回答 3

Stack Overflow用户

发布于 2011-05-20 21:02:37

这是指在HTML标记中如何命名标签的转变。所以除了像div这样可以表示任何东西的东西之外,还有一些新的标签,比如:

  • header
  • article
  • aside
  • nav
  • footer
  • etc.

这些标记的使用提供了有关标记语义内容的更多信息,而不是依赖于更多关于样式而不是内容的规范(例如<div class="header">)。

这里的想法是,内容本身告诉你它是“什么”。一个明显的好处是针对视障用户的屏幕阅读器,它可以更有效地以更结构化的方式向用户呈现内容。

票数 9
EN

Stack Overflow用户

发布于 2011-05-20 21:11:13

语义标记将把焦点从表示转移到结构上。例如,您可以使用h标签来表示用作段落或章节标题的文本,而不是使用h标签使文本变大或变小。

语义标记不是使用ID或类来表示其用途的通用div,而是使用诸如headerfooternav之类的标记来清楚地标识文档的各个部分。

HTML标记将变成纯结构化的,表示信息将被移动到一个单独的层,如CSS。

票数 2
EN

Stack Overflow用户

发布于 2012-09-11 16:37:14

HTML5网站布局

代码语言:javascript
运行
复制
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

</head>

<body>

<header> </header>
<nav><ul>
<li></li>
</ul>
</nav>
<section> <article><figure><img src=""/></figure></article></section>
<footer>by siva </footer>

</body>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6072137

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档