1.无语义标签
- div 块级标签,独占一行
- span 行内标签
2.语义化标签
手机端常用
- header 网页头部
- nav 网页导航
- footer 网页底部
- aside 网页侧边栏
- section 网页区块
- article 网页文章
以上标签和 div 等效,多了语义化
<header>网页头部</header>
<nav>网页导航</nav>
<footer>网页底部</footer>
<aside>侧边栏</aside>
<section>网页区块</section>
<article>文章</article>
3.字符实体
在网页中显示特殊字符
- 空格
- 版权符
©
<!-- 单词之间有5个空格,最后只显示一个空格 -->
hello world
<!-- 实现单词之间有5个空格 -->
hello world
<!-- 版权符号 -->
©

本文介绍了HTML中的无语义标签如<div>和<span>,以及语义化标签如<header>、<nav>、<footer>、<aside>、<section>和<article>的使用。语义化标签在提升网页可读性和SEO优化方面具有重要意义,特别是在手机端网页设计中更为重要。通过实例展示了如何利用这些标签构建清晰、结构化的网页布局。
642

被折叠的 条评论
为什么被折叠?



