Html块标签：

（1）<div>标签 块元素，表示一块内容，没有具体的语义

（2）<span>标签 行内元素，表示一行中的一小段内容，没有具体的语义

<p>标签 默认是带空行的样式的

<div>标签 默认是不带空行的样式的

代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>块标签</title>

</head>

<body>

    <p>这是一个段落，可以放一段文字</p>

    <p>这是一个段落，可以放一段文字</p>

    <p>这是一个段落，可以放一段文字</p>

    <div>这是一个块标签，可以放一段文字</div>

    <div>这是一个块标签，可以放一段文字</div>

    <div>这是一个块标签，可以放一段文字</div>

</body>

</html>

<div>标签可以嵌套，如：<div> <div></div> </div>

<p>标签，一般不建议使用<p>标签中嵌套<p>标签，如果这么用的话样式可能会进不去;<p>标签可以包含其他的标签

含样式和语义的标签：

（1）<em>标签 行内元素，表示语气中的强调词

（2）<i>标签 行内元素，表示专业词汇

（3）<b>标签 行内元素，表示文档中的关键字或者产品名

（4）<strong>标签 行内元素，表示非常重要的内容

<em>、<i>标签都带有使倾斜的样式

<em>、<i>展现形式是一样的，表示的语义不同

<b>、<strong>展现形式是一样的，表示的语义不同

代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>块标签</title>

</head>

<body>

    <p>这是一个段落，可以放一段文字</p>

    <p>这是一个段落，可以放一段文字</p>

    <p>这是一个段落，可以放一段文字</p>

    <div>这是一个块标签，可以放一段文字</div>

    <div>这是一个块标签，可以放一段文字</div>

    <div>这是一个块标签，可以放一段文字</div>

    <div>

        <div>

            <h1>这是一个一级标题</h1>

            <p>这是一个<span>段落</span>，可以放一段文字</p>

        </div>

        <div>

            这是一个<em>em标签</em> <br />

            这是一个<i>i标签</i> <br />

            这是一个<b>b标签</b> <br />

            <p><strong>这是一个段落中的strong标签，通常包含一段很重要的文字</strong></p>

        </div>

    </div>

</body>

</html>

页面显示效果：

语义化的标签：

语义化的标签，就是在布局的时候多使用有语义的标签，搜索引擎在爬网的时候能认识这些标签，理解文档的结构，方便网站的收录。如：h1标签是表示标题，p标签是表示段落，ul、li标签是表示列表，a标签是表示链接，dl、dt、dd表示定义列表等，语义化的标签不多。

Html块标签、含样式的标签、语义化的标签：的更多相关文章

  1. html块、含样式的标签

    html块 1.div标签 块元素,表示一块内容,没有具体的语义. 2.span标签 行内元素,表示一行中的一小段内容,没有具体的语义. 含样式和语义的标签 1.em标签 行内元素,表示语气中的强调词 ...

  2. 3-html块-语义化的标签

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. HTML5的新语义化的标签

    在HTML5之前采用HTML+CSS文档结构写法 [ID选择器说明 id选择器——用于标识页面上特定元素(比如站点导航.页眉.页脚)而且必须唯一; 也可以用来标识持久结构性元素(如主导航.内容区域)] ...

  4. HTML标签的使用要注意语义化

    语义化标签:你认为用什么标签最能描述这块内容,觉得这样表述更有意义,那么就可以使用这个标签. 现在的浏览器对CSS支持都挺完善的(不包括CSS3),讲究的是结构与表现相分离,结构与行为相分离,一个WE ...

  5. html5中新增的语义化的标签

    html5是html最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定.目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络 ...

  6. HTML5-新增语义化结构标签

    总结目录结构: 1.简洁的DOCTYPE声明 2.新的布局结构标签 header,article,section,aside,footer 3.新的其它常用标签: nav,hgroup,figure, ...

  7. HTML块,含样式的标签

    HTML块,含样式的标签 html块 div标签 块元素,表示一块内容,没有具体的语义. span标签 行内元素,表示一行中的一小段内容,没有具体的语义. 含样式和语义的标签 em标签 行内元素,表示 ...

  8. HTML5语义化标签

    在HTML5中最基础也是比较好理解的也就是语义化标签了,,顾名思义语义化也就是可以直接读懂的标签~,这样我们在项目开发过程中不但自己不会因为5花8门的标签命名而伤脑筋,跟同事对接项目也会节约很多时间~ ...

  9. 腾讯TGideas语义化标签（转）

    --------引子--------------- 家里有个熊孩子,经常会有一些意想不到的事情发生:回家的时候,他会笑呵呵冲过来,大声喊着“臭爸爸”:你让他把鞋穿上,他会提起鞋子往楼下扔...在小孩的 ...

随机推荐

  1. 【C++ Primer | 15】继承的构造函数

    继承的构造函数 子类为完成基类初始化,在C++11之前,需要在初始化列表调用基类的构造函数,从而完成构造函数的传递.如果基类拥有多个构造函数,那么子类也需要实现多个与基类构造函数对应的构造函数. cl ...

  2. SSD垃圾回收

    A complete GC typically:includes four steps: selecting some blocks that contain somestale data as vi ...

  3. Redis都有哪些数据类型

    string 这是最基本的类型了,就是普通的set和get,做简单的kv缓存 hash 这个是类似map的一种结构,这个一般就是可以将结构化的数据,比如一个对象(前提是这个对象没嵌套其他的对象)给缓存 ...

  4. 作为完美主义者(强迫症)如何将linux的eth1网卡修改为eth0网卡

    1:由于你是克隆的虚拟机或者直接就是使用别人的Centos操作系统直接打开到自己本地的虚拟机,网卡可能就是eth1而不是eth0,下面简单写一下如何将eth1修改为eth0,步骤如下所示: 2:如果你 ...

  5. Windows Server 2012 R2 设置 NTP 服务

    其实和以前的server版本配置没啥不一样 都是先改注册表: HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\W32Time\Config\ ...

  6. 求自然数幂和 B - The Sum of the k-th Powers CodeForces - 622F

    题解: 很多方法 斯特林数推导略麻烦但是不依赖于模数 代码: 拉格朗日插值 由于可以证明这是个K+1次多项式于是可以直接用插值 #include <bits/stdc++.h> using ...

  7. 【Android】AndroidManifest 中original-package标签

    Manifest.xml 中   <manifest>标签中package属性用于设置应 用程序的进程名,即在运行时使用ddms查看到的进程名.   <original-packag ...

  8. Codeforces 311D Interval Cubing 数学 + 线段树 (看题解)

    Interval Cubing 这种数学题谁顶得住啊. 因为 (3 ^ 48) % (mod - 1)为 1 , 所以48个一个循环节, 用线段树直接维护. #include<bits/stdc ...

  9. Python面向对象2-类和构造方法

    #!/usr/bin/env python # -*- coding:utf-8 -*- # 作者:Presley # 邮箱:1209989516@qq.com # 时间:2018-08-05 # O ...

  10. BZOJ3675 [Apio2014]序列分割 动态规划 斜率优化

    原文链接http://www.cnblogs.com/zhouzhendong/p/8697258.html 题目传送门 - BZOJ3675 题意 对于一个非负整数序列,小H需要重复k次以下的步骤: ...