HOME/Articles/

NO.2 HTML语义化

Article Outline

NO.2 HTML语义化

举例

非语义元素的例子:<div> 和 <span> - 无法提供关于其内容的信息。

语义元素的例子:<form>、<table> 以及 <img> - 清晰地定义其内容。

说明

其实在很多网站标签语义化覆盖的还是比较少的可能是为了考虑兼容低版本浏览器什么的,div非常好用但是不利于seo搜索权重,所以写多代码后需要更加认真改正这个问题。一是方便自己或者他人阅读代码,二是增加基础知识

实例图

null

对于字体也是有h1~h6划分而去也是影响搜索权重的

常用标签如图对应都是块级元素

main应该是独一无二的它包含页面主体部分

Aside元素页面主内容之外的某些内容(比如侧栏)

article表示元素文章页面的独立结构是可以复用和独立分配的

section表示文档的一个区域

Figure在书籍和报纸中,与图片搭配的标题很常见

Fig caption为图片添加可见的解释

html5所有语义化点击看文档

http://www.w3school.com.cn/tags/index.asp