3-html块-语义化的标签

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>标题</title>
</head>
<body>
    <!--
    1.div标签块元素,表示一块内容,没有具体的语义
    2.span标签行内元素,表示一行中的一小段内容,没有具体的语义
    含样式和语义的标签
    1.em标签行内元素,表示语句中的强调词,文字倾斜
    2、i标签行内元素,原本没有语义,w3c强加了语义,表示专业词汇,文字倾斜
    3、b标签行内元素,原本没有语义,w3c强加了语义,表示文档中的关键字或者产品名,文字加粗
    4、strong标签 行内元素,表示非常重要的内容 -->
    <p>一个html文件就是一个网页<br />,html文件用编辑器打开显示的是文本,可以用文本的方
    式编辑它,如果用浏览器打开,浏览器会按&nbsp;&nbsp;&nbsp;&nbsp;照标签描述内容将文件渲染成网页,显示的网
    页可以从一个网页链接跳转到另外一个网页<br />
    5&gt;3<br />
    1&lt;2
    </p>
    <p>
        <strong>一个html文件就是一个网页<br />,html文件用编辑器打开显示的是文本,可以用文本的方
    式编辑它,如果用浏览器打开,浏览器会按&nbsp;&nbsp;&nbsp;&nbsp;照标签描述内容将文件渲染成网页,显示的网
    页可以从一个网页链接跳转到另外一个网页<br />
    5&gt;3<br />
    1&lt;2</strong>
    </p>
    <div>
    一个html文件就是一个网页<br />,<span>6666</span>,html文件用编辑器打开显示的是文本,可以用文本的方
    式编辑它,如果用浏览器打开,浏览器会按&nbsp;&nbsp;&nbsp;&nbsp;照标签描述内容将文件渲染成网页,显示的网
    页可以从一个网页链接跳转到另外一个网页<br />
    5&gt;3<br />
    1&lt;2
    </div>
    <div>
    一个<b>html文件</b>就是一个<em>网页</em><br />,<span>6666</span>,html文件用编辑器打开显示的是文本,可以用文本的方
    式编辑它,如果用浏览器打开,浏览器会按&nbsp;&nbsp;&nbsp;&nbsp;照标签描述内容将文件<i>渲染</i>成网页,显示的网
    页可以从一个网页链接跳转到另外一个网页<br />
    5&gt;3<br />
    1&lt;2
    </div>

</body>
</html>

原文地址:https://www.cnblogs.com/qtclm/p/11408845.html

时间: 2024-11-04 22:41:30

3-html块-语义化的标签的相关文章

Html块标签、含样式的标签、语义化的标签:

Html块标签: (1)<div>标签 块元素,表示一块内容,没有具体的语义 (2)<span>标签 行内元素,表示一行中的一小段内容,没有具体的语义 <p>标签 默认是带空行的样式的 <div>标签 默认是不带空行的样式的 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit

HTML5的新语义化的标签

在HTML5之前采用HTML+CSS文档结构写法 Diagram illustrates a typical two-column layout marked up using divs with id and class attributes.It contains a header, footer, and horizontal navigation bar below the header. The main content contains an article and sidebar 

HTML5语义化结构标签有哪些?

<header>表示页面中一个内容区块或整个页面的标题. <section>页面中的一个内容区块,如章节.页眉.页脚或页面的其他地方,可以和h1.h2……元素结合起来使用,表示文档结构. <article>表示页面中一块与上下文不相关的独立内容,如一篇文章. <aside>表示<article>标签内容之外的,与<article>标签内容相关的辅助信息. <hgroup>表示对整个页面或页面中的一个内容区块的标题进行组合.

HTML5语义化标签

一.什么是语义化标签?1.那么什么叫做语义化呢?说的通俗点就是:就是给div起个外号,比如,网页上的文章的标题就可以叫他标题,网页上的各个文章,就可以叫他文章. 2.为啥使用语义化标签?(1). 更容易被搜索引擎收录.(2). 更容易让屏幕阅读器读出网页内容.(3). 能够更好的体现页面的主题.(4).兼容性更好,支持更多的网络设备.二.常见语义化标签 头部--header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍性的信息如网站名称.logo或者导航栏

语义化标签的实战意义

我收集到一些观点,大家姑且先听上一听,有人说:“没必要考虑语义化,只要我写的代码浏览器运行后没问题就行,反正领导根本不关心这些”“语义化是w3c推广的,我是很想语义化我的代码,但总是用不明白”“这个不好说,语义化再好有啥用,关键是有好的项目,客户才是金主!”“除了专业人士,谁会去看我们的代码是不是语义化的” 不仅仅有页面重构人员的声音,也听一听工程师.设计师.还有项目管理人员,他们是怎么看“语义化”这件事的 Php工程师:“无所谓什么语义化,只要逻辑正确,不影响我循环数据”项目管理人员:“我更看

H5新特性之语义化标签

二月底,疫情仍未过去,在家逆战学习. 说道H5新特性的语义化标签,就不得不先简单说一下它的发展史,兼容和一些语法问题. H5在经过多达近百项的修改,包括HTML和XHTML的标签,相关的API,Canvas等,性 能得到进一步提升. H5仅仅是新增添了一些内容并优化了它们,而不是全盘否定之前的旧的内容.支持Html5 的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari, Opera等以及一些国内浏览器. 对于H5语法变化不大,文件的扩展名是不变

腾讯TGideas语义化标签(转)

--------引子--------------- 家里有个熊孩子,经常会有一些意想不到的事情发生:回家的时候,他会笑呵呵冲过来,大声喊着“臭爸爸”:你让他把鞋穿上,他会提起鞋子往楼下扔...在小孩的世界里,他虽然会说话,但不一定明白其中的意思,不能正确表达:同样他也会做一些事情,但不一定按正常大人的逻辑,不能准确接收:符合预期的的交流和沟通成了奢望.因为在他的世界里,一切都处于混沌之中,一切的逻辑.规范都没有完善. 而在HTML的世界里,经历多年的成长,规范已基本成型,不同的HTML标签.属性

HTML的语义化,你需要深入了解

有关HTML的一些基础课程,很多网站都有讲,于我而言,真正实践起来,我只要求我能够让它表现出我所想要的结果即可.然而,这种要求,对于后期的维护与测试,真的是......想起日前我们所做的这个项目,那里面的jsp代码,感觉有些看不下去,各种标签混杂一起,而且经常使用的是无实义的比如div,看起来真是头疼!所以,此番我做一个总结,方便日后做项目时,知道该如何规范好自己的代码,做到严谨. HTML,XHTML的区别: HTML,HyperText Mark-up Language,是构成网页文档的主要

后端程序员前端之路03--HTML语义化

目录 什么是HTML语义化? 为什么要语义化 常用标签的语义 一.什么是HTML语义化? 简单来讲就是:每个标签做自己的事,使得能够被机器直接读懂. 二.为什么要语义化? 1.更容易被搜索引擎收录. 2.方便其他类型设备解析(如:屏幕阅读器等) 3.便于团队开发和维护. 三.常用标签的语义 标签 含义 备注 <title> 网页标题 用于告诉用户和搜索引擎,这个网页的主要内容是什么.搜索引擎可以通过网页标题,迅速判断出网页的主题. <p> 文章的段落 默认样式中,段前段后都会有空白