课程咨询:400-111-8989

  • 前端初学者都需要了解的7个HTML5技术点

    本文地址:http://www.xinjiuyang.com.cn/data/307894.html
    文章摘要:前端初学者都需要了解的7个HTML5技术点,署名外修行物离乡贵,干菜五金网播种。

    发布:网络  来源:网络  时间: 2018年04月12日

  • HTML5是web前端开发基础,关于HTML5,小编在这里总结了几个很重要的技术点。HTML5开发人员在日常开发常常会用到,...

  • HTML5是pk10搜狐基础,关于HTML5,小编在这里总结了几个很重要的技术点。HTML5开发人员在日常开发常常会用到,并且在面试的时候,面试官也经常会问到相关问题,记住这7个重要技术点,助你在面试时优先录用。

    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="deion" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!">

    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">

    包含charset编码格式,Keywords关键字,deion网站描述。


    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)倾斜元素:和。例如:

    <!-- 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>

    以上就是HTML5开发人员在日常开发常常用到的一些技术点。 我们是一群热爱IT的年轻人,如果你也爱IT、爱HTML5开发,欢迎加入知海匠库,让我们共同为梦想发声。

  • 上一篇:HTML5开发工具知多少

    下一篇:零基础快速入门HTML5的方法

网站导航
2002-2018 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56
北京赛车冷号最高记录 pk10人工 百度彩票pk10走势图 北京pk拾开奖直播下载 北京赛车在哪里玩
北京赛车pk10冠亚和值大小玩法 北京赛车pk10总代理 北京赛车pk10官方网站 pk10稳赢252825群 北京pk10手机投注网站
北京赛车pk10冠军 pk10赛车官网 北京赛车pk10稳赢公式 玩pk10赚到的站出来 pk10冠亚和40倍公式
北京赛车如何才能赢钱 pk10高频彩联官网 北京赛车开奖记录 北京赛车pk10上皇巢网 北京赛车网页单双计划
辽宁体彩 新加坡购物必买 河北快3一定 三星时时彩软件 百乐坊
广东11选5走势图 福建快3走势图 江苏11选5几点结束 时时彩修改投注金额 湖北福彩快3
幸运农场选号技巧 秒速赛车官方开奖 青海十一选五 大赢家彩票网 浙江11选5
内蒙古11选5推荐号码 七乐彩开奖号码 内蒙古十一选五出啥 牡丹国际娱乐城 彩票论坛彩票预测