<!DOCTYPE html>
<meta charset="utf-8">
<header>表示页面的一个内容区块，或整个页面的标题</header>
<section>例如html5中的div</section>
<section>nihaodiiiiiiiiiiiiii</section>
<section>nihaodiiiiiiiiiirrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrriii</section>
<section>nihaodiiiiiiiiiiiiii</section>
<article>与上下文不关联的独立内容，例如文章</article><aside>与文章关联的内容地方辅助信息</aside>
<nav>导航链接的部分</nav>
<hgroup>表示对整个页面或一个内容区块标题进行组合</hgroup>
<footer>页面的尾部，一般包含时间作者之类的</footer>
<figuer>
    一个独立的流内容，figcoption为figurer流内容添加标题
    <figcoption>PRC</figcoption>
    <p>ddddddddddddddd</p>
</figuer>
html4中写
<dl>
    <h2>PRC</h2>
    <p>ddddddddddddddd</p>
</dl>
<video src="movie.ogg" controls="controls">video标签，当浏览器不支持的时候显示</video>
<audio src="soo.mav">audio video标签，当浏览器不支持的时候显示</audio>
<progress max="50" value="28"></progress>
<mark>一些被关注的内容放在mark里面</mark>
<time datetime="2023-20-20T09:00Z" pubdate>给搜索引擎用的，让他知道这篇文章的发布时间9:00</time>
当页面足够宽的时候，在同一行，不换行，但是在窄的时候，换行<wbr></wbr>
<canvas></canvas>
<br/>
<details>
    <summary>prot</summary>
    <ul>
        <li>11111111111</li>
        <li>22222222222</li>
        <li>33333333333</li>
    </ul>
</details>
<input id="myCar" list="cars" value="可以自动进行匹配">
<datalist id="cars">
    <option value="BMW"></option>
    <option value="ford"></option>
    <option value="volvo"></option>
</datalist>
<keygen name="security">
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
<input type="range" id="a" value="50">

<input type="number" id="b" value="50">
<output name="x" for="a b">
    </output>
</form>
<html mainfest="cache.mainfst">离线文件
<base href="http://localhost/" target="_blank">页面中所有新窗口打开的，没有http的都以这个地址拼接
<a href="/user">eeeeee</a>
<script defer src="http://a.js" onload="alert('a')"></script> 推迟加载完了并不马上执行
<script async src="http://a.js" onload="alert('b')"></script>加载完马上执行，当不影响浏览器解析执行下面内容

<a media="handheld" href="#">shou</a>
<a media="tv" href="#">diansh</a>

<ol start="50" reversed>从50开始倒序
    <li>a</li>
    <li>b</li>
</ol>
    <h1>qu kuai</h1>
<div>
    <style type="text/css" scoped>
        h1 {color:red;}
        <h1>qu kuai</h1></style>
    <h1>样式只对这个区块有效果/h1>
</div>

