什么称之为标记语义化
说的易懂点就是:懂得各个html标签的怎么使用(在哪种应用此标记有效)例如,网站页面上的要闻目录能够采用列表标记标签,页面文章的题目用主题词标签,网页页面上的每个频道的频道名字还可以用到标题标签。内容句子中内容的文段就得放于段落标记中,在网页内容中有想重视的文字,就要用到 em 、strong等标记代表注重作用等等。
综上所述意思按照网站页面内容,挑选合适的标记,有利于开发人员维护和输出更高雅的代码的届时让搜索引擎的蜘蛛和蜘蛛机器人更好地分析。
为何一定要标记语义化?
有利于提高客户体验:比如说正确的运用title标签、alt用来定义名词或定义图片信息让网友用户在来访预览照片的时能够看的到图像的要素信息
有益于搜索引擎优化:注重的标签运用能够与网页搜索引擎创建优良维系,有利于百度蜘蛛更快爬取更好地的有用数据:百度蜘蛛取决于标记来确认上下文和每个关键词的权重
便于某些机器解读(如平板屏幕阅读设备、视障阅读设备、移动终端)以含义的形式来渲出页面,有利于程序自动转换格式便于阅读
方便小组程序开发和网站检查,html标签语义化能够使具有易读性,让开发人员能最快的把握核心,减少开发投入时间,遵照W3C标准,能够降低代码多元化,防止网页代码兼容问题漏洞
常见的语义化标签
<title>:页面主体内容,常用于文章的标题。
<hn>:h1~h6,分级标题,<h1> 与 <title> 协调有利于搜索引擎优化。
<ul>:无序列表。
<li>:有序列表。
<header>:页眉通常包括网站标志、主导航、全站链接以及搜索框。
<nav>:标记导航,仅对文档中重要的链接群使用。
<article>:定义外部的内容,其中的内容独立于文档的其余部分。
<section>:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<aside>:定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。
<footer>:页脚,只有当父级是body时,才是整个页面的页脚。
<small>:呈现小号字体效果,指定细则,输入免责声明、注解、署名、版权。
<strong>:和 em 标签一样,用于强调文本,但它强调的程度更强一些。
<em>:将其中的文本表示为强调的内容,表现为斜体。
<figure>:规定独立的流内容(图像、图表、照片、代码等等)(默认有40px左右margin)。
<figcaption>:定义 figure 元素的标题,应该被置于 figure 元素的第一个或最后一个子元素的位置。
<blockquoto>:定义块引用,块引用拥有它们自己的空间。
<pre>:预格式化文本。保留文本固有的换行和空格。
<q>:短的引述(跨浏览器问题,尽量避免使用)。
<time>:datetime属性遵循特定格式,如果忽略此属性,文本内容必须是合法的日期或者时间格式。
<abbr>:简称或缩写。
<dfn>:定义术语元素,与定义必须紧挨着,可以在描述列表dl元素中使用。
<address>:作者、相关人士或组织的联系信息(电子邮件地址、指向联系信息页的链接)。
<del>:移除的内容。
<ins>:添加的内容。
<code>:标记代码。
<meter>:定义已知范围或分数值内的标量测量。(Internet Explorer 不支持 meter 标签)
<progress>:定义运行中的进度(进程)。
发表评论