全国服务热线:400-6263-721

位置:南宁网页设计培训学校 > 学校动态 > 如何选择使用的HTML标签

如何选择使用的HTML标签

来源:南宁网页设计培训学校时间:2019/4/3 15:59:40

  如何选择使用的HTML标签?什么时候选择什么样的标签?在网页布局中HTML标签如何选择?下面上海html5培训学校老师教你如何选择使用的HTML标签。

  在DIVCSS布局时会遇到如何选择HTML标签布局,但对于非新手CSSer来说非常简单,但对于刚刚学习或刚刚入手CSS制作来说却是一个无形问题。

  这里上海php开发培训机构老师为大家简单介绍在DIV+CSS布局中如何选择HTML标签:

  1、框架布局(使用DIV标签)

  在网页中框架布局一般使用DIV布局,无论大小DIV盒子一般均使用DIV标签()布局。

  2、列表型布局(使用ul li标签)

  遇到图片列表、文章标题列表,通常使用ul li列表标签进行布局。当然使用这些标签时要进行设置需要CSS样式达到布局效果。这样程序调用数据时候更容易做循环内容。

  3、标题型布局(使用h1、h2、h3、h4标签)

  遇到独立的栏目标题、正文标签,通常使用h1、h2、h3、h4标题标签,这样布局内容具有层次感。同时考虑SEO来说适当使用这些标题标签有利于优化。

  4、内容独立样式型(使用span)

  在一段文字中,有几个文字需要单独设置一个颜色值,这个时候可以对这几个文字加span标签,对span标签单独设置class或直接CSS样式达到效果,一般来说布局框架很少使用span。

  5、功能型布局(img、b、strong、u、s等标签)

  遇到网页中引人图片使用Img标签;遇到文字加粗可以使用b标签或strong标签、遇到下划线可以使用u标签、遇到文字贯穿线(删除线)使用s标签等,有时不一定使用CSS来实现这些功能布局,适当选用这些HTML标签从SEO方面更加好些。

  6、段落(p标签)

  一般文章段落都是使用p标签,即每段文字开始时候使用 结束时使用

南宁网页设计培训学校

领取试听课
每天限量名额,先到先得

尊重原创文章,转载请注明出处与链接:http://www.peixun360.com/582/news/1709/违者必究! 以上就是南宁网页设计培训学校 小编为您整理 如何选择使用的HTML标签的全部内容。

温馨提示:提交留言后老师会第一时间与您联系!热线电话:400-6263-721