美文网首页
关于语义标签的理解

关于语义标签的理解

作者: 小鳄鱼的大哥哦 | 来源:发表于2021-01-19 15:08 被阅读0次

HTML5的语义标签屡见不鲜了,但是平时用到的很少。
常用的像:

h123456
p
img
a
aside
article
nav
header
footer
...

HTML称为超文本标记语言,也就是在原本的记事本文档的基础上添加了新的展示信息,让界面看起来更加的丰富和有层次感。

语义化标签的设计意图是想按照书籍的排版样式来规定使用的标签:

  • 有序列表
  • 无序列表
  • 主标题
  • 副标题
  • 导航-菜单-目录
  • 插入的图片-插入的链接
  • 粗体-斜体
    ...

下面引用一位其他读者的评论:
语义化标签的一些点可能会降低开发者的使用欲望
1.很多语义标签自带样式,而这些样式我们并不需要,所以还要先取消默认样式。
2.现代网页已经不再是按照书籍排版的结构来的,很多页面元素并不容易明确应该使用哪个语义标签。

对于第二点我深以为然,我也并没有深入研究过语言文字排版,而且现在的界面设计相比书籍更加的丰富多样,很多地方根本不知道应当使用什么样式来排版,就一直用div、span来替代。

对于语义化标签的总结:

语义标签用到合适的地方 > 通用div、span > 乱用语义标签

实际上,HTML 这种语言,并不像严谨的编程语言一样,有一条非此即彼的线。一些语义的使用其实会带来争议,所以我的建议是:你可以尽量只用自己熟悉的语义标签,并且只在有把握的场景引入语义标签。这样,我们才能保证语义标签不被滥用,造成更多的问题。

我简历上写精通html的,脸疼了。

相关文章

  • 关于语义标签的理解

    HTML5的语义标签屡见不鲜了,但是平时用到的很少。常用的像: HTML称为超文本标记语言,也就是在原本的记事本文...

  • 2021-02-02面试题

    你对标签语义化的理解是什么? 语义是我们说话表达的意思.多数的语义都是文字来承载的.语义类标签则是纯文字的标签.比...

  • html 标签对应的英文单词

    标签(空格分隔): html 标签语义化 英语 前言 对于标签语义化的理解 有些许帮助吧 html标签-英文单词...

  • 面试

    HTML 如何理解 HTML 语义化 HTML语义化就是使用正确的标签,段落就写 p 标签,标题就写 h1 标签,...

  • HTML常用标签

    4.1标签语义 学习标签是有技巧的,重点是记住每个标签的语义。简单理解就是指标签的含义,即这个标签是用来干嘛的。 ...

  • 笔试/面试常见题型

    1.HTML语义化的理解和作用? 理解:根据具体内容,选择合适的标签(每个标签都有自己特定的语义)进行代码的编写。...

  • 前端面试知识点

    前端基础知识 1、关于html 1、html语义化标签得理解、结构化的理解;能否写出简洁的html结构;SEO优化...

  • HTML5标签语义化

    理解HTML5语义化:HTML5的语义化指的是用正确的标签包含正确的内容,标签语义化的好处就是结构良好,便于阅读,...

  • Summary

    基本功考察 1.关于Html 1、html语义化标签的理解、结构化的理解;能否写出简洁的html结构;SEO优化。...

  • 前端知识点目录整理

    基本功考察 关于Html 1、html语义化标签的理解、结构化的理解;能否写出简洁的html结构;SEO优化。 2...

网友评论

      本文标题:关于语义标签的理解

      本文链接:https://www.haomeiwen.com/subject/nfnqzktx.html