HTML5基础之常用标签以及标签选择器

在html中,标签非常多,比如说列表,按钮,图片,文字等等,每一种标签都有自己的使用方法以及相关的约束条件。具体的标签可以直接到w3c的网站上查看,这里就简单了解一下html5的标签。

一、HTML5的新结构标签

在之前的HTML页面中,在布局方式中,大家基本上都是用Div+CSS。而搜索引擎去抓取页面的内容的时候,它只能猜测你的某个div内的内容是文章内容容器,或者是导航模块的容器,或者是作者介绍的容器等等。也就是说整个HTML文档结构定义不清晰,HTML5中为了解决这个问题添加了:页眉、页脚、导航、文章内容等跟结构相关的结构元素标签。如下图所示:

HTML5基础之常用标签以及标签选择器_第1张图片
Paste_Image.png

首先我们来从视图上认识一下新结构标签的显示。在HTML5中,一个普通的页面,会有头部,导航,文章内容,还有附着的右边栏,还有底部等模块。如下图所示:

HTML5基础之常用标签以及标签选择器_第2张图片
Paste_Image.png

相关的代码有:

  
    
header
section
footer

接下来详细说明这几个标签的含义
1

主要用于页面的头部的信息介绍,也可用于板块头部,通常是一些引导和导航信息。它不局限于写在网页头部,也可以写在网页内容里面。通常
标签至少包含(但不局限于)一个标题标记(

-

),还可以包括
标签,还可以包括表格内容、标识、搜索表单、

你可能感兴趣的:(HTML5基础之常用标签以及标签选择器)