按照功能来梳理html元素

前端萌新梳理一下基础，html element和css属性。

用自己的话表达出来，重点的几个详细学。

目的是加深理解，注意一下细节，尤其是语义化，前辈指出我这个毛病了。

p.s.w3c中文翻译有些真坑啊

按照功能来学习：


基础9-0

  1. <!DOCTYPE>声明不是html标签，指示浏览器使用哪个html（xhtml）版本。对大小写不敏感。

    在 HTML 4.01 中有三种DTD（Document Type Definition） <!DOCTYPE> 声明。在 HTML5 中只有一种：

    <!DOCTYPE html>

  2. <html>此元素向浏览器告知这是一个HTML文档
  3. <title>我们浏览网站时标签上的显示文字；此标签为<head>标签中必须被包含的东西；三个属性（规定元素中内容的文本方向；规定元素中内容的语言代码；规定xml中元素内容的语言代码）请为自己的每个文档都认真地选择一个描述性的、实用的并与上下文独立的标题
  4. <body>定义文档的主题；包含文档的所有内容
  5. <h1>to<h6>拥有确切语义；支持的标准属性和时间属性？（并不全部支持欸）
  6. <p>段落；浏览器会自动添加前后空白；
  7. <br>换行；xml中，是<br/>；clear属性因垂死听；用来输入空行而不是分割段落，分割段落请用<p>
  8. <hr>插入水平线；xml中依旧需要关闭标签；
  9. <!--……-->在<script>中注释时加个//↓，避免js执行--> 
    <script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script>

     

格式38-9

  1. <acronym>缩写，html5中被<abbr>代替
  2. <abbr>缩写；可以使用title属性（鼠标移动到上面显示完整版本）
  3. <address>通常包含在footer内，不要用来放在文档内描述通讯地址
  4. <b><tt><i><big><small>建议使用样式；
  5. <tt>
  6. <i>
  7. <big>
  8. <small>
  9. <bdi> 隔离，脱离父元素的文本方向设置；dir=“ltr”;w3c注释chrome火狐资词，然而亲测有点抽风啊，后续需要加深理解。http://www.iteye.com/problems/75691
  10. <bdo>覆盖默认的文本方向，跟上面的文本方向不一样，这个是单个字母的方向（使用不慎就是乱码啊~~~感谢老祖宗发明了中文）
  11. <blockquoto>一大块引用用这个；会在左右缩进；短的、不是一大段的引用用q元素；可以用cite属性（值=url）来规定引用来源
  12. <center>对包含的文本居中，使用样式表！！！！！、
  13. <em> 拥有确切语义；
  14. <strong> 拥有确切语义；
  15. <dfn> 拥有确切语义；标记特殊术语短语（ definition？）；表现为斜体
  16. <code> 拥有确切语义；
  17. <samp> 拥有确切语义；
  18. <kbd> 拥有确切语义；
  19. <var> 拥有确切语义；
  20. <cite> 拥有确切语义；
  21. <del>
  22. <font>
  23. <ins>
  24. <mark>
  25. <meter>
  26. <pre>
  27. <progress>
  28. <q>
  29. <rp>
  30. <rt>
  31. <ruby>
  32. <s>
  33. <strike>
  34. <sup>
  35. <sub>
  36. <time>
  37. <u>
  38. <wbr>

表单14-3

框架4-0

图像6-3

音频\视频4-4

链接3-1

列表10-1

表格10-0

样式\节11-8（*语义化）

元信息4-0

编程6-1

时间： 2024-08-05 07:04:10

按照功能来梳理html元素的相关文章

XML真正强大的功能是来自其元素与封装的内容

创建文档类型声明 一般而言,XML声明放在文档顶部.在PHP中声明十分简单:只需实例化一个DOM文档类的对象并赋予它一个版本号.查看程序清单A: 程序清单 A <?php// create doctype$dom = new DOMDocument("1.0"); // display document in browser as plain text// display document in browser as plain text// for readability pu

【高级功能】使用canvas元素（第二部分）