html结构和标签的更多相关文章

  1. HTML基本组成结构与标签的认识

    HTML基本组成结构与标签 其实组成结构用一张图来简单了解下如下 目前一般网站的结构是会如此不是很清晰简单 先来说说header头部 这样是不是更加清楚了 导航栏是引导用户查看网站内容的快捷入口,打个 ...

  2. HTML5 常用的结构化标签整理

    一.语义化结构化标签 结构化标签优点: 1.方便浏览器处理和识别,提升了网页的质量和语义. 2.减少了大量无意义的div标签,增强代码的可读性. 结构化标签:(header,nav,body,arti ...

  3. HTML5结构化标签

    一 结构化标签 在之前的HTML页面中,大家基本上都是用了Div+CSS的布局方式.而搜索引擎去抓取页面的内容的时候,它只能猜测你的某个Div内的内容是文章内容容器,或者是导航模块的容器,或者是作者介 ...

  4. HTML基本结构与标签总结整理篇

    HTML基本结构与标签总结整理篇 前言:这是笔者的学习总结与整理,如果有错误或疑问的地方,欢迎指正与讨论!另:此文会不定时更新~ 1.了解HTML 学习前端技术,必然涉及三个方面:html(结构).c ...

  5. Android程序员学WEB前端(1)-HTML(1)-标准结构常用标签-Sublime

    转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76522043觉得博文有用,请点赞,请评论,请关注,谢谢!~ 8月份了,换工作有2个月了 ...

  6. golang中的反射解析结构体标签tag

    package main import ( "fmt" "reflect" ) type resume struct { // 反射解析结构体标签tag Nam ...

  7. HTML的基本结构与标签的初步了解

    一.初步了解HTML HTML是一种超文本标签语言,浏览器则是用来"解释和执行"HTML源码的工具. HTML的基本结构 <!DOCTYPE html> <htm ...

  8. web理论知识--HTML结构及标签

    一.参考书籍: <Web 前端开发 HTML5+CSS3+jQuery+AJAX 从学到用完美实践> 备注:本书为工具书. 二.HTML5元素: 按功能划分:基础.格式.表单.框架.图像. ...

  9. 关于Go语言,自己定义结构体标签的一个妙用.

    在Go中首字母大写和小写,决定着这此变量能否被外部调用, 比如:在使用标准库的json编码自定一的结构的时候: <pre style="margin-top: 0px; margin- ...

  10. 网页结构——head标签内

    之前写网页都很标准的格式,最近一个项目出现了页面闪动等一系列问题[项目不是前后端分离], 所以这边有后台的功劳,有部分后台是不管你页面结构的,在他们操作的时候可能会在,你的head内meta前加内联c ...

随机推荐

  1. Java精选笔记_Java编程基础

    Java的基本语法 Java代码的基本格式 修饰符 class 类名 {   程序代码 } 一个Java源文件只定义一个类,不同的类使用不同的源文件定义:将每个源文件中单独定义的类都定义成public ...

  2. ios 6以后，UILabel全属性

    一.初始化 1 UILabel *myLabel = [[UILabel alloc] initWithFrame:CGRectMake(40, 40, 120, 44)]; 2       3 [s ...

  3. ios 判断GPS是否是在中国境内

    博文转载至 http://blog.csdn.net/cuibo1123/article/details/45691631 ZCChinaLocation 基本思路是:把整个行政区域划分为几个小的矩形 ...

  4. com.thoughtworks.xstream.converters.ConversionException

    使用webService调用接口,返回的是xml格式,运用xstream解析的时候,出现了如下的错误: Exception in thread "Timer-1" com.thou ...

  5. Linux hwclock 命令

    hwclock 即 Hardware Clock 硬件时钟,该命令用于查询或设置硬件时钟:硬件时钟是指主机板上的时钟设备,也就是通常可在 BIOS 画面设定的时钟:系统时钟是指 Kernel 中的时钟 ...

  6. vue2.0+element-ui(01简单点的单页面)

    前言: 在<Vue.js权威指南>刚出版的时候,自己就作为一名前端粉捧了一把场,可是真是应了那句“出来混,总是要还的“这句话了,那时候信心满满的买来书想要认真研究,最终却还是把它搁浅了.直 ...

  7. excel——之锁定表头不可编辑

    前言: 设置excel表头不可编辑功能.效果如下: 这就意味着,不可随意更改表头数据,除非你有密码. 过程: 1.先随意右键打开一个单元格,查看其中的“设置单元格属性”,即 2.在选中想要编辑的那些数 ...

  8. 将display设置为inline-block之后产生间隙然后换行问题的解决方法

    在我们会用display的时候,inline-block肯定不陌生吧,我今天在做项目的时候,用了inline-block,使a标签可以自定义宽度,但是随之而来的问题就是换行的BUG,如下图 特地加了一 ...

  9. 导航跳转后保持选中状态 jquery高亮当前选中菜单

    功能需求:今天在写一个站点需要用到在导航菜单点击链接跳转到新页面后,高亮当前菜单样式.简单的说,就是我点击导航菜单中的一个栏目,跳转到该栏目下,该栏目菜单也同时高亮(可以是背景色也可以是背景图片) 解 ...

  10. eclipse的.properties文件中文显示问题

    eclipse的.properties文件,默认的编码方式是iso-8859-1. 所以中文显示有问题. 按照下面的方式,把Default Encoding修改成UTF-8就可以了.