zoukankan      html  css  js  c++  java
  • HTML、CSS知识点,面试开发都会需要--No.1 HTML

    No.1   HTML


    1.网页结构

        网页结构一般都包含文档声明DOCTYPE,并且在head中的meta应该包含编码格式、关键字、网页描述信息。简单格式如下:

    <!DOCTYPE html>
        <html>
        <head>
            <meta charset="utf-8">
            <title>Hello World</title>
        </head>
        <body>
        </body>
    </html>      

    JD首页的meta声明:
    <meta charset="gbk" />
    <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!">
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"> 包含charset编码格式,Keywords关键字,description网站描述。

    2.自关闭元素

        <br>、<embed> 、<hr>、<img>、<input>、<link>、<meta>、<param>、<source>、<wbr>

    3.布局最常用的两个元素

        (1)div:流布局使用;

        (2)span:文字块使用。

    4.块级别元素和行级别元素

        块级别元素:是指开始在新的行,占领整行宽度。例如div默认是块级别block元素;

        行级别元素:仅仅维持内容的宽度,例如文字块的span元素;

        通过CSS的display属性声明元素显示级别,一般包括inline行级别、inline-block行内块元素、block、table块级别表格。

    5.文字类元素

        (1)加粗元素:strong、b。例如:

        <p><strong>Caution:</strong> Falling rocks.</p>     

        <p>This recipe calls for <b>bacon</b> and <b>baconnaise</b>.</p>

    (2)倾斜元素:<em>和<i>。例如:   
      <!-- Stressed emphasis -->   
      <p>I <em>love</em> Chicago!</p>   
      <!-- Alternative voice or tone -->   
      <p>The name <i>Shay</i> means a gift.</p>
     

    6.HTML5新增的结构化元素

        (1)结构化元素包括:<header>, <nav>, <article>, <section>, <aside>, <footer>。

        (2)元素级别:都是block级别元素,不包含样式,只用于结构化,每个页面可多次使用。

        (3)元素说明:header描述头部信息,nav用于导航模块,article用于可重新覆盖的新闻类内容块,section模块化,aside页面左或右模块,footer底脚模块。

    7.页面内跳转

        如果需要跳转到页面指定的位置,可在该位置设置元素的id属性,然后为链接添加href="#id"。例如:

        <body id="top">     

        ...     

        <a href="#top">Back to top</a>     

        ...     

        </body>

  • 相关阅读:
    printcap
    browser-ua
    PHP 开发 APP 接口 学习笔记与总结
    Java实现 LeetCode 72 编辑距离
    Java实现 LeetCode 72 编辑距离
    Java实现 LeetCode 72 编辑距离
    Java实现 LeetCode 71 简化路径
    Java实现 LeetCode 71 简化路径
    Java实现 LeetCode 71 简化路径
    Java实现 LeetCode70 爬楼梯
  • 原文地址:https://www.cnblogs.com/CCxi/p/5511590.html
Copyright © 2011-2022 走看看