分享更有价值
被信任是一种快乐

语义化是html5新特性吗

文章页正文上

小编给大家分享一下语义化是html5新特性吗,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 语义化是html5新特性,其作用为:1、让页面能呈现出更好地内容结构、代码结构;2、提升用户体验感;3、有利于SEO;4、让浏览器的爬虫和机器更好地解析;5、便于团队开发和维护。本教程操作环境:windows7系统、HTML5版、Dell G3电脑。1、什么是HTML语义化?基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等> 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器更好地解析。2、为什么要语义化?有什么用?为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看;提升用户体验感:例如title、alt用于解释名词或解释图片信息、label标签的活用;有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备),以意义的方式来渲染网页;便于团队开发和维护,语义化更具可读性,是下一步吧网页的重要动向,遵免费云主机、域名循W3C标准的团队都遵循这个标准,可以减少差异化。3、写HTML代码时应注意什么?尽可能少的使用无语义的标签p和span;在语义不明显时,既可以使用p或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利;不要使用纯样式标签,如:b、font、u等,改用css设置。需要强调的文本,可以包含在strong或者em标签中(浏览器预设样式,能用CSS指定就不用他们),strong默认样式是加粗(不要用b),em是斜体(不用i);使用表格时,标题要用caption,表头用thead,主体部分用tbody包围,尾部用tfoot包围。表头和一般单元格要区分开,表头用th,单元格用td;表单域要用fieldset标签包起来,并用legend标签说明表单的用途;每个input标签对应的说明文本都需要使用label标签,并且通过为input设置id属性,在lable标签中设置for=someld来让说明文本和相对应的input关联起来。 4、HTML5新增了哪些语义标签,详述之。1)、

定义文档中的主体部分的节、段。2)、一个特殊的section标签,比section有更明确的语义。定义来自外部的一个独立的、完整的内容块,例如什么论坛的文章,博客的文本。。。3)、用来装载页面中非正文的内容,独立于其他模块。例如广告、成组的链接、侧边栏。。。4)、

  定义文档、页面的页眉。通常是一些引导和导航信息,不局限于整个页面头部,也可以用在内容里。5)、

  定义了文档、页面的页脚,和header类似。6)、

  定义了一个链接组组成的导航部分,其中的链接可以链接到其他网页或者当前页面的其他部分。7)、

  用于对网页或区段(section)的标题元素(h2~h7)进行组合。8)、

  用于对元素进行组合。9)、

  为figure元素加标题。一般放在figure第一个子元素或者最后一个。10)、

  定义元素的细节,用户可以点击查看或者隐藏。11)、

  和details连用,用来包含details的标题。12)、  用来进行canvas绘图。13)、  定义视频。14)、  定义音频。15)、  定义嵌入网页的内容。比如插件。16)、  该标签为媒介元素(比如video、audio)定义媒介元素。17)、  定义可选数据的列表,与input配合使用()可制作输入值的下拉列表。18)、  在视觉上向用户展现出那些想要突出的文字。比如搜索结果中向用户高亮显示搜索关键词。
19)、  度量衡,用红黄绿表示出一个数值所在范围。20)、  定义不同类型的输出,样式与span无异。21)、  进度条,运行中的进度。22)、  定义日期或者时间。23)、  定义加密内容。24)、  定义命令行为。以上是“语义化是html5新特性吗”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注云技术行业资讯频道!

相关推荐: CSS if条件相关问题有哪些

这篇文章主要介绍“CSS if条件相关问题有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS if条件相关问题有哪些”文章能帮助大家解决问题。 1.区别IE和非IE阅读器CSS HACK代码 2.区别IE6,I…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册