html5初学2

继续学习html5.
1.语义元素。语义元素清楚地向浏览器和开发者描述其意义
    html5中新的语义元素有:许多网站包含了指示导航、页眉以及页脚的 HTML 代码,例如这些:<div id="nav"> <div class="header"> <div id="footer">。
    HTML5 提供了定义页面不同部分的新语义元素:
    <article>:规定独立的自包含内容,文档有其自身的意义,并且可以独立于网站其他内容进行阅读
    <aside>:页面主内容之外的某些内容(比如侧栏)
    <details>:定义用户能够查看或隐藏的额外细节
    <figcaption>:定义 <figure> 元素的标题
    <figure>:规定自包含内容,比如图示、图表、照片、代码清单等。
    <footer>:为文档或节规定页脚,提供有关其包含元素的信息,通常包含文档的作者、版权信息、使用条款链接、联系信息等等,一个文档中可以有多个 <header> 元素
    <header>:为文档或节规定页眉,被用作介绍性内容的容器,一个文档中可以有多个 <header> 元素
    <main>:规定文档的主内容
    <mark>:定义重要的或强调的文本
    <nav>:定义导航链接集合
    <section>:定义文档中的节
    <summary>:定义 <details> 元素的可见标题
    <time>:定义日期/时间
2.html5的一些默认使用的规则
    1>始终在文档的首行声明文档类型 <!DOCTYPE html> 允许小写
    2>元素名允许使用混合大小写字母,但推荐使用小写
    3>不必关闭所有的元素,但推荐关闭,一一对应。
    4>允许大小写混合的属性名,但推荐小写。
    5>推荐属性值加引号
    6>始终对图像使用 alt 属性。当图像无法显示时该属性很重要,始终定义图像尺寸。这样做会减少闪烁,因为浏览器会在图像加载之前为图像预留空间
    7>等号两边的空格是合法的,但推荐精简空格
    8>尽量避免代码行超过 80 个字符
    9>不必毫无理由地增加空行。为了提高可读性,请增加空行来分隔大型或逻辑代码块。为了提高可读性,请增加两个空格的缩进。请勿使用 TAB。请勿使用没有必要的空行和缩进。没有必要在短的和相关项目之间使用空行,也没有必要缩进每个元素
    10>不推荐省略<html>以及<body>
    11> <title> 元素在 HTML5 中是必需的。请尽可能制作有意义的标题
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页