关于HTML标签(元素)的那些事?

在战场上,知己知彼,方能百战百胜;在商场上,知己知彼,亦能呼风唤雨;在情场上,知己知彼,才能幸福美满。当然啦,在我们前端开发上,亦要知己知彼,才能叱咤风云。关于HTML标签的那些事?到底有些什么呢?HTML标签是如何分类的呢?想了解,那就跟我来吧!

HTML标签可分为几大标签呢?

对于HTML标签,我们如果要细分的话,那可就多了?多而杂,杂而乱,常用者,居少数;因此,在我们HTML5学堂中主要分为三类:1、块状标签;2、行内标签;3、其他标签(其中包含了除块状标签、行内标签之外的所有标签)。不同类的标签就具有不同特性,在HTML文档中扮演着不一样的独特角色,起着不一样的作用。如何分类,其实就是告诉我们,该如何使用这些标签。那在HTML标签中,具体我们又是如何分类的呢?了解详情,请点击《HTML 元素的显示类型》

HTML标签嵌套规则?

是中国人都知道:“不成规矩,无以成方圆”这句话的道理。毫无疑问,在我们HTML标签嵌套中,也是有一定规则。国有国法,家有家规,那我们的HTML标签又有什么样的嵌套规则呢?是块状标签能包含行内标签,还是行内状标签能包含块标签呢?或者还有其他更复杂的情况呢?猜测永远是猜测而已,没有结果;倒不如看看《HTML标签嵌套规则》;仔细的了解了解详情,让自己胸有成竹!

HTML标签的默认样式?

HTML标签有分类,有嵌套规则。大家是否想过这是为什么呢?是由什么决定了他们性质的不一样呢?其实这些标签并没有那么神秘,不知道大家有没有看过我之前写的《关于display的那些事儿》一篇文章,里面提到的display这一CSS属性,没错,它就是关键所在。他们性质的不一样其实就是display这一CSS属性的默认样式值不一样。那么HTML标签又有哪些display的默认值呢?不知道,不用担心,我们HTML5学堂早就为你准备好了一个美好的礼物《HTML各个标签的默认样式》。当然啦,不同标签,都有各自不一样的样式属性,在这不一一解说了。

关于HTML标签,还有什么可了解的呢?

时间比较宝贵,我就是不多说什么了?大家直接点击《HTML知识复习》吧!机不可失,失不再来哟!精彩就在其中,不信你就试试看吧!丰收满满,不可言喻啊!哈哈哈!

致谢

很感谢电脑前的你,将这篇文章从头读完,我们希望能够为大家建立一个HTML5技术分享平台,欢迎进入“HTML5学堂”沟通交流~~~HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织。致力于构建一个前端技术、HTML5知识的分享平台。

关于HTML标签(元素)的那些事?的更多相关文章

  1. 常用HTML标签元素结合及简介

    常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息< ...

  2. Html页面head标签元素的意义和应用场景

    相信在html5之前,很少人会关注html页面上head里标签元素的定义和应用场景,可能记得住的只有"title"."keyword"和"descri ...

  3. 详解HTML<head> 头标签元素的意义以及使用场景

    HTML<head>头部分的标签.元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性.移动互联网时代,he ...

  4. html标签元素分类

    元素分类 html中的标签元素大体分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...&l ...

  5. HTML5 标签元素的一些注意事项

    不运行写结束标记的元素(但标签元素): area.base.br.col.command.embed.hr.img.input.keygen.link.meta.param.source.track. ...

  6. HTML标签元素分类(HTML基础知识)

    HTML标签元素分类 一.按照块级元素还是行内元素分类 块级元素(block-level)和行内元素(inline-level,也叫作"内联"元素). a.块级元素(独占一行) 块 ...

  7. Html常用标签元素

    Html常用标签元素 Html常用标签元素 常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档 <head></head> ...

  8. html dl dt dd标签元素语法结构与使用

    dl dt dd认识及dl dt dd使用方法 标签用于定义列表类型标签. dl dt dd目录 dl dt dd介绍 结构语法 dl dt dd案例 dl dt dd总结 一.dl dt dd认识 ...

  9. CSS选取第n个标签元素

    最近做一个项目,碰到这样的需求,需要选取某个元素的倒数第几个标签元素,想让他显示不同的样式 1.first-child first-child表示选择列表中的第一个标签.例如:li:first-chi ...

  10. selenium定位方式-获取标签元素:find_element_by_xxx

    定位方式取舍# 唯一定位方式.多属性定位.层级+角标定位(离目标元素越近,相对定位越好) # 推荐用css selector(很少用递进层次的定位)# 什么时候用xpath呢? 当你定位元素时,必须要 ...

随机推荐

  1. collectionView布局原理及瀑布流布局方式

    一直以来都想研究瀑布流的具体实现方法(起因是因为一则男女程序员应聘的笑话,做程序的朋友应该都知道).最近学习到了瀑布流的实现方法,瀑布流的实现方式有多种,这里应用collectionView来重写其U ...

  2. sizeof既是关键字,又是运算符(操作符),但不是函数!

    sizeof是关键字吗 sizeof是关键字,这一点毋庸置疑.你不能将sizeof定义为任何标识符.查看C语言标准文档里的说明: sizeof是运算符(操作符)吗 C语言中,sizeof是运算符(操作 ...

  3. 20145224&20145238 《信息安全系统设计基础》第二次实验

    20145224&20145238 <信息安全系统设计基础>第二次实验 课程:信息安全系统设计基础 班级:1452 姓名:陈颢文 荆玉茗 学号:20145224 20145238 ...

  4. vs2012中VC连接mysql

    在MySQL的安装目录下你会找到include和lib文件夹(完全安装模式下),里面分别是C接口的头文件和库文件,库文件只用libmysql.lib就好了,即把libmysql.lib拷贝到了VC++ ...

  5. python练习题代码

    1.打印出相应规则的字母 zm='ABCDEFGHIJKLMNOPQRSTUVWXYZ' >>> for i in range(0,len(zm)): if i==0:  print ...

  6. Nginx reopen reload作用及工作过程

    http://www.iigrowing.cn/nginx-reopen-reload-zuo-yong-ji-gong-zuo-guo-cheng.html Nginx reopen reload作 ...

  7. pc, 手机全屏

    全屏 1  div{ position:absolute/relative/fixed; top:0; bottom:0; left:0; right:0;} 2 <!doctype html& ...

  8. Windows Store App 全球化:引用分离资源文件中的资源

    大部分应用程序仅需要单个默认资源文件,例如Strings/zh-CN/Resources.resw,但是在某些应用程序中,最好将资源分离到多个资源文件中,以便更好地组织资源内容,这样就需要考虑如何引用 ...

  9. ASP.NET 成功执行Update 的 ExecuteNonQuery() 返回值大于0,但是查看数据库却没有改变

    //真实姓名保存 $("#TrueNameSaveBtn").click(function () { if ($("#TrueNameSaveText").va ...

  10. ios 尺寸

    pre iPhone5 Default.png (320x480px) – "iPhone Portrait iOS5,6 – 1x" Default@2x.png (640x96 ...