如何合理的使用html标签
发布网友
发布时间：2022-04-26 08:21
共2个回答
懂视网
时间：2022-04-19 10:18
细节
HTML的title属性本身有问题。之所以有问题是因为它在一些重要的方面表现的不够好，尽管它陪伴我们超过14年了。随着触摸设备的兴起，这个属性的作用进一步降低。title属性的可访问性变得很鸡肋，由于缺少浏览器的支持，屏幕阅读器的支持和制作人员的重视。
下列情况下title属性由于缺乏支持变得多余：
对于在手机浏览器里访问web内容信息的人。通常title属性的内容在桌面浏览器里显示为提示信息。据我所知，没有任何手机浏览器支持显示提示信息，并且也没有其他访问title属性内容的视觉方法。
对于那些无法使用鼠标的人提供信息。通常title属性的内容在桌面浏览器里显示为提示信息。虽然提示信息的行为已经有10多年历史，但一直没有浏览器实现使用键盘显示title属性的方法。
对于在大多数HTML元素上使用它为使用各种辅助技术的人提供信息。据我所知屏幕阅读器对访问title属性信息一致不支持。
title属性不友好用户如下
手机用户
仅使用键盘的用户
使用屏幕放大器的用户
屏幕阅读器用户
精细运动技能障碍的用户
认知障碍的用户
title属性有用的例子：
为frame或iframe元素贴上标签：
<frame title="navigation">
提供需要程序才能实现的在特殊情况下才显示的标签，直接使用可见的文本标签会显得多余：
<input type="text" title="search"> <input type="submit" value="search">
数据表格中的标签控件。
title属性无用或用处不大的例子：
为不能作为文本的链接或周围内容添加额外信息：
<a href="newsletter.PDF" title="PDF file, size 1 mb.">newsletter</a>
相反这样的信息应该作为链接文本的部分或在链接的旁边。
提供和链接文本相同的信息：
<a href="newsletter.PDF" title="newsletter">newsletter</a>
建议不要复制链接内容作为title属性。这其实相当于什么都没做。
用于图像的标题：
<img src="castle1858.jpeg" title="Oil-based paint on canvas. Maria Towle, 1858."
alt="The castle now has two towers and two walls.">
大概标题信息是最重要的信息，应该能被所有用户默认访问。如果是这样，那么这个内容应该紧挨着图片。
用来代替表单的标签，去掉可见的文本标签：
<input type="text" title="name">
屏幕阅读器的用户将会访问表单元素的标签，由于title属性被列入可访问性api内的属性名称（当文本标签使用标签元素时是不被支持的）。许多其他用户并不如此。建议尽可能包括一个可见的文本标签。
为表单元素提供和可见的标签内容相同的信息：
<label for="n1">name</label> <input type="text" title="name" id="n1">
重复可见的标签文本不可能除了添加一系列的用户认知噪声。不做它。重复可见的标签文本除了添加一系列令人讨厌的认知噪声外，似乎没有其他作用，停止这种用法。
为表单元素提供额外的指令：
<label for="n1">name</label> <input type="text" title="Please use uppercase."id="n1">
如果这指令对于正确的使用表单元素非常重要，请在元素周围提供文字信息，确保每个用户都能读到。
作为缩写的扩展：
<abbr title="world wide web consortium">W3C</abbr>
虽然abbr元素的title属性被屏幕阅读器软件所支持，但使用它仍然是有问题的，因为其他用户群无法使用。建议当缩写词在文档中首次出现时提供文本格式的全称，或提供全称形式的术语表。这并不是说不可以使用title属性，因其具有局限性，应该提供文本形式的全称。
HTML 5.1 包括使用title属性的一般性建议：
依赖title属性目前是不被鼓励的，由于许多用户代理不能按照规范的要求显示这个属性（如需要鼠标指针设备引起提示信息的显示，排除了仅使用键盘的用户和触摸屏用户）
用title属性代替img元素的alt属性或作为图片的标题是被禁止的
依托title属性目前来看是被禁止的，由于许多用户代理对这属性的可访问性支持很弱……
热心网友
时间：2022-04-19 07:26
Title标题关键词
大家都知道在网站当中Title标题关键词是最为重要的，然而在标签当中那么Title标签也是很重要的，所以说一个好的标题可以很简洁有效的表达概括出来一个网站的内容。那么对于标题的布局而言，网名就一定要采用完整匹配，也可以采用分词匹配，这样的效果在标题优化当中都是很不错的。
很多人都会采用排字的方法来进行书写标题，采用这样的方法来进行撰写主要是为了完整的匹配然后布局标题关键词。但是这样的写法缺点也很多，例如可读性差并且没有使用一些标准的分隔符号，在这里笔者建议大家可以参考如新浪、百度、腾讯等大型站点的标题写法来进行撰写，这样不仅搜索引擎喜欢，对于用户体验也是十分恰到好处的。
Keywords密度
因为对于不同的搜索引擎而言Keywords密度也是不一样的，所以这点在优化当中一般往往都被忽略，并且也不在作为搜索引擎给予一个好排名的重要因素，只要大家合理的掌握好关键词的密度的话一般都不会因此造成一些不必要的祸端，所以笔者不多给予介绍。
Description
它在网站担任着一种类似于人们在应聘一些工作时候的自我介绍，并且可以给用户来进行提供一些内容上面阅读的重要标签之一。它的作用主要就是概括站点内容让用户了解，并且用户在搜索引擎搜索某些关键词时候看到你网站域名上方的一段描述，还有就是给搜素引擎一个参考、还可以引导SE和UE的一个重要路标。所以充分的体验出Description标签的重要性，但是我们在一定要注意描述的时候一定要简单明了，字数一定要在搜索结果范围之内。
H标签
我想这个在优化标题关键词的时候用到的最多，也是最为常见，效果也是不错的。大家都知道在H标签当中权重依次为h1>H2>H3…类推的。它的好处就是便于搜索引擎快速的掌握内容的大概含义，从而凸显内容当中最为重要的关键词，然后授予最高的权重。但是我们在做H标签的时候一定要注意切勿把H标签用在LOGO上面，还有就是注重在页面当中出现的次数，不易过多。
Strong标签，Em标签，U标签
对于网站而言这三种标签的作用非常类似，它们都是对网页内容当中的重要关键词来进行加强突出，让搜索引擎更为重视从达到目的。在此笔者就不多予介绍，另外就是B、I等标签，很多的站长认为它们也是同样的也可以达到突出加强关键词的效果，然而这样的观念是错误的，所以笔者还是建议大家使用Strong,Em,U这三种标签来进行加强网站关键词。
希望可以帮助到你
