html标签默认在浏览器中展示的样式,html标签的用途：语义化（明白每个标签的用途,在什么情况下使用此标签合理）;标签语义化好处:1.更容易被搜索引擎收录2.更容易让屏幕阅读器读出网页内容。

网页上显示的页面内容通常放在<body>标签内部,文章的段落用<p>标签,文章的标题<hx>(标题标签一共有6个,h1-h6分别为一级标题到六级标题,并且依据重要性递减,<h1>是最高的等级.)<em>或<strong>标签用来强调,但两者在强调的语气上有区别:<em> 表示强调，<strong> 表示更强烈的强调.并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示.

✰对于<em>,<strong>,<span>这三个标签总结:1.<em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调;2.<span>标签是没有语义的,它的作用就是为了设置单独的样式用的

<q>标签短文本引用,示例<q>庄生晓梦迷蝴蝶，望帝春心托杜鹃</q>,浏览器会添加双引号;<blockquote>标签长文本引用,浏览器对<blockquote>标签的解析是2端缩进样式

<br>标签分行显示文本,<br />标签作用相当于word文档中的回车*语法：语法：xhtml1.0写法：<br />;html4.01写法：<br>现在一般使用 xhtml1.0的版本的写法（其它标签也是）,这种版本比较规范.

<br />标签是一个空标签,没有html内容的标签就是空标签,空标签只需要写一个标签,这样的标签有<br />、<hr />和<img />小结:在 html 代码中输入回车,空格都是没有作用的,在html文本中想输入回车换行,就必须输入<br />

网页文字空格符&nbsp;原因:在html代码中输入空格,回车都是没有作用的.要想输入空格必须写入&nbsp;

<hr>标签,添加水平横线,语法:html4.01版本<hr> ,xhtml1.0版本<hr/> 注意:1.<hr/>标签和<br/>标签一样也是一个空标签,所以只有一个开始标签，没有结束标签2.<hr/>标签的在浏览器中的默认样式线条比较粗，颜色为灰色，3.现在一般使用xhtml1.0的版本（其它标签也是），这种版本比较规范.

<address>标签,为网页加入地址信息/在浏览器上显示的样式为斜体;

<code>代码语言</code>注意:如果是多行代码,可以使用<pre>标签,加入一行代码的标签为<code>,但是在大多数情况下是需要加入大段代码的*<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符(附:<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。)

浏览器中常见的html语义化标签的更多相关文章

  1. 常见的HTML5语义化标签

    ​ <title>:页面主体内容.<hn>:h1~h6,分级标题,<h1> 与 <title> 协调有利于搜索引擎优化.<ul>:无序列表. ...

  2. 让HTML5语义化标签兼容IE浏览器

    解决方案:IE9以下旧版本浏览器不支持新的语义化标签.其中一种解决方案就是用js将HTML5增加的标签创建出来,就像下面这样.(放在header部位) <script> var html5 ...

  3. HTML5之语义化标签

    HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式的id和class形容这块内容的意义).这些标 ...

  4. 转html5语义化标签总结一

    HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式的id和class形容这块内容的意义).这些标 ...

  5. HTML5语义化标签重构页面

    在HTML5未出现之前我们都用div+css来构建页面,比如<div id=”header”>,div的滥用,使得代码的可读性和可维护性很差,现在用本文来介绍一下用HTML5′干净的’语义 ...

  6. HTML 5的革新——语义化标签(一)HTML 5的革新——语义化标签(二)

    HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式的id和class形容这块内容的意义).这些标 ...

  7. HTML 5语义化标签

    HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式的id和class形容这块内容的意义).这些标 ...

  8. HTML 5的革新之一：语义化标签一节元素标签。

    摘至于:<HTML 5的革新——语义化标签(一)> HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即 ...

  9. HTML 5的革新——语义化标签(一)

    HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式的id和class形容这块内容的意义).这些标 ...

随机推荐

  1. 用路由系统生成输出URL 在视图中生成输出URL 高级路由特性 精通ASP-NET-MVC-5-弗瑞曼

    Using the Routing System to Generate an Outgoing URL 结果呢:<a href="/Home/CustomVariable" ...

  2. NOI4.6 1455:An Easy Problem

    描述 As we known, data stored in the computers is in binary form. The problem we discuss now is about ...

  3. 【转】在VS2010上使用C#调用非托管C++生成的DLL文件（图文讲解）

    原文:http://www.cyqdata.com/cnblogs/article-detail-35876# 背景 在项目过程中,有时候你需要调用非C#编写的DLL文件,尤其在使用一些第三方通讯组件 ...

  4. 使用FileZilla Pro S3协议访问七牛云对象存储

    偶然发现FileZilla还有Pro版本,主要是比免费版多了一些协议支持,也偶然发现七牛云支持了S3协议接口,这样刚好弥补了其没有FTP的不足,于是找官方文档,折腾一下,使用FileZilla Pro ...

  5. DRF框架之Serializer序列化器的序列化操作

    在DRF框架中,有两种序列化器,一种是Serializer,另一种是ModelSerializer. 今天,我们就先来学习一下Serializer序列化器. 使用Serializer序列化器的开发步骤 ...

  6. Ubuntu 入门笔记（1）

    在阿里云上申请了一个云服务器,开始学习Linux.我选择的是Ubuntu 14.04 ,在登录时就绕了我好长时间,输入用户名是有显示的,但是输入密码就没有反应了,查找了之后才发现原来这是Ubuntu ...

  7. k8s注册节点提示Docker SystemdCheck]: detected cgroupfs" as the Docker cgroup dr iver. The r ecommended dr fiver is" systemd"

    本篇就不长篇大论了,直接附上解决办法 提示如上,此提示非必要要求,只是建议,但是看着不爽,那就解决它 这是未解决之前的docker信息,现在输入下面的指令 sudo echo -e "{\n ...

  8. 二、Django学习之增删改查

    增加数据 第一种方式 def index(request): #创建记录方式1 #实例化要添加的记录(对象) student_obj = models.Student( name='dazhuang' ...

  9. java编写杨辉三角

    import java.util.Scanner; /* *计算杨辉三角: * 规律:两边都是1 * 从第三行开始,上一行的前一个元素+与其并排的元素等于下面的元素 * 例如: * 1 * 11 * ...

  10. 加快Chrome网页开启速度

    谷歌浏览器一直是众多大神心中的最爱,但是对于启动速度还是有一些纠结,这里找到一个好方法可以加快一些启动的速度,亲测有效. 1.地址栏输入chrome://flags: 2.启用"覆盖软件渲染 ...