규칙 html 일반 규칙을 이해해야 합니다. HTML 문서 구성 규칙. HTML 서식 규칙
남자와 여자의 관계에서는 젊은 사람들이 데이트를 하더라도 가끔 오해가 생기곤 합니다. 오랫동안. 많은 뉘앙스, 특징, 미묘함을 지닌 가장 복잡한 측면 중 하나는 친밀감이라는 주제입니다.
소녀들은 때때로 무언가를 묻는 것이 부끄러워하고, 청년들은 자신이 선택한 사람을 화나게하는 것을 두려워하며 결국 둘 다 파트너에 대해 아무것도 모르고 머리를 긁적입니다.
이를 피하려면 서로 대화하고 질문하고 도발적이고 불편하게 대답하는 것이 중요합니다. 답변 덕분에 서로를 더 잘 알고 파트너의 선호도를 이해할 수 있습니다.
공정한 섹스의 대표자는 질문을 신중하게 생각한 후 그러한 대화를 결정하는 데 오랜 시간이 걸립니다. 남자에게 어떤 질문을 할 수 있는지, 침대에서 자신의 선호도를 섬세하게 명확히하는 방법, 성행위에 대해 논의 할 가치가 있는지 여부 등이 소녀를 걱정하는 전부는 아니지만 작은 부분입니다.
기본부터 시작하는 것이 가장 좋습니다. 이전 관계, 기간 및 별거 이유를 알아보세요. 오랫동안 함께 있지 않았다면 청년이 그러한 질문에 대답하기를 거부할 수도 있습니다.
이 경우 압박하지 마십시오. 그러한 추론을 준비하는 데 시간이 필요하거나 이전 경험에서 남은 감정이 여전히 불안합니다.
많은 여자 친구가 남자를 "누르고"VK 페이지에서 그를 찾으라고 조언합니다. 전 여자 친구그리고 그 사람에게서 진실을 알아내기 위해 직접 그녀에게 연락하거나 애인에게 편지를 쓰겠다고 위협하세요.
여자들은 보통 남자친구에게 무엇을 물어보나요? 알아내는 데 도움이 되는 정확한 공식 필요한 정보, 당신은 그 사람이 솔직하고 성실하게 대답하도록 할 수 있을 것입니다. 존재하지 않습니다. 직접 작성하셔야 합니다.
개인에 대한 일반적인 정보를 얻을 수 있는 안전하고 일반적인 주제가 있고, 개인 생활에 대한 통찰력을 제공하는 더 예리하고 친밀한 주제도 있습니다. 첫 번째 유형의 질문에는 일반적으로 문제가 없으며 이러한 정보는 관계의 첫 번째 단계에서 명확해집니다. 두 번째에는 몇 가지 어려움이 발생합니다.
남자에게 까다로운 질문을 하기로 결정했다면 미리 생각해 보세요. 공격적이거나 조롱하는 것처럼 들리면 안 됩니다. 예를 들어, 애인이 이전에 섹스를 해 본 적이 없는 이유를 묻는다면 그의 경험이 없다고 조롱해서는 안 됩니다. 그리고 반대로 그에게 여자가 많으면 그를 여성화하고 성적 접촉 측면에서 극도로 난잡한 사람으로 만들어서는 안됩니다.
최대 안전 옵션대화를 시작하십시오 - 선호도에 대해 물어보십시오. 그 사람은 자신의 취향을 공유하고, 자신이 가장 좋아하는 환상에 대해 이야기하거나, 이전에는 실현할 수 없었던 내면의 욕망을 공유합니다. 이것은 당신이 당신의 남자를 더 잘 알게되고 미래에 그의 에로틱 한 꿈을 실현하는 데 도움이 될 것입니다.
우유부단한 소녀들이 어려운 대화를 시작하도록 돕기 위해 선택한 질문에 물어볼 수 있는 허용 가능한 도발적인 질문 TOP 15를 살펴보는 것이 좋습니다.
관심 있는 질문 100개를 만들고 연인이 가장 좋아하는 질문 20~30개를 선택하여 대답하도록 초대할 수 있습니다. 글을 쓸 때 주요 목표는 토론 중에 다투는 것이 아니라 서로를 더 잘 알아가는 것임을 기억하십시오.
이야기하고 동시에 즐거운 시간을 보낼 수 있는 가장 좋은 방법은 "Truth or Dare?" 게임입니다. 이미 들어봤거나 친구들과 함께 플레이했을 가능성이 높습니다.
익숙하지 않다면 인터넷에서 규칙을 찾아보세요. 다행히 초보자에게도 매우 간단합니다. 게임 중에 안전하게 질문할 수 있습니다. 흥미로운 질문대화의 심각성에 대해 남자를 너무 긴장하게 만들지 않고 관계, 성별 및 개인 취향에 관한 주제에 대해.
게임이 진행되는 동안 당신은 마음 속 깊은 생각을 배우고, 가장 불편하고 저속한 질문에 대해 솔직한 대답을 듣게 될 것입니다. 결국 그것은 단지 게임일 뿐이다.
펜팔에 대한 더러운 질문서로 거리가 떨어져 있거나 통신관계에 있는 경우에는 서로 다른 방식으로 질문을 할 수 있습니다. 소셜 네트워크에서: 통신 시 VKontakte, Twitter 또는 Skype를 통해. 이렇게 하면 불필요한 당황함을 피하고 토론 중에 어색함 없이 관심 있는 주제를 제기할 수 있습니다.
당신을 위한 질문청년이 먼저 대화를 시작하고 관계의 모든 미묘한 뉘앙스를 직접 알아내기로 결정했다면 어떻게 해야 할까요? 먼저 솔직하게 대답하세요. 이렇게 하면 서로를 더 잘 알게 되고 향후 오해를 없애는 데 도움이 될 것입니다.
둘째, 두려워하지 마십시오. 그가 어떤 어려운 질문(심지어 까다로울 수도 있음)을 던지더라도 이것은 편견이 있는 심문이 아니라 가까운 두 사람 사이의 비밀스러운 대화라는 것을 기억하십시오. 귀하의 답변은 미래의 관계에 영향을 미칠 것이지만, 회피하거나 조롱의 이유가 되어서는 안 됩니다.
셋째, 말해 보세요. 긍정적인 점과거의 실패에 초점을 맞추지 않고. 이전 관계에서 청년이 사과 편지도 남기지 않고 불만을 표명하지 않고 당신을 떠났다면 서두르지 말고 전체 남성 인구를 불신앙과 냉담함으로 비난하지 마십시오.
무엇을 명확히 하는 것이 좋을까? 과거의 경험가장 성공적이지는 않았지만 이제 본격적인 관계를 구축할 기회가 생겼습니다.
그리고 마지막으로, 남자에 대한 저속한 질문이나 개인적으로 당신에게 전달되는 질문은 서로에 대해 배우는 것을 목표로한다는 것을 기억하십시오. 관계의 모든 거친 가장자리를 다듬고, 공통점을 찾고, 구축하는 데 필요합니다. 추가 조치, 선호도에서 시작하여 불쾌한 측면을 피합니다. 행운을 빌어요!
보시다시피 시간이 지남에 따라 기존 규칙과 고정 관념이 바뀔뿐만 아니라 보석 착용 규칙, 더욱이 패션 보석 에티켓 규칙도 크게 변화합니다. 아시다시피 패션은 일정하지 않고 선호도와 규칙이 바뀌는 경향이 있으며 보석 착용에 관한 지침에 대해서는 여기서 말할 것이 없습니다. 패션 디자이너는 유행 신발뿐만 아니라 보석에 대해서도 "보금자리를 지배"합니다!
보석 착용 규칙예를 들어, 젊은 여성이 동시에 착용할 수 있는 펜던트 수와 관련하여 더 이상 분쟁이 없습니다. 예를 들어 목걸이와 초커(목에 꼭 맞는 목걸이)를 결합하는 것입니다. , 또는 목걸이, 펜던트와 펜던트는 나쁜 매너로 간주되지 않습니다. 이 조합은 패셔너블하고 현대적인 것으로 간주됩니다. 유일한 것은 낮에는 초커 대신 덜 화려한 조합으로 목을 장식해야한다는 것입니다. 또한 매우 독창적입니다! 🙂
많은 여성과 젊은 여성들이 좋아하지만 이전에는 보석 에티켓이 낮 동안 큰 귀걸이 착용을 금지하는 경향이 있었으며 저녁에만 그러한 귀걸이로 귀를 장식하는 것이 허용되었으며 심지어 특별한 경우에도 필요했습니다! 우리 시대에는 지구 인구의 공정한 절반을 대표하는 많은 대표자들의 욕구를 고려한 패션 디자이너 덕분에 대규모 보석이 널리 사용되었습니다. 물론 직관과 취향을 가진 여성은 낮에 바로크 귀걸이를 선호하지 않을 것입니다. 세련된 보석 에티켓에 대한 모든 충성심에도 불구하고 여전히 나쁜 매너, 즉 보석 착용 규칙입니다.
이것은 특히 Dolce & Gabbana 브랜드의 정교하고 과도하게 장식된 귀걸이에 적용되지만, 귓볼을 위한 큰 주얼리는 단순한 실루엣으로 우아하거나 그다지 인상적이지 않을 수 있습니다. 낮에는 착용하지 않으시겠습니까?! 그렇습니다. 인상적인 크기의 보석에 대한 열정이 있다면 쉽습니다. 그리고 하나 더 논쟁 적 이슈– 혼합 대상입니까, 아니면 엄격히 금지되어 있습니까? 패션 디자이너의 의견을 따른다면 그러한 혼합이 권장됩니다. 젊은 여성들은 한 세트의 귀걸이를 착용하고 다른 세트의 반지나 팔찌도 함께 착용할 수 있습니다. 주요 요구 사항은 보석 디자인이나 색 구성표의 유사성입니다.
많은 사람들은 또한 이전 및 현재 시즌의 추세에 따라 보석에 약간의 비대칭이 허용된다는 것을 알고 있습니다. 즉, 완전히 다른 세트의 귀걸이 또는 반지로 자신을 장식하는 것도 꽤 허용됩니다. 패션쇼에서 그들은 이것을 성공적으로 보여주므로 패셔니스타들이 그들의 예를 따르지 않는 이유는 무엇입니까? 당신이 가장 좋아하는 보석 상자, 즉 보석 착용 규칙을 철저히 조사하면 됩니다! 🙂
또 다른 의심은 귀중한 보석과 함께 의상 보석으로 자신을 장식할 가치가 있는지 여부입니다. 밝혀졌고 이것은 꽤 받아 들일 수 있습니다. 디자이너가 결합 할 수있는 세련되고 잊을 수없는 아이디어를 항상 기억하지 못했을뿐입니다. 보석준보석으로. 레드 카펫을 자주 걷고 자연스럽게 다이아몬드와 에메랄드, 루비를 과시할 기회를 놓치지 않는 유명인 덕분에 반지, 목걸이 및 준보석(암석, 청록색, 석영)으로 만든 기타 보석과 결합됩니다. .
유명한 가수나 여배우는 화려한 사파이어와 손가락으로 장식된 목걸이와 귀걸이, 큐빅 지르코니아로 칠한 반지, 심지어 라인스톤을 착용하여 자신을 뽐낼 수 있습니다. 물론, 귀한 주얼리보다 가격이 뒤지지 않는 주얼리가 있다는 것도 알려져 있지만, 이건 우리 여자들만의 문제! 🙂 조금 더 겸손하게 실험해 볼 수 있습니다. 다이아몬드나 에메랄드가 박힌 반지가 있으면 고무 또는 세라믹 팔찌와 결합할 것입니다. 이는 또한 상당히 허용되는 보석 착용 규칙입니다!
안에 현대 세계물론 모든 젊은이들은 휴대폰 속으로 사라지고 소셜 네트워크를 통해 소통하며 가상 세계에 완전히 빠져 있습니다.
인터넷 커뮤니케이션에 익숙해진 많은 젊은이들은 여자를 만날 때 무엇을 물어볼 수 있는지, 어떤 질문을 피해야 하는지조차 모릅니다.
보다 정확하게는 친분을 쌓고 의사 소통을 시작할 수 있지만 아마도 꽤 많을 수있는 트릭이 포함 된 친밀하고 저속한 질문은 어떻습니까? 이에 대해서는 기사 뒷부분에서 이야기하겠습니다.
사적인 질문은 언제 해도 괜찮나요?물론, 거의 모든 남자가 특별한 주의를 기울여 첫 데이트를 준비합니다. 우리 얘기 중이야그의 관심을 불러일으키는 특별한 사람을 만나는 것에 대해.
이전에 인터넷에서 발견된 100가지 저속한 질문 목록을 살펴본 후 청년은 딜레마에 직면했습니다. “큰 관심을 끄는 친밀한 질문을 어떻게 해야 할까요?”
영상에서 남자는 데이트할 때 여자에게 어떤 질문을 해야 하는지 알려줍니다.
남자는 자신이 좋아하는 여자를 밀어내는 것이 아니라 동시에 다른 모든 것보다 자신을 걱정하는 것이 무엇인지 정확히 물어 보는 것이 중요합니다.
참조! 남자와 여자 사이의 육체적 매력은 서로에 대한 은밀한 세부 사항에 대한 진정한 관심을 불러일으킵니다. 여자가 남자를 성적인 미치광이로 간주하여 도망 가지 않도록 정확하고 적절하게 질문하는 것이 매우 중요합니다.
문구 구성의 원리:
저속한 질문에 대한 다양한 소녀들의 반응을 보여주는 비디오를 시청하세요.
다양한 상황에 대한 문구 목록질문이 얼마나 대담하고 솔직할지는 이성 사이에 어떤 관계가 전개되는지에 달려 있습니다.
당신의 관계가 초기 지인 단계에 있는 경우, 즉 이것은 첫 데이트가 아니지만 친밀한 관계이전에 당신 사이에 일어난 적이 없다면 한숨의 대상을 더 잘 알기 위해 질문을 할 수 있습니다.
따라서 소녀를 좋아할 때 육체적으로 그녀를 끌어 들이고 그녀를 더 잘 알고 싶기 때문에 미래에는 누구도 실망시키지 않는 이상적인 섹스로 이어질 수 있습니다.
1. “당신의 가슴 사이즈는 얼마입니까?” - 이것은 상당히 무해한 질문이지만 동시에 그 사람이 조금 준비할 수 있게 해줄 것입니다.
소녀의 대답 후에 그는 자신이 선택한 세 번째 크기에 대해 달콤한 환상과 꿈을 꾸거나 가슴이 그녀의 장점이 아니라는 사실을 받아들이고 받아들일 수 있습니다.
참조! 경험 많은 여성 남성은 옷을 입은 여성을 보고 가슴 크기를 판단할 수 있으므로 항상 이 질문을 할 필요는 없습니다.
2. “가장 기억에 남는 섹스 모험을 말해주세요.” — 동의합니다. 소녀의 대답을 통해 그녀가 얼마나 해방되었고 실험할 준비가 되었는지 이해할 수 있습니다. 그럼 유용한 정보가 되겠네요.
주목! 이 질문은 주인 의식이 강하고 내 것은 오직 내 것이어야 한다고 믿는 남성에게는 적합하지 않습니다.
3. “당신은 에로틱한 환상을 갖고 있나요?” -글쎄요, 여기에서는 모든 것이 매우 간단합니다. 그러한 정보가 있으면 남자는 여자가 꿈꾸는 섹스를 쉽게 계획하고 모든 환상을 실현할 수 있습니다.
4. “몇 살에 처녀성을 잃었나요? 어땠는지 말해줄래?” - 이 질문에는 소녀를 더 잘 알고 싶은 호기심과 욕구가 모두 숨겨져 있습니다. 그녀의 대답을 바탕으로 친밀한 문제에 대한 그녀의 행동과 태도를 분석할 수 있습니다.
5. “섹스할 때 등을 긁나요?” “즐거울 때 소리를 지르나요?” — 이 카테고리의 질문은 여자의 기질이 어떤 종류인지 알려줄 것입니다.
일부 질문이 이미 제기되고 수신된 모든 답변이 그 사람에게 만족스러울 정도로 만족스럽고 의사소통이 계속되고 발전한 후에는 "중포병"으로 이동할 수 있습니다.
받은 정보는 남성이 더 많은 관계를 발전시키는 방법과 밤 또는 사랑의 저녁을 조직하는 가장 좋은 방법을 이해하는 데 도움이 될 것입니다.
대담한 질문:
- "당신은 무엇을 생각합니까 롤플레잉 게임? -여기서 모든 것이 명확합니다. 대답에 따라 침실에서 실험을 계속할지 여부가 결정됩니다.
- “쓰리섬 섹스 경험이 있나요?” - 대답이 긍정적이면 소녀가 이 실험을 좋아하는지, 그리고 반복하고 싶은지 물어볼 수 있습니다.
- “섹스 토이가 있나요? 어느? 하시겠습니까?” — 이 영역의 질문에 대한 답을 통해 소녀가 얼마나 해방되었고 실험할 준비가 되었는지 이해할 수 있습니다. 그녀는 자신의 몸과 자신이 원하는 것이 무엇인지 얼마나 잘 알고 있습니까?
- "섹스에서 당신에게 허용되지 않는 것은 무엇입니까? 금기 사항이 있습니까?" - 모든 것이 매우 간단합니다. 남자가 피하는 데 도움이 될 것입니다. 치명적인 오류여자랑 침대에서.
- “즉흥적인 섹스를 할 준비가 되셨나요?” -남자에게 관심이 많은 여자와의 섹스가 즉시 일어날 수 있다는 대답 후에 이것은 마지막 질문이 될 수 있습니다.
모든 소녀는 미스터리이며 공정한 섹스와의 관계가 어떻게 전개되는지에 따라 절대적으로 정확한 시나리오는 없습니다.
어떤 여성에게는 받아들일 수 없는 일이 다른 여성에게는 정상적인 것으로 간주될 수도 있습니다.
중요한! 남자는 자신 앞에 어떤 종류의 소녀가 앉아 있는지, 그리고 그녀로부터 "걱정"이라는 별명을 얻지 않고도 안전하게 그녀에게 어떤 질문을 할 수 있는지 대략적으로 이해해야합니다.
여성이 좋아하지 않고 남성에게서 멀어지게 할 수 있는 대략적인 질문 목록이 여전히 있습니다.
참조! 항상 그런 것은 아니다 많은 수의성 파트너는 그녀가 성적으로 경험이 있고 침대에서 많은 것을 알고 있다고 제안합니다.
어떤 여자와 대화를 할 때 필요합니다 개별적인 접근 방식, 왜냐하면 그것들은 모두 너무 다르기 때문입니다.
공정한 섹스와의 의사소통에 대해 누구도 명확한 지침을 줄 수는 없습니다. 일반 규칙그리고 권장 사항은 여전히 존재합니다.
이성 사이의 매력은 항상 존재했고 앞으로도 존재할 것이기 때문에 더 강한 섹스가 소녀에게 어떤 종류의 저속한 질문을 할 수 있는지에 항상 관심이 있다는 것은 놀라운 일이 아닙니다.
DashaMail을 지속적으로 개선하고 확장하는 뛰어난 온라인 편집기에도 불구하고 일부 고객은 . 때로는 브랜드 북의 엄격한 규칙 때문이기도 하고, 때로는 이전 마케팅 담당자가 남긴 유산 때문이기도 합니다.
어떤 경우든 우리는 이 권리를 존중하며 고객이 이메일 캠페인을 적응력 있게 만들고 다양한 상황에서 멋지게 보이도록 돕기 위해 노력합니다. 메일 클라이언트그리고 브라우저. 결국, 아시다시피 많은 이메일 클라이언트와 프로그램이 있습니다.
- 웹 버전의 메일러(Gmail, Yandex, Mail, Yahoo 등)
- 데스크톱 프로그램(Outlook, 메일, 모질라 썬더버드심지어 Bat)
- 모바일 이메일 클라이언트(Iphone, iPad, 다른 버전안드로이드 등)
불행하게도 이러한 모든 애플리케이션의 개발자들은 표준을 늘리는 최고의 전통에 따라 일관되지 않게 행동했습니다.
이러한 클라이언트 중 일부는 지원되지 않지만 일부 속성과 스타일은 지원됩니다. 모바일 클라이언트데스크톱에서는 지원되지 않습니다. 게다가, HTML 지원 CSS는 동일한 프로그램으로 보이는 버전에서 버전으로 이동할 수 있습니다. 웹 버전에서는 때때로 단순히 코드를 잘라내거나 자체 코드를 추가합니다.
이러한 바카날리아의 결과를 최소화하기 위해 우리는 자신만의 HTML 레이아웃을 만들 때 따라야 할 5가지 규칙을 개발했습니다.
1. 테이블을 이용한 레이아웃간단하고 안정적인 솔루션을 원한다면 테이블을 선택하는 것이 좋습니다. 당연한 선택. 기존 이메일 클라이언트의 문제를 확실히 방지할 수 있습니다. 웹 버전의 이메일 클라이언트를 여는 브라우저를 잊지 마세요. 그 중 일부는 IE7일 수도 있고, 심지어는 IE6일 수도 있습니다.
2. HTML 태그 및 CSS 속성에 대한 속성 지원의 보편성을 확인하십시오.가장 인기 있는 10가지 이메일 클라이언트의 다양한 속성 및 속성에 대한 지원을 빠르고 쉽게 확인할 수 있습니다. 확실하지 않은 것이 있으면 주저하지 말고 레이아웃의 정확성에 대한 가정을 확인하십시오.
3. CSS 차단은 잊어버리세요CSS를 인라인으로 사용하는 것이 엄격히 권장됩니다. 물론 이는 HTML 코드를 수동으로 생성할 때 어려움을 초래할 수 있으므로 DashaMail은 다음을 사용할 것을 제안합니다. 이 도구자동 - 뉴스레터 생성 2단계에서 html 코드를 로딩한 직후.
4. 문자 너비 600픽셀많은 데스크톱 이메일 클라이언트의 최대 메시지 보기 영역은 약 600px이므로 작은 여백을 남기면서 문자를 맞출 수 있습니다. 600은 또한 1-2-3-4-5-6의 배수이므로 "똥과 막대기"를 사용하지 않고도 일반적인 적응형 다중 열 구조를 구현할 수 있습니다. 600을 9로 나누면 6이 많이 나옵니다. 이것은 기본적으로 어떤 식으로든 적용할 수 없지만 정말 멋지네요. 일반적으로 “반성하지 말고 퍼뜨려라”라는 말이 있습니다.
5. 미디어 쿼리는 별로 멋지지 않습니다.대부분의 이메일 클라이언트에서 미디어 쿼리 지원은 제한되어 있습니다. 예를 들어 이메일에서는 어리석게도 비활성화되어 있습니다. Gmail 클라이언트, 브라우저와 모바일 애플리케이션. 약간 까다롭기는 하지만 이 CSS 구성 요소를 사용하지 않고도 응답성을 달성하는 것이 가능합니다. 하지만 나는 나의 어린 파다완인 당신을 믿습니다.
이 5가지 규칙을 사용하면 모든 이메일 클라이언트와 브라우저에 보편적으로 표시되는 올바른 HTML 코드를 생성할 수 있습니다. 이는 모든 가입자가 자신의 메일함에서 이를 고려하여 가장 깊은 만족감을 경험하게 된다는 것을 의미합니다.
그렇게 놔두세요! 사랑으로, 다샤.
가능할 때마다 필요한 경우 코드를 설명하십시오.주석을 사용하여 코드의 기능, 수행하는 작업, 선택한 솔루션이 사용되는 이유 등을 설명하십시오.
(코드가 항상 잘 문서화될 것이라고 기대할 수는 없기 때문에 이 점은 선택 사항입니다. 주석 달기의 유용성은 프로젝트의 복잡성에 따라 다르며 HTML 및 CSS 코드에 따라 다를 수 있습니다.)
작업 TODO를 사용하여 할 일 목록에 대한 작업을 확인하세요.작업 표시 예어할 것. @@ 와 같이 일반적으로 사용되는 다른 형식을 사용하지 마세요.
TODO(contact) 와 같이 연락처(사용자 이름 또는 메일링 리스트)를 괄호로 묶습니다.
콜론 뒤에 작업을 설명합니다(예: TODO: 작업).
권장사항: (# TODO(Ivan Ivanov): 정렬 처리 #) 테스트
권장사항:
- 오이
- 토마토
(text/html 콘텐츠 유형에는 HTML을 사용하는 것이 좋습니다. application/xhtml+xml은 브라우저 지원이 부족하고 최적화 옵션이 제한되므로 XHTML을 사용하지 마십시오.)
HTML 유효성가능하면 유효한 HTML을 사용하십시오.원하는 성능 수준에 필요한 파일 크기를 얻을 수 없는 경우를 제외하고 유효한 HTML 코드를 사용하십시오.
코드의 유효성을 확인하기 위한 W3C HTML 유효성 검사기(영어)입니다.
유효성은 중요하고 측정 가능한 코드 품질입니다. 유효한 HTML을 작성하면 학습이 촉진됩니다. 기술 요구 사항및 제한사항을 제공합니다. 올바른 사용 HTML.
권장하지 않음: 확인함 그냥 확인함
권장사항: 확인 확인하세요.
제목은 제목, 단락은 p, 링크는 a 등 의도한 목적에 맞게 요소(때때로 "태그"라고도 잘못 불림)를 사용합니다.
이렇게 하면 코드를 더 쉽게 읽고, 편집하고, 유지 관리할 수 있습니다.
대체 미디어 항상 대체 미디어 콘텐츠를 포함합니다.캔버스를 사용하여 정의된 이미지, 비디오, 애니메이션 등 미디어에 대한 대체 콘텐츠를 제공해보세요. 사진의 경우 이는 의미 있는 대체 텍스트(alt)이고, 비디오 및 오디오의 경우 가능하면 텍스트 및 캡션의 스크립트입니다.
대체 콘텐츠는 다음과 같은 사람들에게 도움이 될 수 있습니다. 장애. 예를 들어, @alt가 설정되어 있지 않으면 시력이 낮은 사람이 사진의 내용을 이해하기 어렵습니다. 다른 사람들은 비디오나 오디오 녹음 내용을 이해하는 데 어려움을 겪을 수도 있습니다.
(만약 사진 대체중복되거나 CSS를 사용할 수 없는 곳에서 장식 목적으로만 사용됩니다. 빈 대안을 사용하세요. 대체 텍스트="" )
책임 분리 구조, 디자인, 동작을 분리합니다.구조(마크업), 모양(스타일) 및 동작(스크립트)을 별도로 유지하고 이들 간의 상호 작용을 최소한으로 유지하십시오.
문서와 템플릿에는 HTML만 포함되어 있는지, HTML은 문서의 구조를 정의하는 역할만 하는지 확인하세요. 디자인을 담당하는 모든 코드를 스타일 파일로 옮기고 동작을 담당하는 코드를 스크립트로 옮깁니다.
템플릿에 교차점을 포함하여 교차점을 최소한으로 줄이십시오. 최소한의 금액스타일 파일과 스크립트.
표현과 동작에서 구조를 분리하면 코드를 더 쉽게 유지 관리할 수 있습니다. 템플릿과 HTML 문서를 변경하는 것은 항상 스타일 파일이나 스크립트를 변경하는 것보다 시간이 더 오래 걸립니다.
권장하지 않음: HTML이 짜증남 HTML이 짜증남
전에 어딘가에서 이에 대해 읽었지만 이제 모든 것이 확실히 명확해졌습니다. HTML은 완전 쓰레기야!!1디자인을 바꾸려면 매번 모든 것을 처음부터 다시 해야 한다는 게 믿기지 않아요.
권장 사항: CSS만으로 다시 디자인한 첫 번째 My 새로운 CSS설계
이전에 이에 대해 읽었지만 마침내 직접 해냈습니다. 저는 우려 사항 분리 원칙을 사용하고 디자인을 HTML에 밀어 넣지 않습니다.
정말 멋지다!
니모닉 링크 니모닉 링크를 사용하지 마십시오.이 규칙의 유일한 예외는 HTML 서비스 문자입니다(예:< и & ) а так же вспомогательные и “невидимые” символы (например 중단되지 않는 공간).
선택적 태그 선택적 태그를 사용하지 마십시오. (필요하지 않음)파일 크기를 줄이고 코드 가독성을 높이려면 선택적 태그를 생략할 수 있습니다. HTML5 사양에는 선택적 태그 목록이 있습니다.
(이 접근 방식은 웹 개발자가 일반적으로 가르치는 것과 매우 다르기 때문에 널리 사용되기까지는 시간이 걸릴 수 있습니다. 일관성, 코드 및 단순성 관점에서 일부 선택적 태그보다는 모든 선택적 태그를 생략하는 것이 가장 좋습니다.)
권장하지 않음: 바이트를 낭비합니다. 돈을 낭비합니다.
권장 사항: 바이트는 돈입니다!
하도록 하다
"type" 속성 문서에 스타일과 스크립트를 추가할 때 type 속성을 지정하지 마세요.스타일(CSS 이외의 것을 사용하는 경우 제외)과 스크립트(JavaScript 이외의 것을 사용하는 경우 제외)를 연결할 때 type 속성을 사용하지 마세요.
유형 속성을 지정하십시오. 이 경우 HTML5가 기본적으로 text/css 및 text/javascript를 사용하기 때문에 반드시 그런 것은 아닙니다. 이는 오래된 브라우저에서도 작동합니다.
권장하지 않음:
권장사항:
권장하지 않음:
권장사항:
요소에 지정된 스타일에 관계없이(CSS를 사용하면 다음을 사용하여 요소의 동작을 변경할 수 있습니다.) 표시 속성), 각 블록을 전송하거나 테이블 요소새로운 줄로.
또한 블록이나 테이블 요소 내에 중첩된 모든 요소를 들여씁니다.
(이런 이유로 어려움이 있으신 경우 공백 문자목록 요소 사이에는 모든 li 요소를 한 줄에 배치하는 것이 허용됩니다. Lintu [코드 품질을 확인하는 유틸리티. trans.] 이 경우 오류 대신 경고를 발행하는 것이 좋습니다.
권장사항:
- 마샤
- 글라샤
- 체부라시
권장사항:
| $ 5.00 | $ 4.50 |
브라우저 종속 코드가 필요한 경우나 유효성 검사기 오류가 있는 경우를 제외하고 유효한 CSS 코드를 사용하세요.
W3C CSS Validator와 같은 도구를 사용하여 코드를 검증하세요.
유효성은 중요하고 측정 가능한 코드 품질입니다. 유효한 CSS를 작성하면 중복 코드를 제거하고 스타일 시트를 올바르게 사용할 수 있습니다.
클래스 식별자 및 이름 와일드카드나 의미 있는 클래스 이름 및 식별자를 사용합니다.암호나 설명을 사용하는 대신 모습요소의 생성 의미를 클래스나 식별자 이름으로 표현하거나 템플릿 이름을 지정해 보세요.
와일드카드 이름은 특별한 목적이 없거나 형제와 구별할 수 없는 요소에 대한 단순한 변형 이름입니다. 그들은 대개 “도우미”로 필요합니다.
기능 또는 템플릿 이름을 사용하면 필요성이 줄어듭니다. 불필요한 변경문서나 템플릿에서
더 이상 사용되지 않음: /* 더 이상 사용되지 않음: 의미 없음 */ #yee-1901 () /* 더 이상 사용되지 않음: 모양에 대한 설명 */ .button-green() .clear()
권장: /* 권장: 정확하고 요점 */ #gallery () #login () .video () /* 권장: 템플릿 이름 */ .aux () .alt ()
정확히 무엇을 해야 하는지 공식화해 보세요. 이 요소, 그러나 최대한 간략하게 작성하세요.
클래스와 식별자를 사용하면 코드를 더 쉽게 이해하고 효율적으로 만드는 데 도움이 됩니다.
유형 선택기 요소 유형(태그) 선택기와 함께 클래스 이름이나 식별자를 사용하지 마십시오.꼭 필요한 경우가 아니면(예: 도우미 클래스 사용) 클래스 이름이나 식별자와 함께 요소 이름을 사용하지 마세요.
속성 바로가기 가능하면 속성 바로가기를 사용하세요.CSS는 값 중 하나만 지정하더라도 가능하면 사용하는 것이 권장되는 다양한 단축 형식(예: 글꼴)을 제공합니다.
단축 속성 표기법을 사용하면 코드의 효율성을 높이고 이해를 높이는 데 유용합니다.
권장되지 않음: /* 권장되지 않음 */ border-top-style: none; 글꼴 모음: palatino, georgia, serif; 글꼴 크기: 100%; 줄 높이: 1.6; 패딩 바닥: 2em; 왼쪽 패딩: 1em; 패딩 오른쪽: 1em; 패딩 상단: 0;
권장 사항: /* 권장 사항 */ border-top: 0; 글꼴: 100%/1.6 팔라티노, 조지아, 세리프; 패딩: 0 1em 2em;
특별한 이유가 없는 한 0 값에 단위를 지정하지 마십시오.
분수의 전체 부분에 0 분수의 전체 부분에 "0"을 넣지 마십시오.-1과 1 사이의 값의 정수 부분에 0을 넣지 마십시오.
링크에 인용문 링크에 인용문을 사용하지 마세요url() 에 따옴표("" , "")를 사용하지 마세요.
16진수 이름색상 가능하면 3자리 16진수 표기법을 사용합니다.색상에 대한 3자리 16진수 표기법은 더 짧고 많은 부분을 차지합니다. 더 적은 공간.
고유한 내용이 포함된 접두사 선택기 현재 애플리케이션접두사. (필요하지 않음)안에 대규모 프로젝트, 다른 프로젝트나 다른 사이트에 사용될 코드에서는 식별자와 클래스 이름에 접두사(네임스페이스로)를 사용합니다. 짧고 고유한 제목과 하이픈을 사용하세요.
네임스페이스를 사용하면 이름 충돌을 방지하고 사이트를 더 쉽게 유지 관리할 수 있습니다. 예를 들어 검색하고 바꾸는 경우입니다.
클래스 및 식별자의 구분 기호 하이픈을 사용하여 식별자와 클래스 이름의 단어를 구분합니다.코드의 가독성과 이해를 높이기 위해 선택기에서 단어와 약어를 연결하는 데 하이픈 이외의 다른 것을 사용하지 마세요.
권장되지 않음: /* 권장되지 않음: "demo"와 "image"라는 단어가 분리되지 않음 */ .demoimage () /* 권장되지 않음: 하이픈 대신 밑줄이 사용됨 */ .error_status ()
권장 사항: /* 권장 사항 */ #video-id().ads-sample()
직장에서 차이에 맞서 싸우는 것은 유혹적인 것 같습니다. 다른 브라우저 CSS 필터, 해킹 또는 기타 해결 방법을 사용합니다. 이러한 모든 접근 방식은 다음과 같이 간주될 수 있습니다. 최후의 조치효율적이고 유지 관리가 쉬운 경우 코드베이스. 간단히 말해서, 해킹 및 브라우저 감지를 허용하면 프로젝트에 피해를 줄 수 있습니다. 장기간, 이는 프로젝트가 저항이 가장 적은 경로를 따르고 있음을 의미하기 때문입니다. 그러면 핵을 사용하기가 더 쉬워지고 점점 더 자주 사용될 수 있게 되어 너무 자주 사용되게 됩니다.
CSS 형식 지정 규칙광고 주문 광고를 알파벳순으로 정렬합니다.광고를 게재하세요. 알파벳 순서작업하기 쉬운 일관된 코드를 얻으려면.
정렬할 때 브라우저 접두어를 무시하세요. 또한 하나의 속성에 여러 브라우저 접두사가 사용되는 경우에도 정렬해야 합니다(예: -moz가 --webkit 앞에 와야 함)
블록 단위로 들여쓰기합니다. 항상 블록 내용을 들여씁니다.계층 구조를 표시하고 코드를 더 쉽게 이해할 수 있도록 규칙이나 선언 내의 규칙과 같은 블록 콘텐츠를 항상 들여씁니다.
선언 후 각 선언 뒤에는 세미콜론을 입력합니다.코드 일관성을 유지하고 새 속성을 더 쉽게 추가하려면 각 선언 뒤에 세미콜론을 사용하세요.
속성 이름 뒤 선언에서 콜론 뒤에 공백을 사용합니다.코드의 순서를 위해 항상 선언에서 콜론 뒤(앞은 아님)에 공백 하나를 사용하십시오.
선택기와 선언 분리 선택기와 선언은 줄바꿈으로 분리합니다.각 선택기 또는 선언을 다음으로 시작하십시오. 새 줄.
분리 규칙 줄 바꿈으로 규칙을 분리합니다.항상 규칙 사이에 줄바꿈을 하세요.
메타 규칙 CSSGrouping 규칙 그룹 규칙을 지정하고 주석으로 그룹을 나타냅니다. (필요하지 않음)가능할 때마다 함께 규칙을 그룹화하세요. 주석으로 그룹을 표시하고 줄 바꿈으로 구분합니다.
결론 일관성을 유지하세요코드를 편집하는 경우 코드 작성 방법을 이해하는 데 몇 분 정도 시간을 투자하세요. 수학 연산자가 공백으로 구분된 경우 동일한 작업을 수행합니다. 댓글이 괄호나 대시로 묶인 경우 댓글에도 동일한 작업을 수행하세요.
이 가이드의 아이디어는 개발자가 표현 방법보다는 표현하려는 내용에 집중할 수 있도록 하는 공통 어휘를 만드는 것입니다.
동일한 스타일로 코드를 작성할 수 있도록 통일된 디자인 규칙을 제공하지만 프로젝트에서 이미 사용된 코드 스타일도 중요합니다.
코드가 기존 코드와 크게 다른 경우 독자의 리듬을 깨뜨리고 읽기 어렵게 만들 수 있습니다. 이것을 피하십시오.
번역가의 메모 또한 Google은 주로 모든 바이트가 비싼 대규모 고부하 프로젝트에 초점을 맞추고 있으므로 각 선택기를 새 줄에서 시작하거나 대신 공백을 사용하도록 권장하는 경우 고려해 볼 가치가 있습니다. 탭의 경우 이는 주로 사이트에서 사용하기 전에 코드가 축소되고 압축된다는 것을 의미합니다.여기까지 읽어주신 모든 분들께 감사드립니다.
태그: 태그 추가