zoukankan      html  css  js  c++  java
  • 语义化的HTML

    div:division(分开, 分割, 区分,分配, 分界线),标签可以把文档分割为独立的、不同的部分。作为块级元素的代表,因为没有固定的格式表现,目前滥用情况最严重。
    ul:Unordered List(无序列表)li元素组合成团体。
    ol:ordered list (有序列表)li元素组合成团体。
    li:list item列表的项目)"必须"在父级ulol容器之内,这个必须是我自己加的。

    dl:definition list(定义列表)dt(definition term定义的项目)及dd(definition description定义的描述)组合成一个团体。

    p:paragraph(段落)用于存放文章的一段。

    span:Span(范围)标签是被用来组合文档中的小节内容。作为内联元素,也因其没有固定的格式表现,目前滥用也比较多。

    h1-h6:Head(标题1到标题6),请注意这里的Head表示其含义,不同于<head>标签,也不要认为与<title>有任何关系。这里仅仅是突出文档内容的标题。
    注意,搜索引擎如果发现页面中存在h标签,会认为其中的内容比较重要,重要程度从1到6逐渐降低。

    label:Label(针对表单控件的标签),它的名字就叫标签,只不过在这里,w3c给的定义是,用作表单的描述,例如我们喜欢在input标签前或后加上它。

    em:Emphasized(加重,强调),为强调其包含的文本。默认样式是斜体。其展示效果与<i>标签相似,但搜索引擎不认为它们是相同的,因为搜索引擎往往尊重w3c给出的定义,而忽略你的展示效果。

    strong:Strong(加强加重,重点强调),为重点强调其包含的文本。默认样式是粗体。其强调效果比em还要强一点。虽然<b>标签也能起到加粗的展示效果,但搜索引擎同样不认为它们是相同的,理由同上。

    img:Image(图片,图像)

    a:Anchor(锚)创造超级链接中的基本的链。

    按显示样式分:

    块级元素或块状元素,(默认样式为block)的标签有:
    div,ul,ol,li,p,dl,dt,dd,h1-h6...
    它们在默认情况下,会独占一行。除非你用样式改变它们。

    内联元素,(默认样式为inline,不过我觉得称之为“行内元素”更易于理解)的标签有:
    span,label,em,strong,img,a,u,b,i,s...
    它们在默认情况下,会老老实实和其它元素并存于一行,当给它们加上一些特定的样式,例如:display:block,它们也会霸道地占用一行。但这里要提前说明的是,并非所有display:block就一定占一行,如果有宽度,又有float作推手把它们往前面赶,这样它们也会乖乖和其它元素挤在一行里。

    按组合方式分:
    固定的团体:
    ul--li
    ol--li
    dl--dt--dd
    分散的个体:
    其它...

    需要作一些说明的地方:
    1、内联元素,它们本身没有被“框”起来,也就是它们本身的大小受其内容控制,在它没有变成块级元素之前,你对它的width和height进行控制都是徒劳的。变成块级元素的途径:

    一、display:block(直接霸占整行)

    二、float不会霸占整行,但是你可以控制其width或height了。


    2、一些不能包含或嵌套的元素(从w3c抄来的):
    a不能包含其它a标签。
    must not contain other a elements. 
    pre(Preformatted  预定义格式(文本 ))不能包含img, object, big, small, sub, 或 sup 元素
    must not contain the img, object, big, small, sub, or sup elements. 
    button 按钮,不能包含input, select, textarea, label, button, form, fieldset, iframe 或 isindex 元素. 
    must not contain the input, select, textarea, label, button, form, fieldset, iframe or isindex elements. 
    label 不能包含其它的label元素
    must not contain other label elements. 
    form 不能包含其它的form元素
    must not contain other form elements. 

  • 相关阅读:
    web自动化搞定文件上传
    App自动化08-Android SDK目录架构详解
    App自动化07-Appium日志分析,深入剖析 Appium 实现原理
    App自动化06-adb常见连接问题整理
    crontab 定时任务
    谷歌对华为断供了,那自动化测试还做吗?
    Fiddler 抓取 https 请求大全
    App自动化05-adb
    App自动化04-Inspector检查器启动QQ测试
    (转载)边缘计算与深度学习综述
  • 原文地址:https://www.cnblogs.com/leejersey/p/3463480.html
Copyright © 2011-2022 走看看