首页 > 代码库 > 按照功能来梳理html元素

按照功能来梳理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

按照功能来梳理html元素