下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:html5新布局元素

作者:chenJieLing2019     来源: https://www.cnblogs.com/chenJieLing/p/11606804.html点击数:665发布时间: 2020-03-05 12:16:31

标签: HTML5计算机布局元素

Web开发

  HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原生应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试和运行,这是首先得解决的一个问题。现在html5的应用已经相当广泛,未来移动互联网都需要用到html5开发应用

  1.html5的优点:

  ①对人友好,更加语义化,更直观,增加了代码的可读性。

  ②对计算机友好,浏览器更容易解析,搜索引擎更容易抓取文档内容。

  ③代码更加的简洁。

  2.新增的布局标签:

  Article:定义一个独立内容区块,一篇文章,一个视频等;

  Section:定义一个区域,如文章的章节等;

  Header/footer:定义一个头部/尾部;

  Aside:定义侧边栏;

  Nav:定义目录导航;

  Hgroup:标题分组,通常放在header里面;

  Address:地址,联系信息等;里面的内容回以斜体显示;

  Figure:对其他媒体元素进行组合,比如图像、图表等。

  Figcaption:用来给figure定义标题;

  Time:

  ①Time元素代表24小时中某个时刻或某个日期,表示时刻时允许带时差。它可以定义很多格式的日期和时间。

  ②Datetime属性中日期和时间要用T分割,T表示时间。时间加上Z表示给机器编码时使用utc标准时间,表示向机器编码另一地区时间,如果是编码本地时间,则不需要添加时差。

  ③Pubdate属性是个可选标签,加上他搜索引擎可以很方便识别出那个日期是文章、新闻的发表日期。

  3.移动端实例:

  ①Name=”viewport”屏幕设定

  ②Maximum-scale=1.0,minimum-scale=1.0;initial-sacle=1.0最大最小缩放比例为1(其实就是不允许带年纪缩放)

  ③User-scalable=0,width=devive-width设定内容和设备的屏幕等宽、等高

  ④Overflow:auto内容超出父元素容器后自动加滚动条

  ⑤Text-decoration:none给a标签去掉下划线

  ⑥List-style-type:none把列表前面的点去掉

  ⑦Display:inline在同一行显示

  ⑧Font-size:10pt设置字体大小

  HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的web

赞(11)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程