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. 【红外DDE算法】聊聊红外图像增强算法的历史进程（第一回）

    宽动态红外图像增强算法综述回顾过去带你回顾宽动态红外图像增强算法的历史进程,历来学者的一步步革命(新的算法框架提出),一步步改革(改进优化),从简单粗暴到细致全面.正所谓是:改革没有完成时,只有进行时 ...

  2. 第二阶段冲刺个人任务——one

    今日任务: 修改注册界面.

  3. Python脚本通过ftp协议移植文件

    需求 项目需要定时移植多个客户服务器的文件到公司服务器上,确保文件定时同步和生成监控日志 机制原理 1.客户和公司服务器同时安装vpn,绕过复杂的网关,linux下使用的OpenVPN 2.服务器定时 ...

  4. redis缓存数据库及Python操作redis

    缓存数据库介绍  NoSQL(NoSQL = Not Only SQL ),意即“不仅仅是SQL”,泛指非关系型的数据库,随着互联网web2.0网站的兴起,传统的关系数据库在应付web2.0网站, 特 ...

  5. mysql--->权限管理原理和设置

    mysql 权限管理 mysql权限检查原理 权限检查两个阶段 你有没有权限链接上来 你有没有权限执行此操作 服务器如何判断用户用户有没有权限连接上来? 通过mysql库下的user表 查看:sele ...

  6. Java基于OpenCV实现走迷宫（图片+路线展示）

    Java基于OpenCV实现走迷宫(图片+路线展示) 由于疫情,待在家中,太过无聊.同学发了我张迷宫图片,让我走迷宫来缓解暴躁,于是乎就码了一个程序出来.特此记录. 原图: 这张图,由于不是非常清晰, ...

  7. Linux系统实现ansible自动化安装配置httpd

    1.使用ansible的playbook实现自动化安装httpd 1)首先配置好ansible的hosts文件,让其对应主机能够受ansible控制 提示:我们在主机清单上配置了所管控的主机地址,但是 ...

  8. 吴sir 讲Python之——Pycharm的安装教程 （一）

    欢迎您进入老吴的博客,如有联系请加QQ群:1055524279 首先在Pycharm的官网下载Pycharm Pycharm官网链接:https://www.jetbrains.com/pycharm ...

  9. 《Python学习手册 第五版》 -第6章 动态类型

    本章主要讲述变量.对象.引用三者直接的关联及区别,详细说明了在变量赋值的操作中,计算机内部到底发生了什么,有哪些是不被人察觉和需要明确了解的 1.先从最简单的赋值语句开始 a=3 这一句,基本就能涵盖 ...

  10. (原)NSQ源码阅读和分析(1)

    原文出处:https://www.cnblogs.com/lihaiping/p/12324371.html 本文记录自己在阅读和学习nsq源码的时候的一些学习笔记,主要目的是个人总结和方便后期查阅. ...