html标签语义化

1.强调

<strong> 标签和 <em> 标签一样，用于强调文本，但strong强调的程度更强一些。

em强调在浏览器解析下默认为斜体，虽然<i>标签也是斜体的效果，但是em才具有语义化。

2.引用

用<q>标签的真正关键点不是它的默认样式双引号，是它的语义：引用别人的话（短文本的引用）。

<blockquote>的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。浏览器对<blockquote>标签的解析是缩进样式。

区别：

一、格式不同
1、<q>：q标签是行内元素，在内容的开始和结尾处会包有【“”】；
2、<blockquote>：blockquote是块级元素，默认带有左右40px的外间距，不带【“”】。

二、语义不同
1、<q>：引用的是小段文字；
2、<blockquote>：引用的是大段的内容块。

3.地址

一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。在浏览器上显示的样式为斜体

时间： 2024-10-08 19:34:54

html标签语义化的相关文章

HTML标签语义化——使用b标签，还是strong标签

HTML标签语义化,相关的内容网上有很多.大家可以去学习一下,看一下你所使用的标签是否具有其真正要表达的意义,标签你用对了吗?今天要介绍的内容是使用b标签,还是strong标签,翻译自http://www.think-ink.net/html/bold.htm. There is a difference between using what are referred to as logical tags and tags that primarily affect visual layout.

web标签语义化

一.web标签的含义:web标签的语义化是指用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解.二.html布局的三种方式:1.自然布局.没有任何修饰的布局是自动靠左的.2.流动布局上面讲的float:left的情况.3.定位布局相对定位和绝对定位都是相对于父div标签的. 相对------以这个元素的本来应该在的位置为参照点绝对--以父div标签的原点(左上角)为参照点.a.由于外层是position:relative,所以里层是absolute的话,则

HTML标签语义化小结

HTML语义化是个面试过程中喜闻乐见的问题,问得多了,也是时候要作个系统的总结,这样才能形成知识网络. 所谓标签语义化,其实就是按照标准,给内容用上一个最恰当最合适的标签,这样一来,就算样式表没加载,也能正常浏览文章.对了,说起这个,我想起我手机在浏览部分网站的时候会有个阅读模式的东西,就是把样式去掉,让你更专注于文本,所以如果你的语义化做得不好,在这种阅读模式下是会“死人”的,哈哈哈. 每个HTML标签都有自己的意义,也有自己的适用范围,但往往会被我们忽略或者滥用,比如,div标签,这个标签常

谈CSS布局中HTML标签语义化

很多人都在做前端,当然这里包括很多新手,也许在新手的想法就是在做布局的时候不要用font标签之类的就算是web标准了,这样一来,造成如今网上“div泛滥”,一看源文件,霍,除了div没其他标签了. 这里,我可以很负责的告诉大家,这不叫web标准,这叫“div+css”.名副其实的“div+css”.也许有人会说,我用“div+css”做出来的页面完全表达出设计图的意图,浏览器都兼容,没有任何问题.的确,你这样做出来的页面看起来是没任何问题,注意,这里说的是“看起来没任何问题”,仅此而已. 人是可

标签语义化

标签的语义化,是指在看到标签名的情况下基本能理解它所代表的含义,比较直观. 语义化的好处有: 对搜索引擎友好,有良好的页面结构和语义你的内容能够孜然被搜索引擎捕捉到,也利用网站的推广:语义化标签有助于定义遵从标准,便于团队之间的合作与开发.

html学习之——标签语义化

html语义化在前端学习中会经常出现,下面对html语义化做个总结一.什么是HTML语义化 HTML语义化总的来说就是用正确的标签做正确的事.围绕着一些标签展开,如h1-h6.把适当的标签用在合适的地方.是页面结构更加的清晰. 二.html语义化有什么作用 1.使用html语义化,能使页面结构更清晰,便于解析. 2.有利于SEO.搜索引擎爬虫依赖于html标签来确定上下文和关键字权重. 3.使用html语义化,在没有css样式的时候页面也能正确清晰的呈现 4.有利于各种设备的解析,如盲人阅读器

李洪强和你一起学习前端之(2)表格、表单、标签语义化

大家早上好!新的一天开始了,学如逆水行舟,不进则退,一起加油吧! 在学习的过程中有任何问题想与我交流的,加我QQ: 990625403 好了,让我们开始今天的学习吧! 温故而知新 1 复习昨天的知识 1.1 单标签  注释标签 Ctrl +/ <br> 换行标签 <hr> 横线标签 1.2 双标签 <p></p> 段落标签 <hn></hn> n的取值是1-6 标题标签 <font size

HTML标签语义化对照表

标签名英文全拼中文翻译 a anchor 锚 abbr abbreviation 缩写词 acronym acronym 取首字母的缩写词 address address 地址 b bold 粗体 big big 变大 blockquote block quotation 区块引用于 br break 换行 caption caption 标题 center center 居中 dd definition description 定义描述 del delete 删除 div divi

HTML标签的语义化

标签的语义化就是指标签的含义.标签为什么要使用语义化的定义呢?是为了使我们的网站更好的被搜索引擎收录. 下面是一个例子 <table> <tr> <td>单价</td> <td>数量</td> </tr> <tr> <td>5.0</td> <td>1</td> </tr> </table> 上面的代码没有使用语义化,下面是使用语义化的代码