来源:知乎 作者:大漠
耒阳网站建设公司成都创新互联公司,耒阳网站设计制作,有大型网站制作公司丰富经验。已为耒阳超过千家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的耒阳做网站的公司定做!
原文:https://www.zhihu.com/question/396745068
HTML(HyperText Markup Language)是建Web的最基础部分之一,也可以说是构建Web世界的一砖一瓦。这也是众所周知的。但在当代Web开发当中,已经很少有开发者关注HTML相关的话题了,特别是当JavaScript框架、组件库、UI库横着走的年代,这方面更是如此。
换句话说,能写出具有语义化,具有可访问性的文档结构的前端开发者越来越少了。
写出一个文档结构不清晰,对于可访问性来说是致命的,特别是对于那些依赖于屏幕读屏器的用户群体来说更是惨不忍睹。记得我在A11Y系列的《编写HTML时要考虑可访问性》中就和大家讨论过这方面的话题。
在回答题主具体问题前聊到可访问性,只是想说HTML其实对于Web的构建也是非常的重要,不能小视。
接下来,回到具体问题上来了吧。
在HTML中有很多标签是很有意思的,不管是老的标签还是新的标签。先来说老的标签和大家熟悉的标签:
、、、等
这几个标签是不是很熟悉,从最终的呈现效果来看,和会让文本变粗;和会让文本斜体。但他们在HTML中语义起着不同的作用。
有关于这方更详尽的还是要阅读相关规范。
新出的标签,也就是HTML5中的标签,有很多更利于Web布局和SEO的语义化标签,比如
其实这几个标签和WAI-ARIA中的land mark也有着对应关系,对于屏幕阅读器来说是非常友好的:
除了这些熟悉的标签,还有一些冷门的标签:
来看上面列的几个标签能帮我们实现的一些效果。
比如使用和可以做一些修改性的UI效果:
而且
可以实现手风琴这样的效果:
而且我们熟悉的的srcset和sizes也让img变理更强大:
figure和figcaption更好的管理img和相关的图像描述
除此之外,还有很多HTML属性也是非常有意思的,特别是表单中的使用
新闻标题:有哪些被低估未被广泛使用的有用的HTML标签?
网站链接:http://www.shufengxianlan.com/qtweb/news24/124924.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联