《语义化你的html标签》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、语义化你的HTML标签写语义化的HTML结构，首先掌握HTML中各个标签的语义，在看到内容的时候想想用什么标签能更好的描述它，是什么就用什么标签。

、

、

、

、

、

,作为标题使用，并且依据重要性递减。

是最高的等级。P段落标记，知道了p作为段落，你就不会再使用
来换行了，而且不需要
来区分段落与段落。p中的文字会自动换行，而且换行的效果优于
。段落与段落之间的空隙也可以利用CSS来控制，很容易而且清晰的区分出段落与段落。

、
、
1. 无

   2、序列表，这个被大家广泛的使用，

   有序列表也挺常用。在web标准化过程中，
    还被更多的用于导航条，本来导航条就是个列表，这样做是完全正确的，而且当你的浏览器不支持CSS的时候，导航链接仍然很好使，只是美观方面差了一点而已。

   、

   、

   dl就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。、 是用作强调的，strong是用作重点强调的、标签为表格头部，标签为表格主体内容，标签为表格尾部。, 知道del，就不要再用做删除线了，用del显然更具有语义化。而且del还带有cite和datetime来表明删除的原因以及删除的时间。ins是表示插入，也有这样的属性。、标签是表示web页面上的简称，标签为取首字母

   4、缩写。alt属性和title属性title属性用来为元素提供额外说明信息，但是并不是必须的。alt属性为不能显示图像、窗体或applets的用户代理（UA），指定替换文字。替换文字的语言由lang属性指定。让你语义化HTML结构的无数条理由：1.去掉或样式丢失的时候能让页面呈现清晰的结构：HTML本身是没有表现的，我们看到例如

   是粗体，字体大小2em，加粗；是加粗的，不要误会这是HTML的表现，这些其实是HTML默认的CSS样式在起作用。所以去掉或样式丢失的时候,也能让页面呈现清晰的结构，增强页面的可读性。2.屏

   5、幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页。如果你使用的含语义的标记,屏幕阅读器会根据你的标签来判断网页的内容，而不是一个字母一个字母的拼写出来。3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（因为这些设备对CSS的支持较弱）。使用语义标记可以确保这些设备以一种有意义的方式来渲染网页。理想情况下,观看设备的任务是符合设备本身的条件来渲染网页。4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重。搜索引擎的爬虫也是网站的“访客”,现在它们是极其宝贵的用户。没有他们的话,搜索引擎将无法索引你的网站

   6、,然后一般用户将很难过来访问。5.便于团队开发和维护在团队中大家都遵循同一个标准，可以减少很多差异化的东西，方便开发和维护，提高开发效率，甚至实现模块化开发

   当前文档最多预览五页，下载文档查看全文

   侵权申诉 举报

   此文档下载收益归作者所有

   下载文档

   当前文档最多预览五页，下载文档查看全文

   点击下载本文档

   • 版权提示
   • 下载文档

   举报

   温馨提示：
   1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
   2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
   3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
   4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。
   

   相关文章

   更多

   • html标签和属性的语义化
   • 使用语义化标签去写你的html
   • 前端html标签语义化基本要求
   • html标签大全(史上最全的html标签文档)
   • 语义化的html与seo优化之争
   • 语义化的html与seo优化之争--.
   • html的基本标签
   • html标签语义和html标签语义化的设计
   • 《css网页布局中html标签的语义（一）-xhtml教程》
   • 前端HTML标签语义化基本要求.docx

   相关标签

   语义 标签

   标签为首部说明，

   、	、< caption >、 summaryXHTML中的表格不再是用来布局。如果是为了标记列表 3、的数据，就应该使用表格了。	为表格标题，属性summar为摘要（要想提高搜索的排名这个绝对不应该少），