[HTML]新しい知識

6950 ワード
テキストリンク

  • mainタグを使用する場合はIEはサポートされませんので、role=「main」を属性で指定する必要があります.

  • articleラベルを使用する場合は、ラベル内に領域を表すタイトル(<h1>-<h6>要素)が存在する必要があります.

  • display:noneのCSSスタイル、HTML 5 hiddenプロパティ
    どちらの方法も表示されませんが、HTML 5 hiddenプロパティは웹 접근성 측면에서 스크린 리더와 같은 보조 기술에서 접근해서 읽을 수 있도록 하는 방법(e.g. aria-label)을 제공です.

  • ちゅうぞう
    • <style>
  .box { color: red !important; }
  .index > .in_item { color: pink; }
  div ul .in_item { color: orange; }
  .in_item.in1 { color: black; }
  p + ul.index { color: yellow; }
</style>


<div class="box" style="color: yellow">
  <h1 class="title">title</h1>
  <p class="desc">description</p>
  <ul class="index" style="color: blue;">  
    <li class="in_item in1">index 1</li>
    <li class="in_item ">index 2</li>
  </ul>
</div>
    この問題の正解は重要でredだと思いますが、正解はblackです.
    原因はMDNで以下のようになります.
    As per CSS rules, directly targeted elements will always take precedence over rules which an element inherits from its ancestor.
    親から継承されるルールの優先度は、直接受信したルールよりも常に低いため、liタグにとっては、より具体的な.in_item.in1 { color: black; }のルールに従う.

    Reference


  • https://developers.google.com/web/fundamentals/accessibility/semantics-aria/hiding-and-updating-content?hl=ko

  • https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
    • python 3でコードについて
    Linuxでの漢字符号化の変換(gbkはutf 8に変換).