HTML的标签主观分类

HTML是标记语言,负责标记网页页面内容,合理的HTML使用可以提高阅读性,便于搜索引擎的搜索。并且语义化是未来的趋势,将标签进行合理的分类可以让自己便于理解整个页面内容结构和并进行记忆。。

资料参考:

MDN,《css设计指南》(第一章)




下面我会按照实际使用时的重要性进行分类讨论(主观)

一 语义化

  含义:不同的页面区域使用不同的标签进行定义。如header footer aside address 等

  好处:1.便于SEO即浏览器爬虫搜索提高网络搜索排名 2.页面结构清晰,便于阅读维护

  目前:依然有大部分网站考虑到兼容性问题使用div+span,然而语义化目前已经开始实施。

  tip:语义化指的是结构,而不是样式,我们提倡结构样式分离,样式都交给css解决,因此一些表达样式的标签以后都不会用了。

二 CSS表现

  block:块状标签,可以定义宽高并且占网页一行

  inline:行内标签,不能定义宽高但是随元素依次排列

  inline-block:行内块状标签,可以定义宽高并且随元素依次排列,如<img>

三  按内容模型分类(我自己也有疑问)

  

  如上图是官网对面标签的主要分类,它的作用主要是规定标签内容可以是什么,除了metadata content,还有embedded content分类我比较认同,其他的我自己也搞懵逼了,比如sectioning content中section元素,按理来说是和phrasing content 元素不着边,但是他却可以包含(确实应该包含),但是这幅图的意义何在?反正目前我是懵逼的。。。。

四 开标签或者闭标签

  <img />  ,   <div><div/>   ,一般外联元素是闭标签

时间: 2024-10-13 20:04:38

HTML的标签主观分类的相关文章

标签的分类

•标签元素分类 •块级元素block;  div p h1-h6 table form… •内联元素inline; a span … •内联块inline-block; img input select… 块级元素标签的特点 1.独占一行,默认情况下,其宽度自动填满其父元素宽度 2.可以设置宽和高,设置了宽度还是独占一行 3.可以设置margin和padding属性 4.对应的相关display属性:block 5.可以互相转换display:inline变成行内元素 6.可以嵌套块级元素及行内

标签的分类和嵌套原则

标签的分类 标签分为 块级标签,内联标签,内联块标签  三类: 1 块级标签(block) 主要包括 h1-h6,div,section ,header,footer,nav,p,ul,ol,li,dl,dd,dt,hr(分割线),artical,aside,form等 特征:1  独占一行: 2  支持宽高,支持所有样式: 3  不设置宽度,宽度铺满整行: 2 内联标签(inline) 主要包括 span,time,a,strong(粗体),mark(背景色),em(斜体),br等 特征 :

2017知乎看山杯总结(多标签文本分类)

http://blog.csdn.net/jerr__y/article/details/77751885 关于比赛详情,请戳:2017 知乎看山杯机器学习挑战赛 代码:https://github.com/yongyehuang/zhihu-text-classification 基于:python 2.7, TensorFlow 1.2.1 任务描述:参赛者需要根据知乎给出的问题及话题标签的绑定关系的训练数据,训练出对未标注数据自动标注的模型. 标注数据中包含 300 万个问题,每个问题有

【html】标签的分类

一.标签的分类 1. 块状元素 :  独占一行, 宽高,行高,顶底部边距都可以进行设置 <div> <p> <h1-h6> <ol> <ul> <table> <form> <li> 2. 行内元素: 都在一行上,宽高不可变 <a> <span> <br> <i> <em> <strong> <lable> 3. 行内块元素: 

html的标签元素分类

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>HTML元素分类</title>    <style type="text/css">    /*浏览器默认样式(外边距和内边距)初始化(所有)*/       *{       margin: 0;       pa

好程序员分享CSS标签的分类、及显示模式

好程序员分享CSS标签的分类.及显示模式,标签的类型(显示模式) HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素. 一.块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度.高度.对齐等属性,常用于网页布局和网页结构的搭建.常见的块元素有<h1>~<h6>.<p>.<div>.<ul>.<ol>.<li>等,其中 <div> 标签是最典型的块元素

html标签元素分类

元素分类 html中的标签元素大体分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 常用的内联元素有: <a>.<span>.<br>.<i&

Python 44 前端概述 、三剑客 、常用标签与分类

一:前端概述 前端指的就是页面的设计和给用户带来极高的用户体验 前端开发技术栈分为三大类:HTML .CSS .JavaScript HTML(Hyper Text Markup Language): 1 超文本标记语言 2 负责完成页面的结构 3 文件后缀:start.html v_hint:标注,一些要注意的点("超文本"就 是指页面内可以包含图片,连接,音乐,程序等非文字元素) CSS(Cascading Style Sheet): 1 级联样式表 2 负责页面的风格设计,样式和

python利用交集计算词类标签的分类

在词分类中经常有以下标签:'ab','ba','','13','1','3','bc3','ab24'那么,如何将这些标签归入各标签的子类中呢? mystr=['ab','ba','','13','1','3','bc3','ab24'] myl=dict() for k1 in mystr: for k2 in mystr: if len(set(k1).intersection(k2))==len(set(k1)) : myl.setdefault(k1,[]) myl[k1].append