html结构和标签
<!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结构和标签的更多相关文章
- HTML基本组成结构与标签的认识
HTML基本组成结构与标签 其实组成结构用一张图来简单了解下如下 目前一般网站的结构是会如此不是很清晰简单 先来说说header头部 这样是不是更加清楚了 导航栏是引导用户查看网站内容的快捷入口,打个 ...
- HTML5 常用的结构化标签整理
一.语义化结构化标签 结构化标签优点: 1.方便浏览器处理和识别,提升了网页的质量和语义. 2.减少了大量无意义的div标签,增强代码的可读性. 结构化标签:(header,nav,body,arti ...
- HTML5结构化标签
一 结构化标签 在之前的HTML页面中,大家基本上都是用了Div+CSS的布局方式.而搜索引擎去抓取页面的内容的时候,它只能猜测你的某个Div内的内容是文章内容容器,或者是导航模块的容器,或者是作者介 ...
- HTML基本结构与标签总结整理篇
HTML基本结构与标签总结整理篇 前言:这是笔者的学习总结与整理,如果有错误或疑问的地方,欢迎指正与讨论!另:此文会不定时更新~ 1.了解HTML 学习前端技术,必然涉及三个方面:html(结构).c ...
- Android程序员学WEB前端(1)-HTML(1)-标准结构常用标签-Sublime
转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76522043觉得博文有用,请点赞,请评论,请关注,谢谢!~ 8月份了,换工作有2个月了 ...
- golang中的反射解析结构体标签tag
package main import ( "fmt" "reflect" ) type resume struct { // 反射解析结构体标签tag Nam ...
- HTML的基本结构与标签的初步了解
一.初步了解HTML HTML是一种超文本标签语言,浏览器则是用来"解释和执行"HTML源码的工具. HTML的基本结构 <!DOCTYPE html> <htm ...
- web理论知识--HTML结构及标签
一.参考书籍: <Web 前端开发 HTML5+CSS3+jQuery+AJAX 从学到用完美实践> 备注:本书为工具书. 二.HTML5元素: 按功能划分:基础.格式.表单.框架.图像. ...
- 关于Go语言,自己定义结构体标签的一个妙用.
在Go中首字母大写和小写,决定着这此变量能否被外部调用, 比如:在使用标准库的json编码自定一的结构的时候: <pre style="margin-top: 0px; margin- ...
- 网页结构——head标签内
之前写网页都很标准的格式,最近一个项目出现了页面闪动等一系列问题[项目不是前后端分离], 所以这边有后台的功劳,有部分后台是不管你页面结构的,在他们操作的时候可能会在,你的head内meta前加内联c ...
随机推荐
- swift - 利用UIDatePicker实现定时器的效果
效果图如下: 可以通过UIDatePicker调整倒计时的时间,然后点击UIButton开始倒计时,使用NSTimer进行倒计时的时间展示,我是声明了一个label也进行了标记, 然后点击按钮开始倒计 ...
- TextSwitcher实现文本自动垂直滚动
实现功能:用TextSwitcher实现文本自动垂直滚动,类似淘宝首页广告条. 实现效果: 注意:由于网上横向滚动的例子比较多,所以这里通过垂直的例子演示. 实现步骤:1.extends TextSw ...
- Linux下gcc编译生成动态链接库*.so文件并调用它(注:执行Test程序后无需用export 命令指定.so库文件路径:方法在文中下方;)
动态库*.so在linux下用c和c++编程时经常会碰到,最近在网站找了几篇文章介绍动态库的编译和链接,总算搞懂了这个之前一直不太了解得东东,这里做个笔记,也为其它正为动态库链接库而苦恼的兄弟们提供一 ...
- eclipse导入maven项目时报Could not calculate build plan: Plugin org.apache.maven.plugins:maven-resources
在用Eclipse IDE for Java EE Developers进行maven项目的开发时,报错Could not calculate build plan: Plugin org.apach ...
- Mybatis中的foreach
<delete id="deleteByParam"> DELETE FROM YZ_SECURITIES_CURRENCY WHERE ID IN <forea ...
- 【Linux】WinSCP普通用户登录sftp后切换到root权限
工具: Xshell winscp 服务器环境: linux centos7 背景:普通用户使用winscp账户登录服务器,没有操作权限 1 普通用户,通过Xshell登录服务器.输入以下命令, ...
- 布局的诡异bug合集+解决方法(更新中)
1.元素内部子元素的margin的边界线基准点的问题 论如何生硬起名字!!我反正已经被自己总结的题目绕晕了... “演员”介绍: 外层父元素:蓝色边框: 内部子元素:绿色区域: 粉红色区域是元素内部绿 ...
- bootstrap之
一.字体图标 <button type="button" class="btn btn-primary btn-lg"> <span clas ...
- 【Android】Android--Dialog
前言 对话框对于应用也是必不可少的一个组件,在Android中也不例外,对话框对于一些提示重要信息,或者一些需要用户额外交互的一些内容很有帮助.本篇博客就讲解一下Android下对话框的使用,在本篇博 ...
- Java实现远程服务生产与消费(RPC)的4种方法-RMI,WebService,HttpClient,RestTemplate
目录 一. 通过rmi实现远程服务的生产与消费 远程服务提供者实现. 创建rmi-provider项目(Maven) 远程服务消费者实现 创建rmi-consumer项目 二. 通过WebServic ...