合理利用HTML标记优化网页布局
2024-01-10 分类： 网站建设
我们一直在讲CSS网页布局代码的优化，在以往的文章中，也一直强调语义和文档的结构。随着国外对WEB标准的推广，有些新手认为，web2.0就是把以前的table布局都改为DIV+CSS布局就是web2.0。其实不然， 我们要合理利用这些标签。 有一点值得引起注意，那就是在 web 开发人员圈子里通常被称为“div-itis”的对 div 元素的滥用现象。
通过大量的嵌套 div 或 span 元素来添加样式确实很方便，但还是应尽量避免这种诱惑。在多数情况下，为文档内现有元素附加样式或 JavaScript 功能是可以做到不必引入 div 或 span 元素的。作为通用容器的 div 或 span 元素应作为最后的手段使用——也就是说，最好是先尽量以语义化元素来编写网页，仅在确实需要时才加入通用容器元素。 所以我们要：优化 优化 再优化 精简和优化CSS网页布局代码
我要多用一些语义性标签，但是也要对号入座，标签语义要用对。
HTML元素的语义类别
结构 这些元素的语义定义了他们在文档中扮演着的结构的角色
div span ol,ul,li,dl,dt,dd del,ins h1..h6 p 内容 这些元素的语义定义了在文档中表示内容标记的语义
a abbr acronym address blockquote cite code dfn kbd q samp var
修饰形容 这些元素起到对内容的修饰和形容
strong em
" Once you've completed your markup, go over it two more times and find ways to reduce the number of elements on the page. Does that UL really need its own wrapping div? I think not. "
注意您的样式表 当我们的网页内容做得很多的时候，样式表文件的代码也随着庞大和臃肿起来。 我们也慢慢感觉到，有些地方不合理或重复定义。 这就是你对CSS选择符应用上出现问题了，灵活使用这些CSS选择符是使用CSS控制网页的基础，CSS选择符也是CSS学习的重点和难点。 我们是否应在设计的开始应该合理应用这些CSS选择符那？ 关于CSS选择符的分类，使用，定义，由于内容之大我就不说了，一些关于CSS样式表的优化技巧的文章学习一下
本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司！
通过大量的嵌套 div 或 span 元素来添加样式确实很方便，但还是应尽量避免这种诱惑。在多数情况下，为文档内现有元素附加样式或 JavaScript 功能是可以做到不必引入 div 或 span 元素的。作为通用容器的 div 或 span 元素应作为最后的手段使用——也就是说，最好是先尽量以语义化元素来编写网页，仅在确实需要时才加入通用容器元素。 所以我们要：优化 优化 再优化 精简和优化CSS网页布局代码
我要多用一些语义性标签，但是也要对号入座，标签语义要用对。
HTML元素的语义类别
结构 这些元素的语义定义了他们在文档中扮演着的结构的角色
div span ol,ul,li,dl,dt,dd del,ins h1..h6 p 内容 这些元素的语义定义了在文档中表示内容标记的语义
a abbr acronym address blockquote cite code dfn kbd q samp var
修饰形容 这些元素起到对内容的修饰和形容
strong em
" Once you've completed your markup, go over it two more times and find ways to reduce the number of elements on the page. Does that UL really need its own wrapping div? I think not. "
注意您的样式表 当我们的网页内容做得很多的时候，样式表文件的代码也随着庞大和臃肿起来。 我们也慢慢感觉到，有些地方不合理或重复定义。 这就是你对CSS选择符应用上出现问题了，灵活使用这些CSS选择符是使用CSS控制网页的基础，CSS选择符也是CSS学习的重点和难点。 我们是否应在设计的开始应该合理应用这些CSS选择符那？ 关于CSS选择符的分类，使用，定义，由于内容之大我就不说了，一些关于CSS样式表的优化技巧的文章学习一下
本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司！
标题名称：合理利用HTML标记优化网页布局
文章来源：https://www.cdcxhl.com/news5/312905.html
成都网站建设公司_创新互联，为您提供商城网站、品牌网站制作、建站公司、云服务器、网站营销、关键词优化
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联
猜你还喜欢下面的内容
- 为什么服务器位置对网站排名很重要？本地化托管对速度有何影响？ 2024-01-10
- 怎样才能让网站持久保持在首页？ 2024-01-10
- 网页设计中的设计风格之“客户风格” 2024-01-10
- 专用服务器的终极优势，需要专用服务器托管的情况 2024-01-10
- 这是一家有实力的网站seo公司吗 2024-01-10
- 购买虚拟主机的省钱技巧和妙招 2024-01-10
- 网站SEO优化是怎么一个概念？ 2024-01-10
- 成都网站建设帮你树立正确的企业网站！ 2024-01-10
- 建设网站时如何设置网站导航栏？(如何免费建设网站) 2024-01-10
- 详解网站优化四部曲让你的网站甩掉丧气排名 2024-01-10
- 建网站之前，怎样选择合适的网站结构？ 2024-01-10
- 成都企业建站之网站设计要注意这些方面的问题？ 2024-01-10
- 成都网站建设的要点主要有哪些呢？ 2024-01-10
- 个人网站如何才能快速发展 2024-01-10
- 网络推广怎么才能提高客户的信任度？ 2024-01-10
- 妙用新浪微刊为网站搭建精准流量通道 2024-01-10
- 关于色彩构成的概述 2024-01-10
- 优秀企业网站必须具备的六大要素。 2024-01-10
- 美国云服务器和独立服务器的网速差异以及如何影响用户体验和业务需求 2024-01-10