HTML语义：如何运用语义类标签来呈现Wiki网页？
该思维导图由 AI 生成，仅供参考
荧光笔
直线
曲线- 深入了解
- 翻译
- 解释
- 总结
本文深入介绍了如何运用HTML语义类标签来呈现Wiki网页的内容。通过分析Wikipedia文章中使用的语义类标签，作者帮助读者理解语义的概念，并详细介绍了侧边栏、文章主体、标题、缩写、横线、注记、重要词语、引述、日期、图片、定义、目录、预先编写好的段落等内容在HTML中的语义表示方法。通过对每个部分的分析和示例代码，读者可以清晰地了解如何使用语义类标签来呈现不同类型的内容，从而提高网页的可读性和可访问性。文章内容详实，适合想要深入了解HTML语义类标签运用的读者阅读学习。文章还提到了HTML工作组对语义标签的增加是非常谨慎和保守的，以及对语义标签的使用建议，为读者提供了更多实用的指导。文章内容丰富，对于想要提升网页可读性和可访问性的开发者和设计师来说，是一篇值得深入阅读的技术文章。
《重学前端》，新⼈⾸单¥59
全部留言(122)
- 最新
- 精选
wangzy语义化标签的一些点可能会降低开发者的使用欲望 1.有些标签可能还不知道就已经过时了 2.很多语义标签自带样式，而这些样式我们并不需要，所以还要先取消默认样式。 3.现代网页已经不再是按照书籍排版的结构来的，很多页面元素并不容易明确应该使用哪个语义标签。作者回复: 对，你讲的这三点都很准，跟我的感受很接近。尤其是3，我觉得至少有一半内容不知道用啥标签好。
2019-10-2343- silver6wings在未来高度自动化后，设计师编辑好的矢量图文件可以自动生成前端代码的技术产生之后，这门手艺是否还会需要，还是会变得像手工刺绣一样仅仅是一项娱乐运动，这点大佬您怎么看？
作者回复: 没你想的那么简单，像你说的那个程度Dreamweaver早就做到了，矢量图没有正确的语义，不带排版信息，也不会替你做交互，这几样才是前端的主要工作。
2019-02-194 
朋克是夏天的冰镇雪碧看到文中说 cite 标签表示引述的作品名，一下子有点没理解这句话是什么意思，然后自己去搜了搜，看到有人说可以把 cite 标签理解为书名号，豁然开朗。作者回复: 然而这个说法是错的。 cite的意思是你引用了作品中的片段或者观点。不是所有提到作品的地方都可以用cite。典型的场景是论文的引用关系。
2019-07-29
Anoxia.苏两个wiki的页面，一个无法打开，一个打开后显示not found 极客时间版权所有: https://time.geekbang.org/column/article/78168编辑回复: 我刚试了一下，显示能打开呀。
2019-02-27
Semantha这篇文章中的好多标签都没用过。。。作者回复: 没关系，不用追求使用新奇的标签，记住几个用几个，慢慢会的就多了。
2019-02-23
孤舟【Evelyn】请问是几个模块交叉来讲的吗？还是html部分已经结束？编辑回复: 交叉着来哈
2019-02-18
一直都在老师，html5的新的标签兼容都不是很好，很多低版本的浏览器都不支持（那应该如何去语义化文本文档结构呢，我一般是写注释，您有什么好的建议呢？）作者回复: 如果确实有兼容IE8及以下的需求，建议不写新标签。 不过现在这样的业务应该非常少了，我从2012年做移动端已经没有过这方面的困扰。
2019-02-15- 扇子winter老师能不能提供下与课程对应的实际的源码供我们进一步详细学习呢？
作者回复: 哈哈，我没有写源码，自己写写看吧，理论上学完自己可以写出来哟。
2019-02-15 
ClarenceC突然觉得 html 语义标签，有点像 markdown 语法，都是用一个标签去表达一个文本的意思和作用。请求一下 winter 大大，因为现在我们一般都是使用 div span 搭建结构，语义标签的实用场景在那里呢？移动端和 pc端会不会有所不同啊？作者回复: 本质上两者都是富文本的描述。 语义标签的应用场景我在html第一篇就讲了。
2019-02-13
LeonZhang最后的表格当中date写错成data了编辑回复: 您好 老师说就是data哈
2019-01-26