HTML5语义化标签

<header></header>   语义化标签》头部.
<nav></nav>         语义化标签》导航.
<article></article> 语义化标签》文章.
<section></section> 语义化标签》字段.

如果有标题有字段,独立的能单独拿出来能使用的就使用article; 如果没有,就使用section标签!article里面能套section;section也能套article也能套section;布局任然使用div;

 

<mark></mark>     语义化标签》强调一个字段
<figure></figure> 语义化标签》插入一个图片及标题
<figcation></figcation>  ..》强调图片的标题
<tinme></time>    语义化标签》强调时间
<datalist></datalist>   配合text一起使用的搜索提示;text后面跟list等于datalist的ID即可
<progress></progress>   内置进度条,value代表进度

*使用语义化标签。能使开发维护时框架看起来一目了然,言简易懂。这样也对SEO表现得更为友好,提高网络搜索引擎的排行~!

表单元素

  • button
  • textarea
  • form
  • select
  • input
原文地址:https://www.cnblogs.com/rengpiaomiao/p/4641455.html