现在互联网行业对web前端的需求还是非常大的,很多的小伙伴选择学习html5技术,其目的就是为了能够快速的进入这个行业,从而快速的找到自己的方向。同时也有许多朋友因为是零基础,担心学不会而站在html5的“门口”由于不决,今天华清远见html5培训的小编为大家准备了一些html5培训基础知识,让你见识一下这些基础知识有多简单,让你再也不用担心学不会了。
1、 什么是HTML语义化?
基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等;
根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
2、 为什么要语义化?
(1)为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看;
(2)用户体验:例如title、alt用于解释名词或解释图片信息、label标签的活用;
(3)有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;
(4)方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;
(5)便于团队开发和维护,语义化更具可读性,是下一步吧网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化
3、写HTML代码时应注意什么?
(1)尽可能少的使用无语义的标签div和span;
(2)在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利;
(3)不要使用纯样式标签,如:b、font、u等,改用css设置。
(4)需要强调的文本,可以包含在strong或者em标签中(浏览器预设样式,能用CSS指定就不用他们),strong默认样式是加粗(不要用b),em是斜体(不用i);
(5)使用表格时,标题要用caption,表头用thead,主体部分用tbody包围,尾部用tfoot包围。
(6)表头和一般单元格要区分开,表头用th,单元格用td;
(7)表单域要用fieldset标签包起来,并用legend标签说明表单的用途;
(8)每个input标签对应的说明文本都需要使用label标签,并且通过为input设置id属性,在lable标签中设置for=someld来让说明文本和相对应的input关联起来。
以上知识html5培训基础知识的一部分,但是由于数量与字数的限制我们就不一一赘述了。但是看了上面这些html5培训基础知识以后,是不是难度很小,你还在为您零基础而担心吗?
热点新闻
010-82600385/6
北京市海淀区西三旗悦秀路北京明园大学校内
021-54485127
上海市徐汇区漕溪路250号银海大楼11层
0755-25590506
深圳市龙华新区人民北路美丽AAA大厦15层
028-85405115
成都武侯区科华北路99号科华大厦2层
025-86551900
南京市白下区汉中路185号鸿运大厦11层
027-87804688
武汉工程大学卓刀泉校区科技孵化器大楼11层
029-88756251
西安市高新区高新1路12号天公大厦3层
020-38342087
广州市天河软件园柯木塱园5栋三层
024-24349000
沈阳市沈河区北顺城路137号锦峰大厦7层
0531-88898293
济南市高新区舜华路三庆世纪财富中心B3座6层
023-68064704
重庆市九龙坡区渝州路87号双薪时代九楼
0731-88713136
长沙市开福区芙蓉中路海东青大厦B座11楼
Copyright © 2004-2017 华清远见教育集团 版权所有,京ICP备16055225号,京公海网安备11010802025197号