HTML-CSS-元素语意化-以及元素

在客观上,所有的HTML元素都可以通过css样式实现相同的样式,但是会使的简单的事情复杂化,我们需要元素语义化降低复杂度.优点如下:

1.提高代码的阅读性和可维护性

2.减少开发者之间的沟通成本

3.能让语音合成工具正确识别网页元素的用途,以便做出正确的反应

4.有利于SEO(Search Engine Optimization)

常见的HTML语义化标签,列如:

header(规定文档相关的配置信息（也称之为元数据:描述数据的数据），包括文档的标题，引用的文档样式和脚本等)

title(网页的标题)

body(元素是定义文档的主体:body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等)

meta(网页的编码)

main(展示文档的主体部分)

footer(文档的页脚)

aside(用作文章的侧栏)

h1/h2/h3/h4/h5/h6(呈现了六个不同的级别的标题 )

img(元素将一份图像嵌入文档)

p(表示一个段落 )

strong/italic(内容加粗,强调)

a(跳转到另外一个链接 )

article(article是HTML5新增标签，其语法基本功能和以前DIV、p、span等标签一样，可以直接使用style属性标签内设置CSS，或者使用class或id引入)

section(文档中内容的分节或分段,如果可以转换用article,nav,aside)

address(提供了某个人或某个组织（等等）的联系信息)

summary/details(用作 一个<details>元素的一个内容的摘要，标题或图例)

menu(一个实验中的功能:该元素呈现了一组用户可执行或激活的命令。这既包含了可能出现在屏幕顶端的列表菜单，也包含了那些隐藏在按钮之下、当点击按钮后显示出来的文本菜单。)