本文将继续介绍canvas的功能,展示如何绘制更复杂的图形(包括圆弧和曲线),如何使用剪裁区域来限制操作以及如何绘制文本.还是介绍可以应用在画布上的特效和变换,包括阴影.透明度.旋转和坐标重映射. 1. 用路径绘图 路径本质上是一组独立的线条(被称为子路径),它们组合到一起构成图形.我们绘制子路径的方式就像用笔在纸上画图一样,笔尖不离开纸面:画布上的每一条子路径都以上一条的终点作为起点.下面展示了绘制基本路径的方法: 绘制一条路径的基本顺序如下: * 调用 beginPath方法: * 用 mo

性味归经与功能的脚本——3元素

# -*- coding: utf-8 -*- """ Created on Thu Aug 25 10:06:52 2016 审核性味归经与功能的脚本 @author: Administrator """ import xlrd,csv import list_xwgj_function,chi_square,list_xwgj_function_multiElements #三元素组合[寒,苦,肝] thelist_xwgj_function

CSS知识点梳理（二）

一.继承性 特点: 1.外层元素身上的样式会被内层元素所继承. 2.如果内层元素与外层元素身上的样式相同时,外层元素的样式会被内层元素所覆盖. 问:是不是所有的样式都能够被继承呢? 答:并不是所有的样式都能够被继承.只有文本与字体样式属性能够被继承.其它的样式属性都不可以被继承. 注意: 在实际工作中,我们往往会给body标签设置字体大小以及字体颜色.因为body标签是最外层的元素,内层的元素会继承外层的元素的样式. 二.优先级 行内样式>ID选择器>类选择器>标签选择器 一般而言,选择

WebDriver定位元素方法

如果把页面上的元素看作人的话,在现实世界如何找到某人呢?方法有三: 一.通过人本身的属性,例如他的姓名,手机号,身份证号,性别,这些可区别他人的属性.在web页面上的元素也有这些属性,例如,id.name.class name.tag name等. 二.在找查某人的时候可以通过位置属性,例如,x国.x市.x路.x号.Xpath和CSS就提供了这种以标签名为层级关系的定位方式. 三.可以借助相关他人的属性来找到某人,例如,我没有小明的联系方式,但我有他爸爸的手机号,那么通过他爸爸手机号也可以找到小

2015.3.7小练习（动态增加元素及表格，以及浏览器兼容问题）

最近在对之前理解的HTML/CSS/javaScript查漏补缺,真是学会了Jquery马上就开始反感用javascript写很多jquery一下子就可以实现的选择和操作. 今天是做了一个根本无界面美观性可言的实验part,乱七八糟大乱炖,只为练习功能. 动态增加元素 function addBtn() { var textField = document.getElementById("main"); var input = document.createElement("

获取元素CSS值之getComputedStyle方法熟悉

一.碎碎念~前言 我们都用过jQuery的CSS()方法,其底层运作就应用了getComputedStyle以及getPropertyValue方法. 对于那些只想混口饭吃的人来讲,晓得CSS()如何使用就足够了.对于希望在JS道路上越走越远的来人说,简单了解一些JS库底层实现对自己的学习很有帮助.可能谈不上信手拈来的使用,至少对创造一些创意新颖的新技术拓宽了思路. jQuery为何受欢迎,其中原因之一就是方法名称比较短.好比打架一样,块头大的潜意识认为厉害,就不由得心生畏惧,退避三舍:小个子(

HTML-块级元素和内联元素

HTML-块级元素和内联元素 块级元素 内联元素 address - 地址 block - 块引用 center - 居中对齐块(不推荐) dir - 目录列表(HTML5踢出) div - 常用的不能再常用了 dl - 列表 fieldset - 一个包含着form组的框 form - 表了个单 h1 ~ h6 各种尺寸标题 hr - 水平分隔线(不推荐) menu - 菜单列表 noframes - 浏览器不支持frames显示的块 noscript - 浏览器不支持script显示的块 o

关于自服务平台梳理

数据中心整体业务逻辑可从上图体现.自服务业务模型和SDN业务模型类似.对于自服务平台来说,通常部署位于带外管理网络,通过带外网络下发配置.检查配置.备份配置等工作.对于现有传统数据中心来说,底层资源由不同硬件设备集成提供服务,不同厂商的产品及功能均有不同的管理模式,对于自服务而言,每一个前端页面的功能点对应不同厂家设备功能均有不同的API接口.基础设施的架构也限制自服务对用户提供的种类,例如VPC业务,在一个大的平台中,需要拆分出独立的网络对外提供服务(部分公云的网络采用MPLS VPN模式建设