2-20 简单说下你理解的语义化,怎样来保证你写的符合语义化?HTML5语义化标签了解下?
我理解的语义化
在我看来,语义化,等同是语言本身在与开发者进行沟通的言语,我们读一本书,他有章节,目录,有每一个段落,标点,都是在进行语义化的描述信息,所以html的语义化,在与根据不同意义的标签,构建通俗易懂的网页结构,这才是语义化
语义化的优势主要在于下面几点:
- 其他开发者便于阅读代码,通过不同标签明白每个模块的作用何区别;
- 结构明确、语义清晰的页面能有更好的用户体验,在样式(css)没有加载前也有较为明确的结构,更如img这一类的,在图片无法加载的情况下有alt标签告知用户此处图片的具体内容;
- 利于SEO,语义化便于搜索引擎爬虫理解,和搜索引擎建立良好的沟通,能让爬虫爬去更多关键有效的信息;
- 方便其他设别阅读(如屏幕阅读器,盲人设备和移动设备等)
怎么保证我写的符号语义化?
借用w3c组织说的一句话:以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义。
我们并不反对使用它们,但是如果您只是为了达到某种视觉效果而使用这些标签的话,我们建议您使用样式表,那么做会达到更加丰富的效果
尽可能少用无语义的标签div和span,不使用纯样式标签b、font,需要强调的文本放在strong和em中等
HTML5语义化标签:article aside details figcaption figure footer> header main mark nav section summary time
HTML5语义化标签了解下?
: 定义页面独立的内容区域。
: 定义页面的侧边栏内容。
: 定义 section 或 document 的页脚。
: 定义了文档的头部区域: 定义导航链接的部分。
: 定义文档中的节(section、区段)。
: 定义日期或时间。
: 定义任何类型的任务的进度。
: 定义带有记号的文本。