zoukankan      html  css  js  c++  java
  • CSS3秘笈:第一章

    1.<div>和<span>标签:

             <div>和<span>标签:就像是一个空的容器,我们要往里面填充内容。一个div就是一个块,意味着它的前后都要空一行;而span则呈嵌套模式,成为一个段落的一部分。<div>标签标示任何不连续的内容块,像一个段落或者标题。<span>标签用于行内元素,出现在一个更大的段落或标题中的文字或者短语。布局如:

    <div id=”footer”>

             <p>Copyright 2006,<span class=”bizName”> CosmoFarmer.com</span></p>

             <p>Call customer service at 555-555-5501 for more information</p>

    </div>

    2.常用于网页结构的标签:

    ·<section>标签中包含一组相关的内容,就像一本书中的章节一样。

    ·<aside>标签中包含与其周边的内容相关的内容,如杂志上的侧边栏一样。

    ·<footer>标签中包含通常放在页面底部的一些信息。如版权声明、法律信息、一些网站的导航链接等等。

    ·<nav>元素用来包含重要的导航链接。

    ·<figure>标签用于说明图。可以把<img>标签放在其中。H5还有一个新标签<figcaption>,它用来显示图片的说明文字。

    3.如何让IE8及更早的版本支持HTML5的标签?

    在</head>标签之前放置以下代码:

    <!--[if lt IE 9]>

    <script src=”//html5shiv.goolecode.com/svn/trunk/html5.js”></script>

    <![endif]-->

    这段代码使用了一条被称作“IE条件注释(IECC)”的东西,嵌入了一些只有IE9之前的版本可见的JavaScript代码,其他浏览器会自动忽略它。

    4.注意事项:

    (1)不要用<font>来控制文本的显示。

    (2)不要用<b>和<i>来使文字变成粗体和斜体。如果需要强调某一个字或者短语可以使用<strong>标签将文本显示为粗体,对于次要的文字可以利用<em>标签进行强调(浏览器会将该标签内容显示为斜体)。

    (3)不要用<table>标签进行网页布局。它仅仅用于显示表格式的信息,如电子数据表、进度表和图表等。

    (4)不要使用仅能装饰内容外观的笨拙的<body>标签属性。

    (5)不要滥用<br>标签。

    5.如果还不能确定怎样用HTML来创建完善的网页, 那么可以参考以下小技巧:

    (1)用标题表示文本的相对重要性。当两个标题对于网页的主题同样重要时,那就给这两个标题使用相同等级的标题;如果有一个标题不太重要,或者它是另一个标题的子标题就给它使用下一级的标题。一般来说,最好按顺序使用标题,尽量不跳号。

    (2)对文本段落使用<p>标签。

    (3)对于包含多个相关项目的列表,则使用无序列表(<ul>),比如导航链接、标题,或者诸如此类的一组提示语。

    (4)使用有序列表(<ol>)来表示一个过程的步骤,或者定义一组项目的顺序。本书教程就是一个好范例,如“最受僧侣欢迎的十大网站”这类排名也是不错的例子。

    (5)如果要创建一个术语表及其定义或描述,则要用<dl>(定义列表标签),并结合使用<dt>(定义术语)及<dd>(定义描述)标签。

    (6)如果要包含一段引用语,就要尽量对长段落使用<blockquote>标签,对简短的引语则使用<q>标签。

    (7)利用一些生僻的标签如<cite>来引用书的标题、新闻报道或网站。用<address>标签来标识和提供该网页作者的联系信息。

    (8)绝对不要使用任何仅用于改变文本或图片展示的标签或属性,因为CSS完全可以轻松实现。

    (9)如果没有适当的HTML标签,却又必须标识网页上的某一个元素或某一组元素,以获得与众不同的展现效果时,可以使用<div>和<span>标签。

    (10)不要滥用<div>标签。对于导航栏可以使用HTML5的<nav>标签。

    (11)要记得关闭标签。

    (12)用W3C检验器来检测网页。

    6.doctype(文档类型)的重要性。

    HTML遵循一定的规则,这些规则都包含字一个文档类型定义文件中,也称作DTD。每一个HTML版本都有一个对应的DTD。文档类型声明告诉浏览器正在使用的HTML版本,让浏览器显示正确网页。

    HTML5的文档类型很简单:

    <!doctype html>

  • 相关阅读:
    sql mdf文件被破坏,ldf完好的情况下恢复数据库
    网站开发人员应该知道的61件事
    Myeclipse6.5中安装maven
    Java常用的一些正则表达式验证
    jQuery中$.ajax()方法中参数详解
    Pro Silverlight 3 in C# Layout
    Pro Silverlight 3 in C# XAML
    bugtracker.net 3.4.0 简易汉化手记+汉化文件下载
    IBatisNet In 参数配置方法
    Pro Silverlight 3 in C# XAML Resources
  • 原文地址:https://www.cnblogs.com/koto/p/5024112.html
Copyright © 2011-2022 走看看