欢迎来到天天文库
浏览记录
ID:40595130
大小:557.61 KB
页数:29页
时间:2019-08-04
《使用语义HTML5》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、使用语义HTML为什么使用
标记编写HTML?为什么不干脆统一使用
和
2、1>元素仅仅是为了放大文本,这是非语义HTML的典型例子。除标题标记(
元素到极少遇到的和元素应有尽有。每个元素都具有特定的含义,每个元素都可以用来提供更好的HTML结构,以便通过CSS进行样式设计,及通过JavaScript开展操作。语义HTML还通过定性内容而不是单纯凭借外观来标记内容。例如,想想无处不在的博客存档面板。它是一个链接至其他博客页面的链接列表,往往位于页面右侧。当为存档指定ID或为CSS样式指定类时,您可以使用名称反映其在页面上的位置;例如rightpanel。或者,您也可以
3、利用名称表示它在内容中所扮演的角色;例如sidebar或者archive更好。语义HTML具有以下特性:·文字包裹在元素中,用以反映内容。例如:o段落包含在
元素中。o顺序表包含在
元素中。·HTML元素不能用作语义用途以外的其他目的。例如:o包含标题,但并非用于放大文本。o包含大段引述,但并非用于文本缩进。o空白段落元素()并非用于跳行。·文本并不直接包含任何样式信息。例如:o不使用或等格式标记。o类或ID中不引用颜色或位置。4、所有这一切的目的在于促使代码使用者(无论是用户、浏览器还是屏幕阅读器)能够使用内容,并从机器的客观角度和用户的主观角度轻松地对其进行解析。为什么我要专门介绍语义HTML?传统而言,有五种有利于语义HTML的主要论点。代码更少CSS样式的语义HTML所需的代码往往比表格格式的HTML少。但是,您不能编写完全无表格的HTML,这不是语义HTML的真正含义。您仍然可以缩小代码规模,但却无法使代码更加容易理解。可访问性可访问性是指协助残疾人士使用您的网站。语义代码往往具有更高可访问性。当您将页面各个部分标记为片头、标题、段落和列表,使屏幕阅读器及其他辅助技术能够更加轻松地以残疾人士能5、够理解的方式解析及呈现内容。不过,要注意对“往往”一词的强调。语义HTML解决方案并不神奇,并不能使您的网站符合可访问性原则,它只是用于简化可访问网站构建过程。搜索引擎优化由于具有可访问性功能,语义HTML往往通过使您的网站更加便于软件解析网站内容来完善搜索引擎优化(SEO)特性。搜索引擎会扫描HTML文件中包含的HTML文本。它们不呈现CSS,也不运行JavaScript。如果您的重要内容并非以HTML格式呈现,则搜索引擎可能无法进行查看,更不会相应地进行排列。此外,通过删除页面中的HTML垃圾,仅留下描述内容的标记,搜索引擎将能够更加轻松地识别网站的真正主旨。这项技术称作6、“白帽”SEO。这样完全可以接受,没有任何搜索引擎会就此对您实施处罚,因为您已经在语义方面对页面进行了优化。(相反,使用隐藏文本加强特定主题的相关性则被称作“黑帽”SEO。)应当指出的是,任何人都无法保证语义HTML更加适于SEO。Web开发人员将搜索引擎视作首选语义HTML,GoogleHTML5输入将此操作作为建议操作。然而,搜索引擎均严格遵守自身算法,不得不允许以非语义HTML编写极度相关的内容。重复利用语义HTML充分利用以下优势:“新闻项目”始终是新闻项目,“存档”永远是存档,而无论它们在页面上的位置如何。不过,rightbar却并不总是位于右侧。此外,如果您通过R7、SS源同时发布内容,并在其中纳入HTML,则标记越少越好。然而,绝大多数网站和博客并不直接从经过特别处理的HTML同时发布内容。它们往往单独构建,并会对联合格式进行处理以确保其他用户理解内容。开发人员解读您可能已经注意到,迄今为止语义HTML参数中已经纳入主题。所有这一切听起来都有很好的理由使用语义HTML,但单独而言,没有一项特性真正让我心动。或许全部特性加起来足以让您心驰神往。如果是这样,那真是太棒了。但我承认,当下有一个很好的理由编写语义HTML。对于计算机开发人员(这是比较容易的部分)及其他开发
包含大段引述,但并非用于文本缩进。o空白段落元素()并非用于跳行。·文本并不直接包含任何样式信息。例如:o不使用或等格式标记。o类或ID中不引用颜色或位置。4、所有这一切的目的在于促使代码使用者(无论是用户、浏览器还是屏幕阅读器)能够使用内容,并从机器的客观角度和用户的主观角度轻松地对其进行解析。为什么我要专门介绍语义HTML?传统而言,有五种有利于语义HTML的主要论点。代码更少CSS样式的语义HTML所需的代码往往比表格格式的HTML少。但是,您不能编写完全无表格的HTML,这不是语义HTML的真正含义。您仍然可以缩小代码规模,但却无法使代码更加容易理解。可访问性可访问性是指协助残疾人士使用您的网站。语义代码往往具有更高可访问性。当您将页面各个部分标记为片头、标题、段落和列表,使屏幕阅读器及其他辅助技术能够更加轻松地以残疾人士能5、够理解的方式解析及呈现内容。不过,要注意对“往往”一词的强调。语义HTML解决方案并不神奇,并不能使您的网站符合可访问性原则,它只是用于简化可访问网站构建过程。搜索引擎优化由于具有可访问性功能,语义HTML往往通过使您的网站更加便于软件解析网站内容来完善搜索引擎优化(SEO)特性。搜索引擎会扫描HTML文件中包含的HTML文本。它们不呈现CSS,也不运行JavaScript。如果您的重要内容并非以HTML格式呈现,则搜索引擎可能无法进行查看,更不会相应地进行排列。此外,通过删除页面中的HTML垃圾,仅留下描述内容的标记,搜索引擎将能够更加轻松地识别网站的真正主旨。这项技术称作6、“白帽”SEO。这样完全可以接受,没有任何搜索引擎会就此对您实施处罚,因为您已经在语义方面对页面进行了优化。(相反,使用隐藏文本加强特定主题的相关性则被称作“黑帽”SEO。)应当指出的是,任何人都无法保证语义HTML更加适于SEO。Web开发人员将搜索引擎视作首选语义HTML,GoogleHTML5输入将此操作作为建议操作。然而,搜索引擎均严格遵守自身算法,不得不允许以非语义HTML编写极度相关的内容。重复利用语义HTML充分利用以下优势:“新闻项目”始终是新闻项目,“存档”永远是存档,而无论它们在页面上的位置如何。不过,rightbar却并不总是位于右侧。此外,如果您通过R7、SS源同时发布内容,并在其中纳入HTML,则标记越少越好。然而,绝大多数网站和博客并不直接从经过特别处理的HTML同时发布内容。它们往往单独构建,并会对联合格式进行处理以确保其他用户理解内容。开发人员解读您可能已经注意到,迄今为止语义HTML参数中已经纳入主题。所有这一切听起来都有很好的理由使用语义HTML,但单独而言,没有一项特性真正让我心动。或许全部特性加起来足以让您心驰神往。如果是这样,那真是太棒了。但我承认,当下有一个很好的理由编写语义HTML。对于计算机开发人员(这是比较容易的部分)及其他开发
4、所有这一切的目的在于促使代码使用者(无论是用户、浏览器还是屏幕阅读器)能够使用内容,并从机器的客观角度和用户的主观角度轻松地对其进行解析。为什么我要专门介绍语义HTML?传统而言,有五种有利于语义HTML的主要论点。代码更少CSS样式的语义HTML所需的代码往往比表格格式的HTML少。但是,您不能编写完全无表格的HTML,这不是语义HTML的真正含义。您仍然可以缩小代码规模,但却无法使代码更加容易理解。可访问性可访问性是指协助残疾人士使用您的网站。语义代码往往具有更高可访问性。当您将页面各个部分标记为片头、标题、段落和列表,使屏幕阅读器及其他辅助技术能够更加轻松地以残疾人士能
5、够理解的方式解析及呈现内容。不过,要注意对“往往”一词的强调。语义HTML解决方案并不神奇,并不能使您的网站符合可访问性原则,它只是用于简化可访问网站构建过程。搜索引擎优化由于具有可访问性功能,语义HTML往往通过使您的网站更加便于软件解析网站内容来完善搜索引擎优化(SEO)特性。搜索引擎会扫描HTML文件中包含的HTML文本。它们不呈现CSS,也不运行JavaScript。如果您的重要内容并非以HTML格式呈现,则搜索引擎可能无法进行查看,更不会相应地进行排列。此外,通过删除页面中的HTML垃圾,仅留下描述内容的标记,搜索引擎将能够更加轻松地识别网站的真正主旨。这项技术称作
6、“白帽”SEO。这样完全可以接受,没有任何搜索引擎会就此对您实施处罚,因为您已经在语义方面对页面进行了优化。(相反,使用隐藏文本加强特定主题的相关性则被称作“黑帽”SEO。)应当指出的是,任何人都无法保证语义HTML更加适于SEO。Web开发人员将搜索引擎视作首选语义HTML,GoogleHTML5输入将此操作作为建议操作。然而,搜索引擎均严格遵守自身算法,不得不允许以非语义HTML编写极度相关的内容。重复利用语义HTML充分利用以下优势:“新闻项目”始终是新闻项目,“存档”永远是存档,而无论它们在页面上的位置如何。不过,rightbar却并不总是位于右侧。此外,如果您通过R
7、SS源同时发布内容,并在其中纳入HTML,则标记越少越好。然而,绝大多数网站和博客并不直接从经过特别处理的HTML同时发布内容。它们往往单独构建,并会对联合格式进行处理以确保其他用户理解内容。开发人员解读您可能已经注意到,迄今为止语义HTML参数中已经纳入主题。所有这一切听起来都有很好的理由使用语义HTML,但单独而言,没有一项特性真正让我心动。或许全部特性加起来足以让您心驰神往。如果是这样,那真是太棒了。但我承认,当下有一个很好的理由编写语义HTML。对于计算机开发人员(这是比较容易的部分)及其他开发
此文档下载收益归作者所有