千锋教育-做有情怀、有良心、有品质的IT职业教育机构

HTML5入门基础之语义化知识详解

时间:2018-04-04 15:04:20  |  来源:千锋教育郑州校区  |  作者:

   HTML5入行门槛低、薪资待遇高,是零基础转行从事IT开发行业的人的选择。语义是HTML5重要的特性之一,也是HTML5入门基础,今天千锋郑州老师就来给大家分享一下如何学习语义化。

  首先,明确语义化的含义。

  语义化就是用合理、正确的标签来展示内容,比如h1-h6定义标题。使用语义化可以方面用户阅读,在样式丢失的时候能让页面呈现清晰的结构,有利于SEO,同时还方便其他设备解析,有利于维护开发。

  其次,了解语义化都包含哪些内容。

  1)头部header。定义文档或者文档的部分区域的页眉,应作为介绍内容或者导航链接栏的容器。在一个文档中,你可以定义多个头部元素,但需要注意的是header元素不能作为address、footer或 header元素的子元素。

HTML 5.jpg

  2)主题main。定义文档的主要内容,该内容在文档中应当是独一无二的,不包含任何在文档中重复的内容,比如侧边栏,导航栏链接,版权信息,网站logo,搜索框(除非搜索框作为文档的主要功能)。

  3)nav。描述一个含有多个超链接的区域,该区域包含跳转到其他页面或页面内部其他部分的链接列表。在一个文档中,可定义多个nav元素。

  4)aside。表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分且可以被单独的拆分出来而不会影响整体。通常表现为侧边栏或嵌入内容。

  5)article。表示文档、页面、应用或网站中的独立结构,是可独立分配的、可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。

  6)section。表示文档中的一个区域(或节),比如,内容中的一个专题组。如果元素内容可以分为几个部分的话,应该使用article而不是 section。不要把section元素作为一个普通的容器来使用,特别是当section仅仅是为了美化样式或方便脚本使用的时候,应使用div。

  7)footer。定义近一个章节内容或者根节点元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。使用footer插入联系信息时,应在 footer 元素内使用 address元素。注意不能包含或者。

  HTML5入门基础知识非常多,只有掌握了它们你才能熟练应用技术。千锋郑州HTML5培训依据企业需求制定课程大纲,采用全程面授、以项目驱动学科过程,学员不仅可以学到扎实的理论知识,同时还可以积累较多的实战经验,毕业受企业青睐。

新开班

  • ▪ JavaEE培训班 06.11 抢座
  • ▪ Python培训班 05.28 抢座
  • ▪ HTML5培训班 05.14 抢座
  • ▪ JavaEE培训班 04.16 抢座
  • ▪ Python培训班 04.16 抢座
  • ▪ UI交互设计培训 05.02 抢座
  • ▪ HTML5培训班 04.09 抢座
  • ▪ Python培训班 03.26 开班
  • ▪ HTML5培训班 03.12 爆满
  • ▪ JavaEE培训班 03.26 开班
  • 郑州地址:郑州市二七区航海中路60号海为科技园C区10层、12层
    咨询电话:0371-55911950 400-654-7778
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训、UI课程培训
  • 北京天丰利校区:北京市海淀区宝盛北里西区28号天丰利商城4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术广场服务楼2层、南区服务楼2层
    咨询电话:400-654-7778 010-82790226-801
    面授课程:iOS培训、Android培训、HTML5培训、UI培训、PHP培训、JavaEE培训、好程序员
  • 深圳科技园校区:深圳市南山区科苑南路高新技术产业园R3-B栋5层
    深圳大学城校区:深圳市南山区留仙大道1201号大学城创客小镇16栋2楼、3楼
    深圳西部硅谷校区:深圳市宝安区宝安大道5010号西部硅谷B座A605-619
    咨询电话:0755-86681178/9-801
    面授课程:iOS培训、Android培训、HTML5培训、UI培训、PHP培训、JavaEE培训、好程序员
  • 上海地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
    咨询电话:400-627-7899 021-65025129-602
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训、UI课程培训、好程序员
  • 成都旅游校区:成都市一环路西二段17号四川旅游青羊校区内
    成都华立校区:成都一环路西二段17号华立大厦3楼
    咨询电话:028-83178771 028-61967740
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训、UI课程培训
  • 广州地址:广州市天河区元岗路310号智汇park创意园E座5层
    咨询电话:020-22119207 400-654-7778
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 大连地址:大连市甘井子区软件园路2号B8座二楼
    咨询电话:0411-39026086 400-654-7778
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 武汉地址:武汉市东新区光谷大道77号金融港B26栋9楼
    咨询电话:027-59905909 027-59905908 027-59905902
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 西安南二环校区:西安市二环南路西段60号永安大厦4层
    西安科技园校区:西安市雁塔区高新六路52号立人科技园C座西区4层
    咨询电话:029-85260160 029-85261030 029-85260960
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 杭州地址:浙江省杭州市江干区九堡旺田书画城A座4层
    咨询电话:0571-86893632 010-82790226/7-801
    面授课程:iOS课程培训、Android课程培训
  • 青岛校区地址:青岛市市南区金坛路17号青岛职业技术南校区实训楼A4层
    咨询电话:0532-80910752/3 010-82790226/7-801
    面授课程:iOS课程培训、Android课程培训、UI课程培训
  • 千锋教育微信号
    扫描加好友