189 8069 5689

HTML5语义元素的使用

传统页面的构造方法

“专业、务实、高效、创新、把客户的事当成自己的事”是我们每一个人一直以来坚持追求的企业文化。 创新互联建站是您可以信赖的网站建设服务商、专业的互联网服务提供商! 专注于做网站、网站建设、软件开发、设计服务业务。我们始终坚持以客户需求为导向,结合用户体验与视觉传达,提供有针对性的项目解决方案,提供专业性的建议,创新互联建站将不断地超越自我,追逐市场,引领市场!

  1.  
  2. 因为痛,所以叫青春

     
  3. 写给独自站在人生路口的你

     
  4. [韩]金兰都

     
 
  •  
  •  
  • 青春, 之所以艰难,是因为孤单。

     
  • ......完整内容见附件
  •  
  •  
  •  
  • 上述这些是译的观点

     
  •  

  • 关于我们 
  • 申明 
  • 联系我们 
  •  
  • Copyright © 2013

     
  •  

    因为使用了

    元素,所以添加样式表很容易。下面,就是为页眉及其中的内容添加样式的规则。

    其余的样式参见附件。上述代码实现的页面的整体样式如下:

    HTML5语义元素的使用

    上述页面编写规范,通过使用

    元素把大部分的工作交给了样式表。而通过元素可以为处在其它元素中的少量文本添加样式,通过
    不仅可以为整个内容区块添加样式,还可以构建整个页面的结构。

    使用HTML5改造页面

    是当今Web设计的必备元素,它是一个直观、多用途的容器,可以通过它为页面中的任何区块应用样式。但是
    的问题在于:它本身不反映与页面相关的任何信息。你在页面中看到
    元素时,你知道这是一个独立的区块,但是不知道这个区块的意图。

    HTML5可以改进这种情况,可以把

    换成具有描述性的语义元素,如

    • 1-5 使用HTML5具有描述性的语义元素
      1.  
      2. 因为痛,所以叫青春

         
      3. 写给独自站在人生路口的你

         
      4. [韩]金兰都

         
     
  •  
  •  
  • 青春, 之所以艰难,是因为孤单。

     
  • ......//完整代码见附件 
  •  
  •  
  •  
  • 上述这些是译的观点

     
  •  

  • 关于我们 
  • 申明 
  • 联系我们 
  •  
  • Copyright © 2013

     
  •  
  • 上面的代码中

    元素仍然使用了类名,这样做的目的是不用立即修改样式表。可不管怎么说,类名有点多余,所以最终就是把他们都删掉。

    • 1-6 使用HTML5的语义元素
      1.  
      2. 因为痛,所以叫青春

         
      3. 写给独自站在人生路口的你

         
      4. [韩]金兰都

         
     

    修改之后,为语义元素应用的样式表也应该做如下调整:

    • 1-7 为
      添加样式,使页眉具有蓝色带边框
      1. header {  
      2.    ... //与代码1-1 的内容一样
      3. }  
    • 1-8 为
      中的

      添加样式
      1. header h1 {  
      2.      ... //与代码 1-2 内容一样
      3. }  

    • 1-9 为
      中的子标题添加样式
      1. header .Teaser {  
      2.     ...//与代码1-3内容一样 
      3. }  
    • 1-10 为
      中的属名添加样式
      1. header .Byline {  
      2.     ...//与代码1-4内容一样 
      3. }  

    这两种样式都会得到相同的结果。

    附件:http://down.51cto.com/data/2362785

    标题名称:HTML5语义元素的使用
    标题来源:http://cdxtjz.cn/article/jgepgo.html

    联系我们

    您好HELLO!
    感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
    • 电话:028- 86922220 18980695689
    • 商务合作邮箱:631063699@qq.com
    • 合作QQ: 532337155
    • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

    小谭建站工作室

    成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

    小谭观点

    相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
    我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。