好吧,这是一个愚蠢的问题,但是“HTML5提供语义布局”到底是什么意思呢?什么是“语义布局”?
发布于 2011-05-20 21:02:37
这是指在HTML标记中如何命名标签的转变。所以除了像div
这样可以表示任何东西的东西之外,还有一些新的标签,比如:
header
article
aside
nav
footer
这些标记的使用提供了有关标记语义内容的更多信息,而不是依赖于更多关于样式而不是内容的规范(例如<div class="header">
)。
这里的想法是,内容本身告诉你它是“什么”。一个明显的好处是针对视障用户的屏幕阅读器,它可以更有效地以更结构化的方式向用户呈现内容。
发布于 2011-05-20 21:11:13
语义标记将把焦点从表示转移到结构上。例如,您可以使用h
标签来表示用作段落或章节标题的文本,而不是使用h
标签使文本变大或变小。
语义标记不是使用ID或类来表示其用途的通用div,而是使用诸如header
、footer
和nav
之类的标记来清楚地标识文档的各个部分。
HTML标记将变成纯结构化的,表示信息将被移动到一个单独的层,如CSS。
发布于 2012-09-11 16:37:14
HTML5网站布局
<!--[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>
https://stackoverflow.com/questions/6072137
复制相似问题