语义化标签

2019-02-22  本文已影响0人  fb941c99409d

H1

h1的重要性仅次于title,搜索引擎检索完title,会立即查看h1中的内容

h1标签非常重要,它会影响到页面在搜索引擎中的排名,页面只能写一个h1

em和strong

- 这两个标签都表示一个强调的内容,

em主要表示语气上的强调,em在浏览器中默认使用斜体显示

strong表示强调的内容,比em更强烈,默认使用粗体显示

i 和 b

h5规范中规定,对于不需要着重的内容而是单纯的加粗或者是斜体,就可以使用b和i标签

small

标签中的内容会比他的父元素中的文字要小一些在h5中使用small标签来表示一些细则一类的内容

比如:合同中小字,网站的版权声明都可以放到small

<pre><code> ....</code></pre>

pre是一个预格式标签,会将代码中的格式保存,不会忽略多个空格

code专门用来表示代码

我们一般结合使用pre和code来表示一段代码

ins

ins中的的内容,会自动添加下划线

del

del标签中的内容,会自动添加删除线

sup

使用sup标签来设置一个上标

sub

sub标签用来表示一个下标

<header>  

 语义 :定义页面的头部 页眉

 <nav>  

语义 :定义导航栏 

 <footer> 

语义: 定义 页面底部 页脚

 <article> 

语义:  定义文章

 <section> 

语义: 定义区域

 <aside> 

语义: 定义其所处内容之外的内容 侧边

 <fieldset>

    <legend>用户登录</legend>

    用户名: <input type="text"><br /><br />

    密 码: <input type="password">

    </fieldset>

上一篇 下一篇

猜你喜欢

热点阅读