Html块标签、含样式的标签、语义化的标签：
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块标签、含样式的标签、语义化的标签：的更多相关文章
- html块、含样式的标签
html块 1.div标签 块元素,表示一块内容,没有具体的语义. 2.span标签 行内元素,表示一行中的一小段内容,没有具体的语义. 含样式和语义的标签 1.em标签 行内元素,表示语气中的强调词 ...
- 3-html块-语义化的标签
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- HTML5的新语义化的标签
在HTML5之前采用HTML+CSS文档结构写法 [ID选择器说明 id选择器——用于标识页面上特定元素(比如站点导航.页眉.页脚)而且必须唯一; 也可以用来标识持久结构性元素(如主导航.内容区域)] ...
- HTML标签的使用要注意语义化
语义化标签:你认为用什么标签最能描述这块内容,觉得这样表述更有意义,那么就可以使用这个标签. 现在的浏览器对CSS支持都挺完善的(不包括CSS3),讲究的是结构与表现相分离,结构与行为相分离,一个WE ...
- html5中新增的语义化的标签
html5是html最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定.目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络 ...
- HTML5-新增语义化结构标签
总结目录结构: 1.简洁的DOCTYPE声明 2.新的布局结构标签 header,article,section,aside,footer 3.新的其它常用标签: nav,hgroup,figure, ...
- HTML块,含样式的标签
HTML块,含样式的标签 html块 div标签 块元素,表示一块内容,没有具体的语义. span标签 行内元素,表示一行中的一小段内容,没有具体的语义. 含样式和语义的标签 em标签 行内元素,表示 ...
- HTML5语义化标签
在HTML5中最基础也是比较好理解的也就是语义化标签了,,顾名思义语义化也就是可以直接读懂的标签~,这样我们在项目开发过程中不但自己不会因为5花8门的标签命名而伤脑筋,跟同事对接项目也会节约很多时间~ ...
- 腾讯TGideas语义化标签（转）
--------引子--------------- 家里有个熊孩子,经常会有一些意想不到的事情发生:回家的时候,他会笑呵呵冲过来,大声喊着“臭爸爸”:你让他把鞋穿上,他会提起鞋子往楼下扔...在小孩的 ...
随机推荐
- PAT Basic 1073. 多选题常见计分法
题目内容 多选题常见计分法(20) 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CHEN, Yue 批改多选题是比较麻烦的事情,有 ...
- mysql查看工具——mysql profiler sql
http://www.profilesql.com/download/ 开发同学的福利--mysql监控工具sqlprofiler,类似sqlserver的profiler工具 https://www ...
- 微信支付JSAPI掉不起来支付按钮是什么原因？（原创）
两种可能: 1.支付页面的js参数有问题 2.微信支付的配置有问题,大概率在微信支付授权目录是否有填写正确
- TFS： 解决The build agent error - the session for this agent already exists
来源:http://ericphan.net/blog/2016/6/10/solving-the-tfs-build-agent-error-the-session-for-this-agent-a ...
- mysql的时间戳timestamp精确到小数点后六位
1.mysql的时间戳timestamp精确到小数点后六位. 公司业务使用到Greenplun数据库,根据查询的时间戳来不断的将每个时间段之间的数据,进行数据交换,但是今天发现,mysql的时间戳没有 ...
- 线程 ID
摘自<Linux 环境编程:从应用到内核> 在 Linux 中,目前的线程实现是 Native POSIX Thread Library,简称 NPTL.在这种实现下,线程又被称为轻量级进 ...
- error: Unable to find vcvarsall.bat
http://www.crifan.com/python_mmseg_error_unable_to_find_vcvarsall_bat/ [已解决]安装Python模块mmseg出错:error: ...
- 【转】使用Jasob混淆javascript代码
在平常的web开发中,我们时常需要写一些js的类库,当我们发布自己产品的时候,不得不把源代码分发出去:但是这样就会泄露自己的代码.今天使用了一下Jasob感觉不错: 使用Jasob,我们的JavaSc ...
- 如何自动设置网页中meta节点keywords属性-【SEO】
在处理网页的SEO时,经常需要设置meta节点中keywords的属性. 如果是UGC产生内容的话,对于这个字段可以由用户或编辑手工设置相关的标签或关键词来进行. 但对于MGC(机器产生内容)的内容的 ...
- nginx-fastcgi 反向代理
Nginx处理php页面 用fpm-server 基于fastcgi模块实现 Ngx_http_proxy_module 只能反代后端http server的主机 Ngx_fastcgi_prox ...