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

按照功能来梳理html元素

2024-08-11 16:23:16   224人阅读

前端萌新梳理一下基础，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元素


联系
我们