蓉杠学习网

html语义化理解,html语义化的理解

大家好,今天小编关注到一个比较意思的话题,就是关于html语义化理解的问题,于是小编就整理了2个相关介绍HTML语义化理解的解答,让我们一起看看吧。

  1. 什么样的CSS代码算是优雅的、高效的?
  2. 如何熟悉和了解常用的HTML5标签?

什么样的css代码算是优雅的、高效的?

  1. CSS按照公有和私有模块化开发

  2. css命名的统一规范

    html语义化理解,html语义化的理解div>
    图片来源网络,侵删)
  3. 根据UED标准开发通用的组件样式模块(包含统一的pc和移动端reset)

  4. 统一标准且语义化的html结构输出

要想把css代码写的优雅,我认为需要做到下面几点

html语义化理解,html语义化的理解
(图片来源网络,侵删)

1.必须遵从命名规范,建议使用BEM命名法,目前腾讯内部的前端也在使用这种命名规范。遵从命名规范的目的是让你的css更具语义化,可读性更高。

2.样式的层级最好不要超过三层,样式层级越多,依赖越大,不好维护。

3.抽取共用样式,比如皮肤类的样式,建议抽取出来,比如文字颜色背景颜色,字体大小等等,单独放在一个css文件中,在引用它时,在css里面import就可以

html语义化理解,html语义化的理解
(图片来源网络,侵删)

4.要想组织好css代码,就要先组织好html的结构,一个好的html结构,才能写出一个好的css结构。

5.现在有很多css预处理语言,比如sass,less,这些***,可以让你减少很多css代码量,让你想写js一样去写css,但是建议写css比较熟悉以后再用预处理

要知道,CSS对于互联网来说是很重要的,正是因为CSS的存在,让我们的网页才能更加的形式多样及美观。很多开发者觉得CSS简单,但却不知道想要精通CSS也是较难的,不同的人写出的CSS也存在着性能差异。

那对于CSS而言,如何写才能让CSS更优雅和高效呢?

虽然说CSS没有一套官方的编码规范,但很多开发者在实际编码过程中还是总结出了一些心得让CSS代码规范化,主要措施有:

1、CSS代码命名要统一规范

不同公司的代码规范不同,最基本要求是同一个项目的代码看上去要像一个人写的。

2、重置默认的CSS样式

此举是为了消除不同浏览器下的默认样式渲染差异的。

3、尽可能少的使用ID选择器,多使用class选择器

因为ID代表的是唯一,所以ID选择器不具备复用性,尽可能不使用ID选择器。

4、选择器和CSS属性及值全为小写

如何熟悉和了解常用HTML5标签

做为一个前端开发工程师,很高兴可以回答你问题!网上复制答案头条是知道的!

HTML5的新增标签,标签的意义所在主要是语义化标准,让浏览器更好的认识这些标签,有助 于SEO的优化!至于有多少新增标签我在这里就不一一写出来了,网上有!

最后呢,关于如何熟悉跟了解使用,那就得在开发项目中多多使用规范了,不过平时开发过程中,目前还是没有频繁使用,不过用了就更好了,毕竟能够规范代码是最好的!

因为您问的是HTML5的标签问题,所以其它HTML5新增功能特性我在这里就不一一列举了!

祝你在编程路上步步顺利!

到此,以上就是小编对于html语义化理解的问题就介绍到这了,希望介绍关于html语义化理解的2点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.rongung.com/post/37377.html

分享:
扫描分享到社交APP