zoukankan      html  css  js  c++  java
  • HTML5新事物

    1 指定编码字符集,极力推荐

    <meta charset="utf-8">

    2 指定lang,所有的标签上都有,推荐在<html>上指定。

    3 css样式的引入,不再需要指定type="text/css"

    <link href="style.css" rel="stylesheet">

    4 js的引入,不再需要language="javascript",但是关闭标签是必须的。上面一行是针对IE而设定的。

    <!-- saved form url=(0014)abort:internet -->
    <script src="script.js"></script>

    5 checkbox,checked是一个属性,不再需要指定其值

    <input type="checkbox" checked />

    6 big,已经被删除了。small却被留下来了。

    small的含义已经发生了改变,用来表示附属细则,如法律条款等。

    7 hr,样式不变,但是含义发生了改变,现在用来表示主题的改变。

    8

    <strong>用来表示重要的东西(推荐使用);

    <b>仅仅用来加粗字体。

    <em>重读的部分(推荐使用);

    <i>仅仅用来斜体显示。

    9 <a>中现在可以是任意的东西。

    10 <wbr>,word br,用来指定在对应的位置将过长的字串进行分割。还有<nobr>不要将一个字串进行分割。

    11 <time>用来显示一个时间,尽管没有什么样式,但是可以自己去设定。

    12

    <header>

    虽然<header>意图很明确,但并不是什么时候都要使用它。使用它需要满足如下条件:

    1. 有标题;
    2. 除了标题之外还有其它的元素,如<p>等;
    3. 如果仅仅是由多个标题组成的,可以只用<hgroup>,而不使用<header>
    4. 除此之外,页眉可以直接使用<header>包含。

    <header>中肯定要有标题的,如果一个<header>中仅仅包含了一个图片,追加一个看不见的标题也是推荐的,这是遵守html5规则的。

    <footer>

    HTML5规定,只能在footer中放一些版权,法律相关的信息。其它的不建议放到footer中。

    <article>

    <section> 用来盛放任何一个有title的文字性描述。

    13

    <hgroup>,用来盛放所有标题的元素。除了标题之外什么也不要放到它里面。

    <header>,它可以用来盛放<h2>之外的另外一个东西。

    <header>
        <hgroup>
            <h2>This is something</h2>
            <h4>This is another something</h4>
        </hgroup>
        <p>Even I'm not a title, I wanna be here</p>
    </header>

    14

    <img> W3School上说,并不会真正的插入一个图片,而只是链接一个图片,这个标签的意义是创建文件的占位空间。

    15 CSS相关

    padding: 内边距。设定值可以为正数px或者百分数(参照值为其父元素的width),但是值不允许为负值。

    margin: 外边距。设定值可以为任意数值或者百分数,负值也是可以接受的。

    margin合并: 当两个垂直的元素的margin重合时,将会形成一个margin,其值为较大的一个。横向的无影响。

    16 figure, figcaption

    插图最好浮动在一个地方,而不是固定在某一个位置。

    <figure>用来指定一个盛放图片的区域。

    <figcaption>存在于<figure>中,用来追加图片的说明文字。

    <figure style="float: left; margin-left: 20px;">
        <img src="someimage.gif" /><!--因为存在了figcaption,alt显得多余了,可以删除,但是不能alt=""-->
        <figcaption style="font-size:small, font-style:italic">Some words to discribe the image.</figcaption>
    </figure>

    17 aside,旁白,离题的话

    一般也是float的,用来引入一些相关背景或者其它一些与文本不相干的内容。

    18 document.createElement("header")

    这句话是用来告诉IE9以前的那些兄弟们的。他们把不能识别的元素统统放弃掉,但是上面这句话就能够骗过IE们,并且知会他们,header是一个元素了,我们可以对它使用样式。

    <!-- 这句话告诉浏览器,如果版本低于IE9的话,加载下面的js,不然不加载 -->
    <!-- [If lt IE9] -->
        <script src="shiv.js"></script>
    <!-- [endif] -->

    19 nav标签

    用来生成导航栏的页面元素。

    20 section

    具有标题,并且没有更合适的标签的一段文本信息。

    • 并列显示的一个区块;
    • 独立性的一段内容,但是与article没有太大关系;
    • 引用的一段比较长的文本;
  • 相关阅读:
    reset password for local admin on Windows2016 by Powershell
    解决AOP嵌套失效的问题
    在SpringBoot中使用Docker(利用dockerfile-maven-plugin插件)
    Docker启动的问题解决笔记
    SpringBoot中各配置文件的优先级及加载顺序
    【转】SpringBoot启动服务的三种方式
    【转】详解springboot-修改内置tomcat版本
    Unable to start web server; nested exception is org.springframework.context.ApplicationContextException: Unable to start ServletWebServerApplicationContext due to missing ServletWebServerFactory bean.
    SpringCloud搭建Eureka集群
    SpringCloud警告(Eureka):EMERGENCY! EUREKA MAY BE INCORRECTLY CLAIMING INSTANCES ARE UP WHEN THEY'RE NOT. RENEWALS ARE LESSER THAN THRESHOLD AND HENCE THE INSTANCES ARE NOT BEING EXPIRED JUST TO BE SAFE.
  • 原文地址:https://www.cnblogs.com/voctrals/p/4106344.html
Copyright © 2011-2022 走看看