HTML5入行门槛低、薪资待遇高,是零基础转行从事IT开发行业的人的选择。语义是HTML5重要的特性之一,也是HTML5入门基础,今天千锋郑州老师就来给大家分享一下如何学习语义化。
首先,明确语义化的含义。
语义化就是用合理、正确的标签来展示内容,比如h1-h6定义标题。使用语义化可以方面用户阅读,在样式丢失的时候能让页面呈现清晰的结构,有利于SEO,同时还方便其他设备解析,有利于维护开发。
其次,了解语义化都包含哪些内容。
1)头部header。定义文档或者文档的部分区域的页眉,应作为介绍内容或者导航链接栏的容器。在一个文档中,你可以定义多个头部元素,但需要注意的是header元素不能作为address、footer或 header元素的子元素。
2)主题main。定义文档的主要内容,该内容在文档中应当是独一无二的,不包含任何在文档中重复的内容,比如侧边栏,导航栏链接,版权信息,网站logo,搜索框(除非搜索框作为文档的主要功能)。
3)nav。描述一个含有多个超链接的区域,该区域包含跳转到其他页面或页面内部其他部分的链接列表。在一个文档中,可定义多个nav元素。
4)aside。表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分且可以被单独的拆分出来而不会影响整体。通常表现为侧边栏或嵌入内容。
5)article。表示文档、页面、应用或网站中的独立结构,是可独立分配的、可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。
6)section。表示文档中的一个区域(或节),比如,内容中的一个专题组。如果元素内容可以分为几个部分的话,应该使用article而不是 section。不要把section元素作为一个普通的容器来使用,特别是当section仅仅是为了美化样式或方便脚本使用的时候,应使用div。
7)footer。定义近一个章节内容或者根节点元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。使用footer插入联系信息时,应在 footer 元素内使用 address元素。注意不能包含或者。
HTML5入门基础知识非常多,只有掌握了它们你才能熟练应用技术。千锋郑州HTML5培训依据企业需求制定课程大纲,采用全程面授、以项目驱动学科过程,学员不仅可以学到扎实的理论知识,同时还可以积累较多的实战经验,毕业受企业青睐。