怎样理解HTML5和CSS3的语义化标签

html-css013

怎样理解HTML5和CSS3的语义化标签,第1张

语义化的含义就是用正确的标签做正确的事情，html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于

SEO。使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

举例说明，按钮用<button>

,输入框搜索框用<input>，字体加粗直接用标签<strong></strong>，一级标题用<h1>

二级标题用<h2>，再比如h5新增的头部用<header></header>,尾部用<footer></footer>,以此类推,这就是语义化。

以及CSS中的background,color,padding,margin,height等等，都是语义化的表现。‍

css+div常用标签有：

1.

在制作导航或者是列表的时候一般用的到的有：ul、li、a、font（size、color、family~),img标签也有会用到，background这个标签的属性也是要的；

2.

在处理定位的时候，position这个元素也是要的，float属性，用的也很多，还有就是width，height对于各个块的定义；

3.

在处理文字的文字的时候：有h，span，p这些都是常用的，，当然还有很多，这里只是一些我们会经常用到的。