发表于   |   分类于 ，   |  
　　相比于html4,html5新增加了很多属性和标签，本文将对html5的部分新标签进行讲解。 新的HTML5网页结构　　html5的网页结构相比于html4增加了很多语义化的标签，比如header、nav、article、section、aside、footer元素，相比于html4的网页结构，html5采用新的网页结构。123456789101112131415<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8">//字符编码 <title></title> </head> <body> <header>...</header>//表示页面 ...
阅读全文 »

发表于   |   分类于 ，   |  
　　本文讲述常用的两栏布局：左边固定、右边自适应布局和右边固定、左边自适应布局和两栏等高布局，文中采用的是浮动布局的方式来实现两栏布局。 一.左边固定、右边自适应布局　　左边固定、右边自适应布局的实现方式是让左边的盒子浮动，右边的盒子设置margin-left属性，代码如下: 12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ ...
阅读全文 »

发表于   |   分类于 ，   |  
前端开发工程师在制作html的页面过程中，有时候为了达到 SEO 与界面美观，不得不采用一些隐藏文本的办法。不仅是网易、腾讯等大型门户网站如此，小网站在网站 LOGO 上采用文本背景、文本缩进等方式的也屡见不鲜。采用 display:none 的做法唯一的一个弊端就是代码所隐藏的文字很有可能会被引擎误以为的垃圾信息，从而忽略其内容。在这个说法的前提下，display:none 仅仅作为达到界面样式的作用，而失去了 SEO 的作用。如果说因 display:none 样式导致网站被 K ，有点说不过去了。除非是网站中大量的站外链接都设置 display:none 样式，这种情况下会被认为是黑链。display:none有所不足就肯定要想办法解决，针对 SEO 最佳隐藏文本的办法是：1.使用 .seowhy{display: block;height: 0;width: 0;overflow: ...
阅读全文 »